Affichage top et partenaires défilement

Rappel du premier message :

Bonjour/soir à tous,

La question ayant été posée pas mal de fois, je me permet de faire un topic expliquant comment faire défiler les logos des tops sites ou des partenaires d'un forum, le tout présenté en tableau plus ou moins élaboré.


I- Le Basique :

Pour un défilement horizontal basique des tops sites / partenaires, insérez sur votre accueil le code suivant :

Simple :

Code:

<marquee><a href="adresse du site/forum"><img src="adresse de l'image" /></a></marquee>

Pour en mettre deux l'une en dessous de l'autre, séparez les deux par le code :

Code:

<br>

qui permet de faire un retour à la ligne.


II- Les Différents styles de Scroll (=défilement) :

Réduire la largeur / hauteur :

Code:

<marquee width="700px" height="50px"><a href="adresse du site/forum"><img src="adresse de l'image" /></a></marquee>

width : largeur
height: hauteur

Couleur et cadre :

Code:

<marquee background-color="#000000" border="1px solid #ffffff" color="#ffffff"><a href="adresse du
site/forum"><img src="adresse de l'image"
/></a></marquee>

background-color : couleur de fond
border : bordures
color : couleur du texte

Styles et vitesse de défilement :

Va-et-vient :

Code:

<marquee behavior="alternate"><a href="adresse du
site/forum"><img src="adresse de l'image"
/></a></marquee>

Vitesse :

Code:

<marquee scrollamount="5"><a href="adresse du
site/forum"><img src="adresse de l'image"
/></a></marquee>

Le chiffre de la vitesse est à adapter en fonction de celle souhaitée.
1 = très lent
20 = très rapide

Directions :

Code:

<marquee directon="right"><a href="adresse du
site/forum"><img src="adresse de l'image"
/></a></marquee>

Right = défilement vers la droite
Left = défilement vers la gauche
Up = défilement vers le haut
Down = défilement vers le bas

Remarque :
Il est bien sûr possible de combiner autant de données que nécessaires !


III- ...et si l'on exploite ?

Il est tout à fait possible de mettre un scroll dans une case de tableau, ou une division, et ainsi, appliquer ensuite un fond image à ce cadre ou cette division.

[suite à venir]

merci

Merci beaucoup pour ce tutoriel ^^ c'est génial ♥

Merci pour le partage !