Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Tutoriel faire un cadre simple plus évoluer

4 participants

Aller en bas

Tutoriel faire un cadre simple plus évoluer Empty Tutoriel faire un cadre simple plus évoluer

Message par Admin 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>
Admin
Admin
Admin

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

http://ohmydollz.forumactif.com

Revenir en haut Aller en bas

Tutoriel faire un cadre simple plus évoluer Empty Re: Tutoriel faire un cadre simple plus évoluer

Message par anais1003 Dim 3 Mar - 8:46

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

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

Revenir en haut Aller en bas

Tutoriel faire un cadre simple plus évoluer Empty Re: Tutoriel faire un cadre simple plus évoluer

Message par Fleur Dim 3 Mar - 9:35

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

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

Revenir en haut Aller en bas

Tutoriel faire un cadre simple plus évoluer Empty Re: Tutoriel faire un cadre simple plus évoluer

Message par Alikse 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:
Alikse
Alikse
Modo ~ Graphiste ~ Codeuse

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

Revenir en haut Aller en bas

Tutoriel faire un cadre simple plus évoluer Empty Re: Tutoriel faire un cadre simple plus évoluer

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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