Tutoriel cadre pas comme les autres

Bonjour ou bonsoir,

Voici un petit code HTML qui vous permet de mettre un fond et un coter a gauche et a droite du cadre (de la couleur de votre choix), il y a aussi une écriture spéciale.

Prévisualisation du cadre:
https://2img.net/r/hpimg15/pics/624090Sanstitre34.png

Spoiler:

Pour modifier le fond du cadre, il faux mette l'URL de votre image a la place de celle-ci:

Spoiler:

Pour modifier la couleur du coter gauche et du coter droit modifier ceci:

Spoiler:

en l’occurrence ceci #191919 qui est la couleur noir des coter.
Vous pouvez aussi modifier qu'un seul coter ou ne pas mettre la même couleurs au deux donc pour les différencier: border-left veut dire bord gauche et border-right veut dire bord droit.

Code:

<p><span style="color: #ffffff; font-family: 'Trebuchet MS', Verdana, Arial; font-size: 14px;"> </span></p>
<p style="text-align: center;"> </p>
<div style="background-image: url(http://shizoo.frozen-media.de/stuff/patterns/146.jpg); border-left: 10px solid #191919; border-right: 10px solid #191919;">
<div style="font-size: 40pt; color: black; letter-spacing: -5px; font-family: Georgia; text-shadow: black 0px 0px 7px; text-align: center;"><em>Prénom et nom ou doll(z)</em></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;">By <a href="http://ohmydollz.forumactif.com/">http://ohmydollz.forumactif.com</a> ♥</div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
</div>
<p> </p>

Wahou, c'est magnifique *_* Dommage j'ai des image a font blanc :'(. Pas grave peut-être pour une autre doll.

Bonjour ou bonsoir,
Merci beaucoup admin pour cela nous avons besoin de ton aide sur tout ça

Bonjour, merci, mais je voie les codes HTLM en blanc, c'est normal ?

Mercii.

Merci le cadre est magnifique mais pour les couleurs des 2 cotés j'arrive pas a les mettre pour mettre la couleurs rose c'est quel code  

Message édité : Merci de faire attention à l'orthographe.

Bonjours , comment on fais pour crée des liens HTML ?

Bonjour ,J'aime beaucoup ce cadre ^w^ ,merci pour nous

Je corrige le code:

Code:


<div style="background-image: url(http://shizoo.frozen-media.de/stuff/patterns/146.jpg); border-left: 10px solid #191919; border-right: 10px solid #191919;"><div style="font-size: 40pt; color: black; letter-spacing: -5px; font-family: Georgia; text-shadow: black 0px 0px 7px; text-align: center;"><em>Prénom et nom ou doll(z)</em></div><div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;">By<a href="http://ohmydollz.forumactif.com/">http://ohmydollz.forumactif.com</a>♥</div><div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div></div>


Aperçu:

Spoiler:

Pas d'inquiétude, le cadre s'agrandira en fonction de la taille de votre texte.