Tutoriel faire un cadre simple plus évoluer

Voir le sujet précédent Voir le sujet suivant Aller en bas

Tutoriel faire un cadre simple plus évoluer

Message par Admin le Ven 17 Aoû - 22:43

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>

__________________________________________________





Clique ici et aussi .
avatar
Admin
Admin

Messages : 869
Points : 3593
Date d'inscription : 22/08/2011
Localisation : Rousson (89)

http://ohmydollz.cultureforum.net

Revenir en haut Aller en bas

Re: Tutoriel faire un cadre simple plus évoluer

Message par anais1003 le Dim 3 Mar - 8:46

Super,je vais en faire un dès que possible Wink
avatar
anais1003
Petite padawan
Petite padawan

Messages : 33
Points : 1878
Date d'inscription : 28/11/2012

Revenir en haut Aller en bas

Re: Tutoriel faire un cadre simple plus évoluer

Message par Fleur le Dim 3 Mar - 9:35

Merci pour se petit tutoriel qui vas me servir, pour un de ses jours Wink
avatar
Fleur
Petite padawan
Petite padawan

Messages : 58
Points : 2137
Date d'inscription : 16/04/2012

Revenir en haut Aller en bas

Re: Tutoriel faire un cadre simple plus évoluer

Message par Alikse le Ven 23 Mai - 19:19

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:

Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte

avatar
Alikse
Modo ~ Graphiste ~ Codeuse

Messages : 10
Points : 2010
Date d'inscription : 26/06/2012

Revenir en haut Aller en bas

Re: Tutoriel faire un cadre simple plus évoluer

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum