Ruban Annonce

[Steinn]

Bonsoir à tous,

Serait-il possible que le ruban défilant reparte de là où on en était quand on revient sur la page d'accueil ?

En vous remerciant d'avance

[Steinn]

Up !

[Steinn]

Up !

[Steinn]

Up !

[Steinn]

Up !

[Steinn]

Up !

[Steinn]

Up !

[Steinn]

Up !

[Steinn]

Up !

[Adam_sfp]

Bonsoir

Je ne sais pas si c'est réalisable en utilisant l'annonce de FA.
mais en utilisant ce plugin il y a une fonction cookie
http://codes-sources.commentcamarche.net/source/51524-marquee-version2-compatible-mootools-jquery-prototype-et-sans-librairie

Cdt.

[Steinn]

Bonsoir à tous,

Merci Adam_sfp ! Mais je ne vois pas trop se qu'il faut faire !??  

Il faut récupéré le code qui est en exemple ? ou télécharger un fichiers ?

Cordialement

[Adam_sfp]

Bonjour

Effectivement pas évident à mettre en place..
Il faut héberger et mettre le script marquee.js  dans description de site
ceci

Code:

<script src=http://www.patmax.eu/J1/130916092320.js></script>

Ensuite la ou vous voulez faire apparaitre le défilement mettre ce code
(Si vous le mettez dans annonce désactivez le défilement dans Options générales des annonces )
*changez blabla par votre texte vous pouvez aussi mettre des images...

Code:

<script type="text/javascript">
  

     
  
 /*
* Définition de Marquee, fonction de défilement
* @param box (string/node) le noeud marquee
* @param options (map) les options
 * - speed : la vitesse du déplacement (default 0.5)
 * - dirc : la direction du déplacement (default top)
 * - btSpeedUp : la bouton d'accélération
* - btSpeedDown : la bouton d'esaccélération
* - speedActiveBt : vitesse d'accélaration pour le bouton (default 10)
 * - cssActiveBtSpeedUp : class du bouton accélération actif
 * - cssActiveBtSpeedUp : class du bouton desaccélération actif
 * - eventBt : l'évenement de l'activation de bouton (default over, sinon down)
 * - stopOnOver : pour stopper le difelement au survole (default true)
 * - scrollOnMove : pour actievr le scrolling au survole
 * - maxSpeedOnMove : vitesse d'accélaration pour le scrool (default 10)
 * - expoSpeedOnMove : comportement exponentiel de l'accélaration  (default 2)
 * - activeCookie : permet de sauvegarder la position du défilement et de la restitué au chargement de al page (acif que durant la session)
 */
 
jQuery(function(){

  
 

jQuery('#marqueeBox4').marquee({
      speed : 2,
  dirc : 'left',
activeCookie : true,
  stopOnOver : true,
  draggable : true,
  cursorOverDrag : 'http://www.patmax.eu/C2/130916100646.cur',
  cursorOnDrag : 'http://www.patmax.eu/C2/130916100713.cur'
  });
});
 
</script>


 

 
<div class='horizontale'>



  
  <div id='marqueeBox4' class='marqueeBoxH'>
      <span id='contentBox4' >
         du blabla en HTML 0 oui !! <img src='../ressource/image.gif' />
        du blabla en HTML 1 oui !! <img src='../ressource/image.gif' />
        du blabla en HTML 2 oui !! <img src='../ressource/image.gif' />
        du blabla en HTML 3 oui !! <img src='../ressource/image.gif' />
        du blabla en HTML 4 oui !! <img src='../ressource/image.gif' />
        du blabla en HTML 5 oui !! <img src='../ressource/image.gif' />
     </span>
   </div>
 



Ensuite le CSS pour le mise en forme

A mettre dans votre CSS

Code:

/************* conteneur *****************/
 .horizontale{
 width:800px;
    margin:auto;
 }
 



  .marqueeBoxH, .marqueeBoxV{
     border:1px solid black;
 overflow:auto;
   }
   .marqueeBoxH{
       display : inline-block;
   width:800px;
   height:25px;
   white-space : nowrap;
   float : left;
   margin-top : 5px;
   border : 1px solid black;
   }
  

Si vous suivez bien ces instructions cela devrait fonctionner et le défilement doit repartir d'ou vous étiez en changeant ou en quittant le forum.

Cdt.

[Steinn]

Bonjour,

J'ai pas bien compris la première partie :

Il faut héberger et mettre le script marquee.js  dans description de site
ceci

Code:

<script src=http://www.patmax.eu/J1/130916092320.js></script>

Le code je dois l'héberger où ?
Le script, je dois y mettre l'adresse de la page où il doit apparaitre sur le forum ?

Sinon pour le reste j'ai compris ce qu'il fallait faire, merci  


Cordialement.

[Adam_sfp]

Bonjour,

J'ai pas bien compris la première partie :

Il faut héberger et mettre le script marquee.js  dans description de site
ceci

Code:

<script src=http://www.patmax.eu/J1/130916092320.js></script>

Le code je dois l'héberger où ?
Le script, je dois y mettre l'adresse de la page où il doit apparaitre sur le forum ?

Sinon pour le reste j'ai compris ce qu'il fallait faire, merci  


Cordialement.

Bonjour

Pour le script il est déjà hébergé vous avez juste à coller le code

Code:

<script src=http://www.patmax.eu/J1/130916092320.js></script>

dans description de site.


Cdt.

[Steinn]

Re-bonjour,

Comment je fais si cette partie là est déjà occupé par une phrase qui décrit le forum ?


Merci

[Adam_sfp]

Bonsoir

Mettez le avant le code que vous mettez dans annonce..

Cdt.

[Steinn]

Bonsoir,

Super ça fonctionne !!!  

Mais j'ai un petit problème d'affichage avec Internet Explorer :




Y a t'il moyen de réduire cet espace ?




Cordialement

[Adam_sfp]

Bonjour

Je n'est pas IE...
Essayez limite en mettant plus de hauteur

Code:

 height:50px;

Cdt

[Steinn]

Re-bonsoir,

Il n'y a pas moyen de laissé le nouveau bandeau au même endroit, et de désactiver l'annonce du forum ?  

Merci !

[Adam_sfp]

Bonsoir

Vous utiliser l'endroit des annonces pour utiliser ce script et ce défilement..
Si vous désactiver les annonces plus de script ni de défilement.

Vous pouvez sinon mettre le code en page d'accueil.. et désactivez les annonces..

Cdt.

[Steinn]

Bonsoir

Pour mettre le code en page d'accueil comment faut-il faire ? Merci


Cordialement

[Adam_sfp]

Bonsoir

Dans votre PA
Affichage-->page d'accueil-->généralités
Message sur la page d'accueil
collez tout le code que vous aviez mis dans annonce et enregistrez..

Cdt.

[Steinn]

Bonsoir

Toujours le même problème...  


Cordialement

[Adam_sfp]

Bonjour

Je ne comprend pas le soucis..
Cela m'a l'air parfait sur votre forum..

Cdt.

[Steinn]

Bonjour à tous,

Oui cela marche parfaitement ! Il m'a fallut du temps pour le configurer.

Merci à vous Adam_sfp pour votre aide  


Cordialement.