Tutoriel cadre pas comme les autres

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

Tutoriel cadre pas comme les autres

Message par Admin le Ven 17 Aoû - 23:06

Bonjour ou bonsoir,

Voici un petit code HTML qui vous permet de mettre un fond et un coter a gauche et a droite du cadre (de la couleur de votre choix), il y a aussi une écriture spéciale.

Prévisualisation du cadre:
http://img15.hostingpics.net/pics/624090Sanstitre34.png
Spoiler:

Pour modifier le fond du cadre, il faux mette l'URL de votre image a la place de celle-ci:
Spoiler:
http://shizoo.frozen-media.de/stuff/patterns/146.jpg

Pour modifier la couleur du coter gauche et du coter droit modifier ceci:
Spoiler:
border-left: 10px solid #191919; border-right: 10px solid #191919;"
en l’occurrence ceci #191919 qui est la couleur noir des coter.
Vous pouvez aussi modifier qu'un seul coter ou ne pas mettre la même couleurs au deux donc pour les différencier: border-left veut dire bord gauche et border-right veut dire bord droit.

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="background-image: url(http://shizoo.frozen-media.de/stuff/patterns/146.jpg); border-left: 10px solid #191919; border-right: 10px solid #191919;">
<div style="font-size: 40pt; color: black; letter-spacing: -5px; font-family: Georgia; text-shadow: black 0px 0px 7px; text-align: center;"><em>Prénom et nom ou doll(z)</em></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;">By <a href="http://ohmydollz.cultureforum.net/">http://ohmydollz.cultureforum.net</a> ♥</div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
<div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div>
</div>
<p> </p>

__________________________________________________





Clique ici et aussi là.
avatar
Admin
Admin

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

http://ohmydollz.cultureforum.net

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

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

Wahou, c'est magnifique *_* Dommage j'ai des image a font blanc :'(. Pas grave peut-être pour une autre doll.
avatar
The-7th-August
Geekette

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

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

Message par bina19 le Lun 20 Aoû - 12:43

Bonjour ou bonsoir,
Merci beaucoup admin pour cela nous avons besoin de ton aide sur tout ça Smile
avatar
bina19
Maître padawan

Messages : 438
Points : 2538
Date d'inscription : 21/11/2011
Localisation : Londres

http://www.ohmydollz.com

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

Message par laeti86800 le Lun 20 Aoû - 16:58

Bonjour, merci, mais je voie les codes HTLM en blanc, c'est normal ?

laeti86800
Membre

Messages : 11
Points : 1883
Date d'inscription : 08/05/2012

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

Message par Girly ♥ le Lun 24 Sep - 13:11

Mercii. Very Happy
avatar
Girly ♥
Petite padawan
Petite padawan

Messages : 61
Points : 1998
Date d'inscription : 17/03/2012

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

Message par Alexichou100 le Sam 29 Sep - 18:41

Merci le cadre est magnifique mais pour les couleurs des 2 cotés j'arrive pas a les mettre pour mettre la couleurs rose c'est quel code   Question

Message édité : Merci de faire attention à l'orthographe.
avatar
Alexichou100
Membre

Messages : 7
Points : 1790
Date d'inscription : 05/08/2012
Localisation : ...

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

Message par Cassandre45140 le Jeu 13 Juin - 17:50

Bonjours , comment on fais pour crée des liens HTML ?


Dernière édition par Cassandre45140 le Jeu 13 Juin - 17:52, édité 1 fois (Raison : Faute d'orthographes ..)
avatar
Cassandre45140
Membre

Messages : 4
Points : 1477
Date d'inscription : 13/06/2013

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

Message par agow le Dim 23 Juin - 15:16

Bonjour merci beaucoup pour cette explication seulement je n'ai toujours pas compris comment faire .. Pourriez-vous m'aidez s'il vous plait ? Merci d'avance 


                                                                     Agow 
avatar
agow
Membre

Messages : 1
Points : 1462
Date d'inscription : 23/06/2013

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

Message par lilia9371 le Jeu 1 Aoû - 18:46

Bonjour ,J'aime beaucoup ce cadre ^w^ ,merci pour nous
avatar
lilia9371
Membre

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

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

Message par Alikse le Ven 23 Mai - 19:52

Je corrige le code:
Code:

<div style="background-image: url(http://shizoo.frozen-media.de/stuff/patterns/146.jpg); border-left: 10px solid #191919; border-right: 10px solid #191919;"><div style="font-size: 40pt; color: black; letter-spacing: -5px; font-family: Georgia; text-shadow: black 0px 0px 7px; text-align: center;"><em>Prénom et nom ou doll(z)</em></div><div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;">By<a href="http://ohmydollz.cultureforum.net/">http://ohmydollz.cultureforum.net</a>♥</div><div style="font-size: 12px; color: #191919; letter-spacing: 2px; font-family: Georgia; text-shadow: black 0px 0px 7px; margin-top: 5px; text-align: center;"></div></div>

Aperçu:
Spoiler:

Prénom et nom ou doll(z)


Pas d'inquiétude, le cadre s'agrandira en fonction de la taille de votre texte.
avatar
Alikse
Modo ~ Graphiste ~ Codeuse

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

Revenir en haut Aller en bas

Re: Tutoriel cadre pas comme les autres

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