[AIDE] Les différents codes HTML

Bébé Cupcake Messages : 7 Réputation : 0 Date d'inscription : 27/12/2011

Les différents codes HTML

Avant toutes choses, pour que cela fonctionne, vous devez vous rendre dans « Profil », puis « Préférences » et cocher « Oui » à « Toujours autoriser le HTML » et enregistrer !
Voici quelques astuces pour personnaliser vos messages grâce à des codes HTML n_n J’espère qu'elles vont seront utiles !

Mettre une image de fond sur un texte

Code:

<div style="background-image:url(LIEN DE MON IMAGE DE FOND);">Mon texte</div>

Exemple

Mon texte

Code:

<div style="background-image:url(http://hitskin.com/themes/18/17/35/i_background.png);">Mon texte</div>

Encadrer un texte

Code:

<div style="border: 1px solid black ;">Mon texte</div>

• Pour changer la couleur de votre bordure, modifiez black par le code couleur de votre choix.
• Pour changer l'épaisseur de votre bordure, modifiez 1 par le chiffre de votre choix.
• Pour une bordure en pointillés, modifiez solid par dotted.

Exemple ( bordure grise en pointillés avec 2px de largeur )

Mon texte

Code:

<div style="border: 2px dotted grey ;">Mon texte</div>

Mettre une ombre sur un texte

Code:

<div style="text-shadow: 1px 1px 1px black;">Mon texte</div>

• Pour changer la couleur de votre ombre, modifiez black par le code couleur de votre choix.

Exemple ( ombre bleue )

Mon texte

Code:

<div style="text-shadow: 1px 1px 1px blue ;">Mon texte</div>

Mettre une image de fond + une bordure + une ombre

Code:

<div style="background-image:url(LIEN DE MON IMAGE DE FOND);"><div style="border: 1px solid black ;"><div style="text-shadow: 1px 1px 1px black;">Mon texte</div></div></div>

Exemple

Mon texte

Code:

<div style="background-image:url(http://cdnimg.visualizeus.com/thumbs/c4/8e/wallpaper,cute,cupcakes,cute,cupcake,spotty,sweet-c48eae47e5a56ae1c00c880fdc76934b_h.jpg);"><div style="border: 3px solid pink ;"><div style="text-shadow: 1px 1px 1px purple;">Mon texte</div></div></div>

Si vous avez des questions ou d'autres astuces à proposer n'hésitez pas !

» Les codes couleurs~