Tutoriel faire un cadre simple plus évoluer

Bonjour ou bonsoir,

Ce code HTML vous permet de faire un cadre simple mais en plus évoluer, il vous permet de mettre une ombre au cadre du forum et d'avoir une écriture spéciale. Ce code ne permet pas de mettre une image en fond n'y en contour se sont juste des couleurs

Prévisualisation du résultat:

Spoiler:

Pour modifier la couleur du cadre et de l'ombre modifier c'est deux choses:

Code:

="text-shadow: 0px 0px 5px #CE5A8B;

Code:

10px; border: 8px solid #CE5A8B;

en l’occurrence la couleur qui est #CE5A8B que vous devez remplacer si vous voulais mettre une autre couleur comme vert #00ff00 ou bleu #0000fa !

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="text-shadow: 0px 0px 5px #CE5A8B;"><br />
<div style="background: #EFEFEF; width: 500px; padding: 10px; border: 8px solid #CE5A8B; box-shadow: 0px 0px 5px #CE5A8B;"><br /><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /><br /><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /><br /><span style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #efefef;">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte </span><span style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #efefef;">                                                                                                                                                                                                                                                                                                            </span></div>
<br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /></div>
<p> </p>

Super,je vais en faire un dès que possible

Merci pour se petit tutoriel qui vas me servir, pour un de ses jours

Je corrige:

Code:


<div style="background: #EFEFEF; width: 500px; padding-top: 100px; padding-bottom: 100px; padding-right: 10px; padding-left: 10px; border: 8px solid #CE5A8B; box-shadow: 0px 0px 5px #CE0A8B;"><span style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; text-shadow: 0px 0px 5px #CE9A8B;">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</span></div>


Légende:
#EFEFEF : couleur du fond du cadre
(Si vous voulez mettre une image il suffit d'enlever le code couleur et de mettre le lien de l'image)
#CE5A8B : couleur du contour du cadre
#CE0A8B : couleur de l'ombre du cadre
#735c43 : couleur du texte
#CE9A8B : couleur de l'ombre du texte
Pour modifier les couleurs, vous pouvez retrouver les codes couleurs ici: http://www.code-couleur.com/

Aperçu:

Spoiler: