*AIDE*ASTUCES*SCROLLBAR*DEFILANT* « La boîte aux trésors chez Joella

- Mettre un scrollbar avec plusieurs images dans un billet

Code à mettre en HTML :

6 mai 2006 | Categories: *AIDE*ASTUCES*SCROLLBAR*DEFILANT* | 3 Commentaires »

- Cadre rouge avec scrollbar dans un billet


	Mettez votre texte et/ou photos ici … Assez difficile à mettre pour les débutants !

Code HTML à mettre pour vous faciliter la tâche :

<DIV>
<TABLE cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD></TD></TR>
<TR>
<TD>
<TABLE cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE cellSpacing=0 width="100%" border=0>
<TBODY>
<TR>
<TD></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=735 align=center border=0>
<TBODY>
<TR>
<TD><IMG height=50 alt="" src="http://users.skynet.be/allshow/img_blgmsn/oculte_sp_01.jpg" width=50></TD>
<TD><IMG height=50 alt="" src="http://users.skynet.be/allshow/img_blgmsn/oculte_sp_02.jpg" width=635></TD>
<TD><IMG height=50 alt="" src="http://users.skynet.be/allshow/img_blgmsn/oculte_sp_03.jpg" width=50></TD></TR>
<TR>
<TD><IMG alt="" src="http://users.skynet.be/allshow/img_blgmsn/oculte_sp_04.jpg" width=50></TD>
<TD width=635 background=http://users.skynet.be/allshow/img_blgmsn/oculte_sp_05.jpg height=400>
<DIV style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; OVERFLOW: auto; WIDTH: 635px; SCROLLBAR-BASE-COLOR: #a4000d; HEIGHT: 400px; BORDER-RIGHT-WIDTH: 1px">
<P><FONT face="Georgia, Times New Roman, Times, serif" color=#ff000 size=2></FONT> </P>
<P><FONT face="Georgia, Times New Roman, Times, serif" color=#ff000 size=2>              <FONT size=5>Votre texte ici </FONT></FONT><FONT face="Georgia, Times New Roman, Times, serif" color=#ffffff size=2></P>
<DIV align=center><IMG src="Ici votre lien de l’image"></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center><IMG src="Ici votre lien de l’image"></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center><IMG src="Ici votre lien de l’image></DIV><DIV align=center> </DIV><DIV align=center> </DIV><DIV align=center><IMG src=" ici? image lien Votre?></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center><IMG src="Ici votre lien de l’image></DIV><DIV align=center> </DIV><DIV align=center> </DIV><DIV align=center> </DIV><DIV align=center><IMG src="Ici votre lien de l’image></DIV>
<DIV align=center> </DIV>
<DIV align=center><FONT face="Georgia, Times New Roman, Times, serif" color=#ff000 size=2>              <FONT size=+0>Votre 2ème texte ici(ce n’est pas obligatoire !) </DIV>
<P><BR></P></FONT><FONT face="Georgia, Times New Roman, serif" color=#ffffff></FONT></DIV></FONT></FONT></TD>
<TD><IMG height=400 alt="" src="http://users.skynet.be/allshow/img_blgmsn/oculte_sp_06.jpg" width=50></TD></TR>
<TR>
<TD><IMG height=50 alt="" src="http://users.skynet.be/allshow/img_blgmsn/oculte_sp_07.jpg" width=50></TD>
<TD><IMG height=50 alt="" src="http://users.skynet.be/allshow/img_blgmsn/oculte_sp_08.jpg" width=635></TD>
<TD><IMG height=50 alt="" src="http://users.skynet.be/allshow/img_blgmsn/oculte_sp_09.jpg" width=50></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

19 avril 2006 | Categories: *AIDE*ASTUCES*SCROLLBAR*DEFILANT* | Laisser un commentaire »

- Créer un cadre avec scrollbar

Ecrivez ici votre texte …

Code à insérer :

<DIV>
<TABLE style="WIDTH: 619px; HEIGHT: 219px" cellSpacing=1 align=center background=Lien de votre fond ici border=1>
<TBODY>
<TR>
<TD>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: Code couleur pour scroll ici(ex : #ff33cc); OVERFLOW: scroll; BORDER-LEFT: black 8px solid; WIDTH: 528px; COLOR: Code couleur pour scroll ici(ex : #ff33cc); SCROLLBAR-3DLIGHT-COLOR: Code couleur pour scroll ici(ex :
Technorati Tags: scrolbar, fond, cadre

#ff33cc); BORDER-BOTTOM: black 2px solid; HEIGHT: 200px" align=left>
<P align=left> </P>
<P align=left> </P>
<P align=left>                     <FONT color=#ff00ff size=5> Ecrivez ici votre texte …</FONT></P>
<P align=left> </P>
<P align=left>  </P>
<P align=left><FONT face="Comic Sans MS" color=#cc99ff size=6></FONT> </P>
<P align=left> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left> </P>
<P align=left> </P>
<P align=left> </P></DIV></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE></DIV>

19 avril 2006 | Categories: *AIDE*ASTUCES*SCROLLBAR*DEFILANT* | Laisser un commentaire »

- Cadre avec scrollbar pour billet

Ecrivez ici votre texte …

Code à insérer en html :

<DIV>
<TABLE style="WIDTH: 619px; HEIGHT: 219px" cellSpacing=1 align=center

background=Lien de votre fond ici border=1>
<TBODY>
<TR>
<TD>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;

SCROLLBAR-HIGHLIGHT-COLOR: Code couleur pour scroll ici(ex : #ff33cc);

OVERFLOW: scroll; BORDER-LEFT: black 8px solid; WIDTH: 528px; COLOR:

Code couleur pour scroll ici(ex : #ff33cc);

SCROLLBAR-3DLIGHT-COLOR: Code couleur pour scroll ici(ex : #ff33cc);

BORDER-BOTTOM: black 2px solid; HEIGHT: 200px" align=left>
<P align=left> </P>
<P align=left> </P>
<P align=left>          

<FONT color=#ff00ff size=5> Ecrivez ici votre texte …</FONT></P>
<P align=left> </P>
<P align=left>  </P>
<P align=left><FONT face="Comic Sans MS" color=#cc99ff size=6>

</FONT> </P>
<P align=left> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left><FONT color=#cc99ff size=6></FONT> </P>
<P align=left> </P>
<P align=left> </P>
<P align=left> </P></DIV></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE></DIV>

19 avril 2006 | Categories: *AIDE*ASTUCES*SCROLLBAR*DEFILANT* | 1 commentaire »

- Double cadre avec scrollbar pour billet

Mettez votre texte ici

Texte ou votre signature ici

Code à insérer dans votre billet en mode HTML :

<DIV>
<TABLE style="WIDTH: 396px; HEIGHT: 617px" cellSpacing=50 borderColorDark=#00ffff align=center bgColor=#0000ff borderColorLight=#00ffff background=http://storage.canalblog.com/11/03/144645/5705090.gif border=5>
<TBODY>
<TR align=middle>
<TD background=http://storage.canalblog.com/22/61/144645/7966215.gif>
<DIV align=center>
<DIV align=center>
<DIV align=center><FONT color=#000000></FONT> </DIV>
<DIV align=center><FONT color=#000000><IMG style="BORDER-RIGHT: #00ccff 15px ridge; BORDER-TOP: #00ccff 15px ridge; BORDER-LEFT: #00ccff 15px ridge; WIDTH: 297px; BORDER-BOTTOM: #00ccff 15px ridge; HEIGHT: 257px" start=1 height=216 src="Mettre lien de l’image ici" <img></FONT></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV></DIV></DIV></TD>
<P><FONT color=#ffff00></FONT></P></TR>
<TR>
<TD>
<DIV align=center>
<DIV align=center>
<DIV align=center>
<DIV align=center>
<DIV style="OVERFLOW: auto; WIDTH: 354px; HEIGHT: 179px">
<P align=center> </P>
<P align=center><FONT color=#000080 size=5></FONT> </P>
<P align=center><FONT color=#000080 size=5></FONT> </P>
<P align=center><FONT color=#000080 size=5>Mettez votre texte ici</FONT></P>
<P align=center><FONT color=#000080 size=5></FONT> </P>
<P align=center><FONT color=#000080 size=5>Texte ou votre signature ici</FONT></P>
<P align=center><FONT color=#000080 size=5> </FONT></P>
<P><FONT color=#ff99cc><FONT color=#ffff99><FONT face="Lucida Handwriting, Cursive">

<EM><FONT size=3>

<IMG style="WIDTH: 83px; HEIGHT: 74px" height=64 alt="" src="http://www.yatoula.com/gif/coeur/coeur_90.gif" width=54 border=0></P>
<P align=center><BR></P></FONT></EM></FONT></FONT></FONT></DIV>

</DIV></DIV></DIV></DIV></TD></TR></TBODY></TABLE></DIV>

19 avril 2006 | Categories: *AIDE*ASTUCES*SCROLLBAR*DEFILANT* | Laisser un commentaire »

- Petit cadre avec scrollbar

Cadre avec scrollbar

BIENVENUE CHEZ MOI

Coucou !

Un petit clic ici pour déposer vos commentaires dans mon livre d’or !

Voilà !

Merci de votre visite

et à bientôt.

Bonne journée

Bonne soirée…

Code à insérer dans votre billet en HTML :

<DIV align=center>
<DIV style="BORDER-RIGHT: #14adff 10px outset; BORDER-TOP: #14adff 10px
outset; OVERFLOW: auto; BORDER-LEFT: #14adff 10px outset;
WIDTH: 314px; BORDER-BOTTOM: #14adff 10px outset; HEIGHT: 262px">
<P style="BORDER-BOTTOM: #14adff 1px solid" align=center>
<FONT color=#14adff>
<FONT color=#ff6600 size=4><STRONG>
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!"
src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
</STRONG></FONT></FONT></P>
<P style="BORDER-BOTTOM: #14adff 1px solid" align=center><FONT color=#14adff>
<FONT color=#ff6600 size=4><STRONG>BIENVENUE CHEZ MOI</STRONG></FONT><FONT color=#14adff><STRONG><FONT color=#ff6600> </FONT></STRONG></P>
<DIV align=center><STRONG><FONT color=#ff6600>
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
</FONT></STRONG></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
 </DIV>
<DIV align=left><STRONG><FONT color=#ff6600> </FONT></STRONG></DIV>
<DIV align=center><FONT size=5>
<FONT face=Tahoma,Helvetica,Sans-Serif color=#ff6600><A href="http://spaces.msn.com/luniversdejoella/blog/cns!45EACD8F62676BD1!481.entry">
<FONT color=#ff6600>Un petit clic ici p</FONT><FONT color=#ff6600>
pour déposer vos commentaires dans mon livre d’or !</FONT></A></FONT></FONT>
</DIV>
<DIV align=center><STRONG><FONT color=#ff6600> </FONT></STRONG></DIV>
<DIV align=center><FONT color=#ff6600><FONT size=5><STRONG>
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
</STRONG></FONT> </FONT></DIV>
<DIV align=center><FONT color=#ff6600></FONT> </DIV>
<DIV align=center><FONT color=#ff6600></FONT> </DIV>
<DIV align=center><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
<IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
</DIV>
<DIV align=center><FONT size=5></FONT><STRONG><FONT color=#ff6600> </FONT>
</STRONG></DIV>
<DIV align=center><FONT size=5></FONT><STRONG><FONT color=#ff6600> </FONT>
</STRONG></DIV>
<DIV align=center><FONT face="Lucida Handwriting, Cursive" size=5>
<FONT face="Times New Roman" color=#ff6600><STRONG>Merci de votre visite </STRONG></FONT></FONT></DIV>
<DIV align=center><FONT face="Lucida Handwriting, Cursive" size=5>
<FONT face="Times New Roman" color=#ff6600><STRONG>et à bientôt.</STRONG></FONT>
</FONT></DIV>
<DIV align=center><STRONG><FONT face="Times New Roman" color=#ff6600 size=5></FONT></STRONG> </DIV>
<DIV align=center><FONT face="Lucida Handwriting, Cursive" color=#ff00ff size=5></FONT><STRONG> </STRONG><STRONG> </STRONG></DIV>
<DIV align=left></FONT>
<P align=center><STRONG><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif">
</STRONG></P>
<P align=center><STRONG></STRONG> </P>
<P align=center><STRONG></STRONG> </P>
<P align=center><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"><IMG title="Click to visit ImageShack for Image Hosting!" src="http://img104.imageshack.us/img104/3227/barrecoeursbleusetmauves0rr.gif"></P>
</DIV>
<P align=left><STRONG> </STRONG></P></DIV></DIV></FONT>

17 avril 2006 | Categories: *AIDE*ASTUCES*SCROLLBAR*DEFILANT* | Laisser un commentaire »

	fred on INFOS !
	FOURNIER on Déçue par wordpress !
	nelhia777 on Répondez à ce petit sondage, i…
	nelhia777 on Kit Licorne sur demande de…
	Val on Déçue par wordpress !

La boîte aux trésors chez Joella Je vous offre les fruits de mon travail en toute amitié, et vous invite à partager mes astuces, créations, poèmes et bien plus encore… J'espère que vous apprécierez !