BiOMECHANiK
05/09/2006, 10h56
Je suis tombé sur un petit tuto sur Internet, permettant de créer un texte défilant dans un iFrame.
Grâce à ce code j'ai créé un panneau avec texte défilent que j'ai ensuite inséré dans un template vBulletin. Bien sympathique pour une annonce ;)
<center><table cellspacing="0" cellpadding="0" width="560" border="0"><tbody><tr><td><img height="1" src="ADRESSE DE LIMAGE" width="0" /></td></tr><tr><td valign="middle" align="center" width="604" background="ADRESSE DE LIMAGE" height="309"><marquee onmouseover="function anonymous(){this.STOP()}" style="WIDTH: 350px; HEIGHT: 150px" onmouseout="function anonymous(){this.start()}" scrollamount="1" scrolldelay="5" direction="up"><center><font color="#000000" size="2">TEXTE A INSERER <font size="+0"></font></font></center></marquee></td></tr></tbody></table></center>
size="2" Taille du texte ( 1, 2, 3, 4, 5, 6, 7, 8, 9 )
scrollamount="1" Vitesse de défilement ( 1, 2,3, 4 ou 5)
direction="up" Direction du défilement ( "up"= De bas en haut et "Down"= De haut en bas ).
font color="#000000" Couleur du texte ( Choisir la couleur par son code html).
style="WIDTH: 350px Longueur du texte par rapport à l'image ( Le texte sur l'exemple fait 350 pixels sur une image de 640 Pixels de longueur).
HEIGHT: 150px" Largeur de défilement par rapport à l'image ( Le texte sur l'exemple fait 150 pixels sur une image de 309 Pixels de largeur ).
width="604" Longueur de l'image (Spécifer la longueur de votre image en "pixels" ).
height="309" Largeur de l'image ( Spécifer la largeur de votre image ).
align="center" Position du texte par rapport à l'image ( Droite=Left, Centrer=Center et Gauche=Right ).
valign="middle" Départ du défilemet du texte par rapport à l'image ( Top=En Haut, Middle=Au millieu et Bottom=En Bas ).
Voilà pour la partie code, maintenant voici comment je l'ai intégré dans le template afin de créer ce menu déroulant (de bas en haut)
http://www.vbulletin-ressources.com/forum/images/tutoriaux/148_1157449969.png
<!-- Panneau avec texte défilent -->
<center><table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"><tbody><tr><td class="tcat" style="text-align: center" nowrap><strong>Bienvenue</strong></td></tr><tr><td valign="middle" align="center" width="" background="$stylevar[imgdir_misc]/platine.png" height="80"><marquee onmouseover="function anonymous()
{
this.STOP()
}" style="WIDTH: 150px; HEIGHT: 150px" onmouseout="function anonymous()
{
this.start()
}" scrollamount="1" scrolldelay="5" direction="up"><center><font color="#000000" size="2">Bienvenue dans la nouvelle section Musique<br/><br/>Ceci est un bloc de TEST<font size="+0"></font></font></center></marquee></td></tr></tbody></table></center>
<!-- /Panneau avec texte défilent -->
Voilà personellement je l'ai intégré dans la section musique mais à vous de trouver une utilité à ce code ;)
byby BiO
Grâce à ce code j'ai créé un panneau avec texte défilent que j'ai ensuite inséré dans un template vBulletin. Bien sympathique pour une annonce ;)
<center><table cellspacing="0" cellpadding="0" width="560" border="0"><tbody><tr><td><img height="1" src="ADRESSE DE LIMAGE" width="0" /></td></tr><tr><td valign="middle" align="center" width="604" background="ADRESSE DE LIMAGE" height="309"><marquee onmouseover="function anonymous(){this.STOP()}" style="WIDTH: 350px; HEIGHT: 150px" onmouseout="function anonymous(){this.start()}" scrollamount="1" scrolldelay="5" direction="up"><center><font color="#000000" size="2">TEXTE A INSERER <font size="+0"></font></font></center></marquee></td></tr></tbody></table></center>
size="2" Taille du texte ( 1, 2, 3, 4, 5, 6, 7, 8, 9 )
scrollamount="1" Vitesse de défilement ( 1, 2,3, 4 ou 5)
direction="up" Direction du défilement ( "up"= De bas en haut et "Down"= De haut en bas ).
font color="#000000" Couleur du texte ( Choisir la couleur par son code html).
style="WIDTH: 350px Longueur du texte par rapport à l'image ( Le texte sur l'exemple fait 350 pixels sur une image de 640 Pixels de longueur).
HEIGHT: 150px" Largeur de défilement par rapport à l'image ( Le texte sur l'exemple fait 150 pixels sur une image de 309 Pixels de largeur ).
width="604" Longueur de l'image (Spécifer la longueur de votre image en "pixels" ).
height="309" Largeur de l'image ( Spécifer la largeur de votre image ).
align="center" Position du texte par rapport à l'image ( Droite=Left, Centrer=Center et Gauche=Right ).
valign="middle" Départ du défilemet du texte par rapport à l'image ( Top=En Haut, Middle=Au millieu et Bottom=En Bas ).
Voilà pour la partie code, maintenant voici comment je l'ai intégré dans le template afin de créer ce menu déroulant (de bas en haut)
http://www.vbulletin-ressources.com/forum/images/tutoriaux/148_1157449969.png
<!-- Panneau avec texte défilent -->
<center><table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"><tbody><tr><td class="tcat" style="text-align: center" nowrap><strong>Bienvenue</strong></td></tr><tr><td valign="middle" align="center" width="" background="$stylevar[imgdir_misc]/platine.png" height="80"><marquee onmouseover="function anonymous()
{
this.STOP()
}" style="WIDTH: 150px; HEIGHT: 150px" onmouseout="function anonymous()
{
this.start()
}" scrollamount="1" scrolldelay="5" direction="up"><center><font color="#000000" size="2">Bienvenue dans la nouvelle section Musique<br/><br/>Ceci est un bloc de TEST<font size="+0"></font></font></center></marquee></td></tr></tbody></table></center>
<!-- /Panneau avec texte défilent -->
Voilà personellement je l'ai intégré dans la section musique mais à vous de trouver une utilité à ce code ;)
byby BiO