------
Voilà ci-dessous un code pour faire défiler des images (bannières par ex) avec des liens
Ce code fonctionne aussi bien dans un message simple, qu'en mode avancé.
Sur MSN les défilés ne fonctionnent pas, mais vous savez utiliser ces cadres sans que cela ne défile tout simplement !
Explications :
1. En orange c'est l'url du fond animé (petits carrés ici) et vous pouvez mettre le lien de votre fond à vous à la place.
2. En rouge c'est le contour en gris chez moi, vous pouvez mettre le code d'une autre couleur selon vos désirs.
3. En vert fluo, le 1er "height="220" c'est la taille en hauteur du cadre et le 2ème "width="250" c'est la taille de la largeur du cadre.
4. En jaune "15" c'est le largeur entre les cellules, là où vous voyez mes petits blocs défiler, vous pouvez augmenter ou diminuer la taille selon vos désirs.
5. En rose, les six "000000", c'est la couleur du fond du cadre, ici il est noir. Vous pouvez modifier ce code afin d'y mettre la couleur de fond selon vos désirs.
6. En parme c'est en 1er la largeur " width="250" et en 2ème la hauteur height="210" de ce fond noir.
7. En rose ce sont les liens de mes blogs que j'ai inséré dans mes logos/images/gifs. A vous de mettre vos différents liens.
8. Et en bleu turquoise ce sont les liens (url) de mes logos/images/gifs. A vous de mettre les liens de vos images ou gifs ou autre. Veillez toujours à ce que vos images ne soient pas plus larges que vos dimentions en largeur (les width), vos images seront coupées. Sinon, il faut faire vos cadres plus larges.
Ici j'ai inséré 6 images (mes logos) avec mes liens de blogs, mais vous pouvez en ajouter bien sûr.
REMARQUE :
Ne vous étonnez pas de ne pas voir les images défiler ainsi, vous ne verrez le défilant qu'une fois votre message publié sur votre blog.
Voilà le code, ici avec 6 logos et liens et avec mes couleurs, fonds et images :
<p >
<table bordercolor="#808080" height="220" cellspacing="15" width="250" align="center" background="http://i195.photobucket.com/albums/z91/joanca3/cream-19.gif" border="3" style="WIDTH: 250px; HEIGHT: 220px;"><tbody>
<tr><td bgcolor="#000000"><marquee scrollamount="3" direction="up" width="250" height="210" onfiltered="this.stop()"><center>
<a href="http://astucesjoella.canalblog.com/" target="_blank">
<img src="http://storage.canalblog.com/19/01/144645/11301597.gif" border="0" /></a>
<br /><br /><a href="http://douceursillimite.canalblog.com/" target="_blank">
<img src="http://storage.canalblog.com/49/53/144645/6631686.gif" border="0" /></a>
<br /><br /><a href="http://universjoella.canalblog.com/" target="_blank">
<img src="http://storage.canalblog.com/19/01/144645/11301597.gif" border="0" /></a>
<br /><br /><a href="http://astucesjoella.canalblog.com/" target="_blank">
<img src="http://storage.canalblog.com/19/01/144645/11301597.gif" border="0" /></a>
<br /><br /><a href="http://douceursillimite.canalblog.com/" target="_blank">
<img src="http://storage.canalblog.com/49/53/144645/6631686.gif" border="0" /></a>
<br /><br /><a href="http://universjoella.canalblog.com/" target="_blank">
<img src="http://storage.canalblog.com/45/33/144645/6631166.gif" border="0" /></a>
<p></p><br /><br /><p></p></center></marquee></td></tr></tbody></table></p>
Ce qui donne ceci :
D'autres exemples :
|