Tutoriel cadre avec une ombre de couleur autour du cadre et avec une écriture spécial pour écrir

Bonjour ou bonsoir,

Voici un code HTML qui vous permet de faire 1 cadre avec le contour qui fait de l'ombre avec la couleur de votre choix (rouge, bleu, vert, noir ...). Le cadre possèdent aussi une écriture spéciale.

Prévisualisation du cadre:

Spoiler:

Pour modifier l'ombre du contour il faux modifier ceci:

Code:

0px 0px 8px #E24E6C;

en l'occurrence ceci #E24E6C qui est la couleur rouge et qui se met en texte HTML pour s'intégrer dans le texte HTML du cadre.

Pour la taille et tout du cadre, normalement vous savez faire ou si vous ne savais pas allez lire les autres tutoriels pour faire des cadres car je le dit dans certains.

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="width: 600px; background-color: white; box-shadow: 0px 0px 8px #E24E6C; color: black; border: 1px dotted crimson;"><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: #f5ae44;">
<p> </p>
<p style="text-align: center;"> </p>
<div style="text-decoration: none; letter-spacing: -2px; font-family: times new roman; font-style: italic; text-align: center; font-weight: bold; font-size: 50px; color: #0176fb; text-shadow: 1px 0px 5px #010000; opacity: 0.8;">Prénom - Deuxième Prénom - Doll</div>
<p style="text-align: center;"> </p>
<p style="text-align: center;"> </p>
<div style="text-decoration: none; letter-spacing: -2px; font-family: times new roman; font-style: italic; text-align: center; font-weight: bold; font-size: 30px; color: #d1012a; text-shadow: 0px 0px 3px #010000; opacity: 0.8;">~Ma présentation ~</div>
<p style="text-align: center;"><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /><span style="color: #000000; font-family: Courier, 'Courier New', sans-serif; background-color: #ffffff;"><span style="font-size: 11px; line-height: 13px;">Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici.</span></span></p>
<p style="text-align: center;"> </p>
<div style="text-decoration: none; letter-spacing: -2px; font-family: times new roman; font-style: italic; text-align: center; font-weight: bold; font-size: 30px; color: #d1012a; text-shadow: 0px 0px 3px #010000; opacity: 0.8;">~Http://OhMyDollz.cultureforum.net ~</div>
<p style="text-align: center;"><br style="color: #735c43; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #f5ae44;" /><span style="color: #000000; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px; background-color: #ffffff;">Du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici, du texte ici</span><span style="font-family: Courier, 'Courier New', sans-serif; font-size: 11px; line-height: 13px;">.                                                                                                                                                                              </span></p>
<p style="text-align: center;"> </p>
</span></div>
<p> </p>
<p style="text-align: center;"> </p>
<p> </p>
<p> </p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"> </p>
<p> </p>
<p style="text-align: center;"> </p>
<p> </p>
<p> </p>
<p style="text-align: center;"> </p>
<p> </p>
<p> </p>
<p style="text-align: center;"> </p>
<p> </p>
<p> </p>
<p> </p>

Quelques couleurs en HTML pour vous aider:
Bleu: #0080ff
Vert: #00ff80
Noir: #000000
Rose: #ffb4bf
Beige: #f6f0e2
Jaune: #f6f05b
Orange: #ffab5b

Magnifique encore et toujours. Ou tu as eu tout c'est cadres magnifique.

Merci beaucoup pour ce beau cadre

Salut super tu pourait nous apprendre a faire sa
http://data.whicdn.com/images/34464136/tumblr_m8fzan7stm1rpt9amo1_250_large.jpg

bonjour !

puis-je faire un cadre meme si je n'ai pas valider mon adresse ?

Bonjour ou bonsoir,

lilia9371: Ce n'est qu'un petit montage je te ferais un tutoriel si tu veux.
chaatoon: Oui, tu peux faire un cadre sans avoir valider ton compte.

Bonjour, est-ce que tu saurais faire un cadre comme sa par exemple ? :
https://2img.net/r/hpimg11/pics/412344grisalda.png

Bonjour ou bonsoir,

pixi29: Non désoler, seul des graphistes savent faire ceque tu demande là. Essaye d'en trouver sur internet notamment sur Google ou Facebook. Je connaissais une doll qui faisait sa contre 2 code, il faudrait que je retrouve son pseudo :$

d'accord , merci beaucoup !

Merci quand même

pixi29 a écrit:Bonjour, est-ce que tu saurais faire un cadre comme sa par exemple ? :
https://2img.net/r/hpimg11/pics/412344grisalda.png

Il y as la dollz " 23stella" qui fait ce genre de cadre contre un code de 3 euro ou 200 +2. Voila !

Merci, c'est gentil de ta part =)

J'arrive pas a trouver l'endroit pour changer l'ombre de couleur ;'(

Coucou :'D
Voilà c'était pour vous dire que il y a des petits pointillés dans le cadre O.o Donc heu... je me demandais aussi si on pouvait les enlever ? :/
Sinon merci beaucoup <3<3<3<3