Quelques astuces et codes pour la présentation de vos messages

Administrateur Messages : 35

Écrire dans des Cadres

Cadre 1
Description : Il s'agit d'un cadre bien sympathique, mis au point pour la présentation du forum et disponibles aux membres.
Tadaaaa

Code:

<div class="vignettes"> VOTRE TEXTE </div>
Cadre 2
Tadaaaa²

Code:

<div style="border: dotted 1px"><blockquote><table cellspacing="5" cellpadding="0" width="" border="0"><tr><td>Texte</td></tr></table></blockquote></div>
Cadres Personnalisées
Description : Même chose que ci-dessus, seulement, cette fois-ci, c'est à vous de personnaliser votre cadre. Après, c'est selon votre goût et vos connaissances en codage !
Explications :
- moz-border-radius: 15px 15px 15px 15px; -> Ce bout de code vous permet de modifier les arrondis de votre cadre (0px = bout carré)
Pour le reste, il vous suffit d'ajouter le lien de votre image de fond, la couleur et le texte là où c'est indiqué.

Code:

<div style="background-image: url(LIEN DE VOTRE IMAGE DE FOND); -moz-border-radius: 15px 15px 15px 15px;"><blockquote dir="ltr" style="margin-right: 5px;"><div align="justify"><FONT color=#VOTRE COULEUR> VOTRE TEXTE </FONT></div></blockquote></blockquote></div>

Administrateur Messages : 35

Agencement Image/Texte

Image à côté d'un Texte
Exemple :
L'Oracle
Compte Maître du Jeu
Encore un désincarné, mais attention ! Il est celui qui nous régit tous. Sa présence en tant que Maître est indispensable. Qui sait ce dont il est capable ?
Code:

[table][tr] [td][img]LE LIEN DE L'IMAGE[/img][/td] [td]
[list]LE TEXTE[/list][/td] [/tr][/table]
Texte Ombré
Explications :
- text-shadow: #000000 0px 0px 5px; -> Voici la partie du code qui vous permet de créer une ombre pour le texte. Vous pouvez la modifier à votre guise. Pour les écritures du forum, j'ai utilisé "text-shadow: #3D3D3D 0px 0px 2px;"

Code:

<span style="font-family: POLICE ; text-align: ALIGNEMENT TEXTE (RIGHT/CENTER/LEFT) ; color: #COULEUR; letter-spacing: ESPACEMENT DES LETTRES (CHIFFREpx); font-size: TAILLE DU TEXTE (CHIFFREpx) ; text-shadow: #000000 0px 0px 5px; padding-center: 10px;"> TEXTE </span>

Ps : pour toutes suggestions ou propositions, n'hésitez pas à poster à la suite =)