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 !

*AIDE*ASTUCES*CADRES*CLIPS*FONDS*

- Créer des cadres avec gifs et à différents endroits

 

Pour créer ces différents cadres,

mettez le code HTML que je vous donne,

sur votre nouveau billet en mode HTML,

ensuite passez en mode normal et écrivez votre texte.

Conseil :

Pour ces cadres utilisez des petites images de plus ou moins 100/100 pixels.

Votre texte ici

Code 1er cadre :

<DIV>&nbsp;</DIV>
<TABLE style="BACKGROUND-POSITION: left top; WIDTH: 531px; BACKGROUND-REPEAT: repeat-y; HEIGHT: 260px; BACKGROUND-COLOR: #003366" height=260 width=531 align=center background=VOTRE LIEN IMAGE ICI border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#ccffff size=5>Votre texte ici</FONT></DIV></TD></TR></TBODY></TABLE>
<DIV>&nbsp;</DIV>

Votre texte ici

Code 2ème cadre :

<DIV>&nbsp;</DIV>
<TABLE style="BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #003366" height=200 width="100%" background=VOTRE LIEN IMAGE ICI border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT color=#99ccff size=4>Votre texte ici</FONT></DIV></TD></TR></TBODY></TABLE>
<DIV>&nbsp;</DIV>

Votre texte ici

Code 3ème cadre :

<DIV>&nbsp;</DIV>
<TABLE style="BACKGROUND-POSITION: right top; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #003366" height=200 width="100%" background=VOTRE LIEN IMAGE ICI border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><FONT size=4>
<DIV align=center><FONT color=#99ccff size=4>Votre texte ici</FONT></DIV></FONT></DIV></TD></TR></TBODY></TABLE>
<DIV>&nbsp;</DIV>

Votre texte ici

Code 4ème cadre :

<DIV>&nbsp;</DIV>
<TABLE style="BACKGROUND-POSITION: right top; WIDTH: 533px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 217px; BACKGROUND-COLOR: #003366" height=217 width=533 background=VOTRE
LIEN IMAGE ICI border=1><TBODY><TR><TD><DIV align=center>
<DIV align=center><FONT color=#99ccff size=4></FONT>&nbsp;</DIV>
<DIV align=center><FONT color=#99ccff size=4></FONT>&nbsp;</DIV>
<DIV align=center><FONT color=#99ccff size=4></FONT>&nbsp;</DIV>
<DIV align=center><FONT color=#99ccff size=4></FONT>&nbsp;</DIV>
<DIV align=center><FONT color=#99ccff size=4></FONT>&nbsp;</DIV>
<DIV align=center><FONT color=#99ccff size=4></FONT>&nbsp;
<FONT color=#99ccff size=4>Votre texte ici</FONT></DIV></DIV>
</TD></TR></TBODY></TABLE><DIV>&nbsp;</DIV>

Votre texte ici

Code dernier cadre :

<DIV>&nbsp;</DIV>
<DIV align=left>
<TABLE style="WIDTH: 531px; HEIGHT: 374px" borderColor=#003366 height=374 width=531 background=VOTRE LIEN IMAGE ICI border=5>
<TBODY>
<TR>
<TD width="100%"><FONT face=Arial><FONT color=#003366><FONT size=6>
<DIV align=center><FONT color=#003366 size=4>Votre texte ici</FONT></DIV></FONT></FONT></FONT></TD></TR></TBODY></TABLE></DIV>
<DIV align=left>&nbsp;</DIV>


- Petits cadres simples, bords colorés…

 

Code cadre simple 1 :

<TABLE borderColorDark=darkred borderColorLight=red border=10 width=150 height=100>
<TBODY><TR><TD>texte ici…</TD></TR>
</TBODY></TABLE>

Ce qui donne =>

Texte ici…

Code cadre simple 2 :

<TABLE borderColorDark=gray align=center borderColorLight=white border=10 width=150 height=100>
<TBODY><TR><TD>texte ici …</TD></TR>
</TBODY></TABLE>

Ce qui donne =>

Texte ici…

Code cadre simple 3 :

<TABLE borderColorDark=red align=center borderColorLight=white border=10 width=150 height=100>
<TBODY><TR><TD>texte ici …</TD></TR>
</TBODY></TABLE>

Ce qui donne =>

Texte ici…

Code cadre simple 4 :

<TABLE height=100 borderColorDark=#4080ff width=150 align=center borderColorLight=#80ff40 border=10>
<TBODY><TR><TD>texte ici …</TD></TR>
</TBODY></TABLE>

Ce qui donne =>

Texte ici…


- Double cadre coeurs

Ici, mettez votre texte…

Mettez une image ou photo ici

Code à mettre en HTML dans votre billet :

<DIV align=center>
<TABLE style="BORDER-RIGHT: red 10px outset; BORDER-TOP: red 10px outset;
BORDER-LEFT: red 10px outset; WIDTH: 357px; BORDER-BOTTOM: red 10px outset; HEIGHT: 327px" align=center border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 335px; HEIGHT: 288px" width=335 background=
Ici le lien de votre fond mais vous pouvez laisser celui-ci-http://i10.photobucket.com/albums/a145/_lin__/001.gifIci, mettez votre texte…pour le premier cadre</FONT></EM></P></TD></TR></TBODY></TABLE>
<TD>
<DIV align=center>Mettez votre texte ici mais pas obligé !</DIV>
<DIV>&nbsp;</DIV>
<DIV align=center><IMG height=133 src="
METTEZ ICI LE LIEN DE VOTRE IMAGE" width=339 border=9></DIV></TD></TR></TBODY></TABLE></DIV>
border=0>
<TBODY>
<TR vAlign=top align=left>
<TD><EM><FONT size=4>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>


- Double cadre animé

 

 

Votre texte ou image ici…

Votre texte ou image ici …

Code à mettre en HTML pour ce double cadre :

<DIV align=center>
<DIV>
<TABLE style="WIDTH: 530px; HEIGHT: 1px" borderColor=#fabbc6 cellSpacing=10 cellPadding=30 align=center background=http://www.yatoula.com/gif/haut_debit/images_77.gif border=5>
<TBODY>
<TR>
<TD>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center><FONT color=#ff99cc size=3>&nbsp;</FONT></DIV>
<DIV align=center><FONT color=#ff99cc size=3><IMG height=89 src="
Mettez ici le lien de votre image ou un simple texte" width=300></FONT></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV></TD>
<TD>
<DIV align=center><FONT color=#ff00ff size=3><IMG height=89 src="
Mettez ici le lien de votre image ou un simple texte" width=300></FONT></DIV></TD></TR></TBODY></TABLE></DIV></DIV>


- Mettre un joli bord autour d’une image

 

Pour mettre un joli bord autour de votre image, ouvrez un nouveau billet, passez en "HTML" ensuite vous copiez le code désiré ci-dessous et allez le coller sur votre nouveau billet entre <DIV></DIV>
Vous mettez à la place de ce qui est écrit en rouge pour la couleur du bord, en vert pour la grosseur et en rose pour le lien de l’image, selon vos désirs.
Passez à nouveau en mode "normal" en re-cliquand sur "HTML" et vous y verrez votre joli contour !
Publier votre billet et le tour est joué !

<IMG style="BORDER: Nom couleur en anglais ex : red =rouge Taille du contour ex : 2pt dotted" height=150 src="Lien de l’image" width=200>

<IMG style="BORDER: Nom couleur en anglais ex : red =rouge Taille du contour ex : 3pt dotted" height=150 src="Lien de l’image" width=200>

<IMG style="BORDER: Nom couleur en anglais ex : red =rouge Taille du contour ex : 6pt dotted" height=150 src="Lien de l’image" width=200>

<IMG style="BORDER: Nom couleur en anglais ex : red =rouge Taille du contour ex : 6pt dashed" height=150 src="Lien de l’image" width=200>

<IMG style="BORDER: Nom couleur en anglais ex : red =rouge Taille du contour ex : 4pt dashed" height=150 src="Lien de l’image" width=200>

<IMG style="BORDER: Nom couleur en anglais ex : red =rouge Taille du contour ex : 2pt dashed" height=150 src="Lien de l’image" width=200>

<IMG style="BORDER: Nom couleur en anglais ex : red =rouge Taille du contour ex : 1pt dashed" height=150 src="Lien de l’image" width=200>

<IMG style="BORDER: Nom couleur en anglais ex : red =rouge Taille du contour ex : 4.5pt double" height=150 src="Lien de l’image" width=200>

<IMG style="BORDER: Nom couleur en anglais ex : red =rouge Taille du contour ex : 2.5pt double" height=150 src="Lien de l’image" width=200>

Voilà ce que celà doit donner ci-dessous :

<DIV><IMG style="BORDER: yellow 4.5pt double" height=150 src="http://www.myblog.fr/albums/Images-humains-animees/353314.jpg" width=200></DIV>


- Mettre des couleurs sur vos billets…..

Petite astuce pour mettre de la couleur sur vos billets…..

Il faut d’abord passer en mode HTML, ensuite entrez le code ci-dessous entre les codes <DIV></DIV>

<p style="color:nom ou code de votre couleur ici pour l’écriture;background-color:nom ou code de votre couleur ici pour le fond du billet"align=center>votre texte ici ou image ou autre ici</p>

Vous pouvez mettre le nom de la couleur en anglais (white,green,yellow,…) au lieu du code de couleur.

Vous trouverez des codes couleurs en faisant des recherches sur google …


- Mettre un clip dans un cadre avec fond+texte+image

 

Mettre un clip dans un cadre avec fond+texte+image

Cliquez ici pour récupérer le code à insérer

 

Ton texte ICI

 

Bienvenue

retour_menu


Suivre

Get every new post delivered to your Inbox.