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

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

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

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

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


__________________________________________________





Clique ici et aussi .
avatar
Admin
Admin

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

http://ohmydollz.cultureforum.net

Revenir en haut Aller en bas

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

Message par The-7th-August le Sam 18 Aoû - 9:20

Surprised Magnifique encore et toujours. Ou tu as eu tout c'est cadres magnifique.
avatar
The-7th-August
Geekette

Messages : 277
Points : 2412
Date d'inscription : 01/02/2012
Localisation : Dans le Chnord

Revenir en haut Aller en bas

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

Message par papillon2lune le Lun 27 Aoû - 18:12

Merci beaucoup pour ce beau cadre Smile
avatar
papillon2lune
Membre

Messages : 1
Points : 1919
Date d'inscription : 19/07/2012

Revenir en haut Aller en bas

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

Message par lilia9371 le Mer 26 Sep - 18:22

avatar
lilia9371
Membre

Messages : 25
Points : 2034
Date d'inscription : 26/04/2012
Localisation : banlieu parisiene

Revenir en haut Aller en bas

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

Message par chaatoon le Ven 2 Nov - 0:48

bonjour !

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

Messages : 4
Points : 1870
Date d'inscription : 09/09/2012

Revenir en haut Aller en bas

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

Message par Admin le Ven 2 Nov - 11:10

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. Smile

__________________________________________________





Clique ici et aussi .
avatar
Admin
Admin

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

http://ohmydollz.cultureforum.net

Revenir en haut Aller en bas

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

Message par pixi29 le Ven 2 Nov - 14:39

Bonjour, est-ce que tu saurais faire un cadre comme sa par exemple ? :
http://img11.hostingpics.net/pics/412344grisalda.png
avatar
pixi29
Petite padawan
Petite padawan

Messages : 31
Points : 2177
Date d'inscription : 16/12/2011

http://www.ohmydollz.com/?p=fiche&pseudo=lila9113

Revenir en haut Aller en bas

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

Message par Admin le Ven 2 Nov - 14:53

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 :$

__________________________________________________





Clique ici et aussi .
avatar
Admin
Admin

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

http://ohmydollz.cultureforum.net

Revenir en haut Aller en bas

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

Message par chaatoon le Dim 4 Nov - 14:57

d'accord , merci beaucoup !
avatar
chaatoon
Membre

Messages : 4
Points : 1870
Date d'inscription : 09/09/2012

Revenir en haut Aller en bas

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

Message par lila9113 le Ven 9 Nov - 13:50

Merci quand même Very Happy

lila9113
Membre

Messages : 10
Points : 2113
Date d'inscription : 18/01/2012

Revenir en haut Aller en bas

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

Message par lison16 le Sam 10 Nov - 23:22

pixi29 a écrit:Bonjour, est-ce que tu saurais faire un cadre comme sa par exemple ? :
http://img11.hostingpics.net/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 !
avatar
lison16
Membre

Messages : 1
Points : 1811
Date d'inscription : 04/11/2012

Revenir en haut Aller en bas

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

Message par Tiadu76 le Dim 11 Nov - 16:12

Merci, c'est gentil de ta part =)
avatar
Tiadu76
Membre

Messages : 7
Points : 1810
Date d'inscription : 11/11/2012
Localisation : Strasbourg

http://www.omd-communaute.forumgratuit.fr

Revenir en haut Aller en bas

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

Message par shalya54 le Dim 16 Fév - 14:35

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

__________________________________________________





Il y a des big surprises en cliquant

Surprise n°1  &  Surprise n°2 [une mieux]
avatar
shalya54
Aide Forum

Messages : 17
Points : 1362
Date d'inscription : 16/02/2014
Localisation : Le meilleur ღ

Revenir en haut Aller en bas

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

Message par shalya54 le Mar 18 Fév - 20:07

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

__________________________________________________





Il y a des big surprises en cliquant

Surprise n°1  &  Surprise n°2 [une mieux]
avatar
shalya54
Aide Forum

Messages : 17
Points : 1362
Date d'inscription : 16/02/2014
Localisation : Le meilleur ღ

Revenir en haut Aller en bas

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

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