Tutoriel faire un cadre simple plus évoluer
4 participants
Page 1 sur 1
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:
Pour modifier la couleur du cadre et de l'ombre modifier c'est deux choses:
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;
- 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>
Re: Tutoriel faire un cadre simple plus évoluer
Super,je vais en faire un dès que possible
anais1003- Petite padawan
- Messages : 33
Points : 4418
Date d'inscription : 28/11/2012
Re: Tutoriel faire un cadre simple plus évoluer
Merci pour se petit tutoriel qui vas me servir, pour un de ses jours
Fleur- Petite padawan
- Messages : 58
Points : 4677
Date d'inscription : 16/04/2012
Re: Tutoriel faire un cadre simple plus évoluer
Je corrige:
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:
- 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
Alikse- Modo ~ Graphiste ~ Codeuse
- Messages : 10
Points : 4550
Date d'inscription : 26/06/2012
Sujets similaires
» Tutoriel faire un cadre simple
» Tutoriel cadre avec une ombre de couleur autour du cadre et avec une écriture spécial pour écrir
» Tutoriel trois cadres simple en un
» Tutoriel cadre double
» Tutoriel cadre triple
» Tutoriel cadre avec une ombre de couleur autour du cadre et avec une écriture spécial pour écrir
» Tutoriel trois cadres simple en un
» Tutoriel cadre double
» Tutoriel cadre triple
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum