Le deal à ne pas rater :
Aliexpress : codes promo valables sur tout le site
Voir le deal

#4

Aller en bas

#4 Empty #4

Message  Stephy Lun 22 Jan - 15:43

Bonjour à tous ! :minicoeur:
C'est encore moi et cette fois, je vous propose un tout nouveau code, dans deux versions différentes, mais avec des icones pour image ! :hinhin: Comme toujours, merci de laisser le crédit au bas du code et puis, n'oubliez pas que tout est modifiable. :excited:

☛ Plus d'infos :
▪ Les images se positionneront à la bonne taille (soit 100x100px) mais de fait, il faut mettre des images qui sont carrés.
▪ Les couleurs sont toutes changeables.

Pour voir le code, il suffit d'un petit merci. :dance:

Signature n°1
Signature n°2
Signature n°3
RP n°1
RP n°2
RP n°3
RP n°5
RP n°6
RP n°7

Version A :

Even if it takes forever. The only way to get better is to engulf with all
the emotions you need to feel. It is not that bad to keep hurting.
You are human and you have to feel.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis, odio id facilisis ullamcorper, eros risus rhoncus ipsum, nec hendrerit arcu orci eu enim. Nam ultrices purus eget erat viverra iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed aliquam dictum viverra. Nulla eget neque vitae lacus pretium rhoncus nec et ipsum. Aliquam ornare faucibus nunc, quis commodo erat lacinia vitae. Suspendisse porta malesuada orci nec aliquam. Donec suscipit elit erat, aliquam varius nulla dictum ut. Cras eu nisl ac mauris facilisis varius sit amet et est. Pellentesque in ligula id turpis adipiscing dignissim. Suspendisse potenti. Donec euismod elit eu interdum lobortis. Mauris sollicitudin accumsan eros. Nulla a felis interdum, volutpat lectus vel, viverra quam.
code by bat'phanie


Code:
<center><div style="width:500px; background-color:#7f7a16; font-family:calibri; font-size:8px; text-transform:uppercase; line-height:95%; text-align:center; letter-spacing:2px; padding-top:10px; padding-bottom:2px; color:#D9D1CE; font-weight:bold; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;">Longue citation en petit, ici.</div><div style="width:500px; background-color:#5A575E; font-family:calibri; font-size:10px; color:#fafafa; text-transform:uppercase; text-align:center; letter-spacing:5px; padding-top:-1px; padding-bottom:4px; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;">TITRE EN PLUS GRAND, ICI.
<img src="URL#1" style="width:100px;padding:4px;border:1px solid #FFF;margin-top:4px;margin-right:5px;"> <img src="URL#2" style="width:100px;padding:4px;border:1px solid #FFF;margin-top:4px;margin-right:5px"> <img src="URL#3" style="width:100px;padding:4px;border:1px solid #FFF;margin-top:4px;margin-right:5px"> <img src="URL#4" style="width:100px;padding:4px;border:1px solid #FFF;margin-top:4px;"></div><fieldset style="background:#D7D7D7; width:496px; border-bottom: 0px; border-top:0px; border-right:0px; border-left:0px; box-shadow: 0px 2px 2px #A09A99; padding:2px;"><div style="font-family:calibri; font-size:14px; text-align:justify; color:#79767A; margin:2px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis, odio id facilisis ullamcorper, eros risus rhoncus ipsum, nec hendrerit arcu orci eu enim. Nam ultrices purus eget erat viverra iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed aliquam dictum viverra. Nulla eget neque vitae lacus pretium rhoncus nec et ipsum. Aliquam ornare faucibus nunc, quis commodo erat lacinia vitae. Suspendisse porta malesuada orci nec aliquam. Donec suscipit elit erat, aliquam varius nulla dictum ut. Cras eu nisl ac mauris facilisis varius sit amet et est. Pellentesque in ligula id turpis adipiscing dignissim. Suspendisse potenti. Donec euismod elit eu interdum lobortis. Mauris sollicitudin accumsan eros. Nulla a felis interdum, volutpat lectus vel, viverra quam.
</div></fieldset><div style="width:500px; background-color:#7f7a16; font-family:calibri; font-size:8px; text-transform:uppercase; text-align:right; letter-spacing:2px; padding-top:1px; padding-bottom:2px; color:#fafafa; box-shadow: 0px 2px 2px #A09A99;">code by bat'phanie</div></center>

Et pour que le texte ne dépasse pas la largeur des icones :
aperçu:

Code:
<center><div style="width:500px; background-color:#7f7a16; font-family:calibri; font-size:8px; text-transform:uppercase; line-height:95%; text-align:center; letter-spacing:2px; padding-top:10px; padding-bottom:2px; color:#D9D1CE; font-weight:bold; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;"><center><div style="width:475px">Longue citation en petit, ici.</div></center></div><div style="width:500px; background-color:#5A575E; font-family:calibri; font-size:10px; color:#fafafa; text-transform:uppercase; text-align:center; letter-spacing:5px; padding-top:-1px; padding-bottom:4px; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;">TITRE EN PLUS GRAND, ICI.
<img src="URL#1" style="width:100px;padding:4px;border:1px solid #FFF;margin-top:4px;margin-right:5px;"> <img src="URL#2" style="width:100px;padding:4px;border:1px solid #FFF;margin-top:4px;margin-right:5px"> <img src="URL#3" style="width:100px;padding:4px;border:1px solid #FFF;margin-top:4px;margin-right:5px"> <img src="URL#4" style="width:100px;padding:4px;border:1px solid #FFF;margin-top:4px;"></div><fieldset style="background:#D7D7D7; width:494px; border-bottom: 0px; border-top:0px; border-right:0px; border-left:0px; box-shadow: 0px 2px 2px #A09A99; padding:2px;"><div style="font-family:calibri; font-size:14px; text-align:justify; color:#79767A; width:475px; margin-top:3px; margin-bottom:3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis, odio id facilisis ullamcorper, eros risus rhoncus ipsum, nec hendrerit arcu orci eu enim. Nam ultrices purus eget erat viverra iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed aliquam dictum viverra. Nulla eget neque vitae lacus pretium rhoncus nec et ipsum. Aliquam ornare faucibus nunc, quis commodo erat lacinia vitae. Suspendisse porta malesuada orci nec aliquam. Donec suscipit elit erat, aliquam varius nulla dictum ut. Cras eu nisl ac mauris facilisis varius sit amet et est. Pellentesque in ligula id turpis adipiscing dignissim. Suspendisse potenti. Donec euismod elit eu interdum lobortis. Mauris sollicitudin accumsan eros. Nulla a felis interdum, volutpat lectus vel, viverra quam.
</div></fieldset><div style="width:500px; background-color:#7f7a16; font-family:calibri; font-size:8px; text-transform:uppercase; text-align:right; letter-spacing:2px; padding-top:1px; padding-bottom:2px; color:#fafafa; box-shadow: 0px 2px 2px #A09A99;">code by bat'phanie</div></center>

Version B :

There’s a boy standing in the sky, right in the middle of the stars. He’s all power,
dripping down his chin, crackling at his skin. You can feel the way danger clings
to him. It’s in his eyes, the roll of his shoulders, In his lips.

He says he’s a monster
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis, odio id facilisis ullamcorper, eros risus rhoncus ipsum, nec hendrerit arcu orci eu enim. Nam ultrices purus eget erat viverra iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed aliquam dictum viverra. Nulla eget neque vitae lacus pretium rhoncus nec et ipsum. Aliquam ornare faucibus nunc, quis commodo erat lacinia vitae. Suspendisse porta malesuada orci nec aliquam. Donec suscipit elit erat, aliquam varius nulla dictum ut. Cras eu nisl ac mauris facilisis varius sit amet et est. Pellentesque in ligula id turpis adipiscing dignissim. Suspendisse potenti. Donec euismod elit eu interdum lobortis. Mauris sollicitudin accumsan eros. Nulla a felis interdum, volutpat lectus vel, viverra quam.
code by bat'phanie


Code:
<center><div style="width:502px; background-color:#1F265A; font-family:calibri; font-size:8px; text-transform:uppercase; line-height:95%; text-align:center; letter-spacing:2px; padding-top:10px; padding-bottom:2px; color:#D9D1CE; font-weight:bold; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;">Longue citation en petit, ici.</div><div style="width:500px; background-color:#D7D7D7; font-family:calibri; font-weight:bold; font-size:10px; color:#06187f; text-transform:uppercase; text-align:center; letter-spacing:5px; padding-top:4px; padding-bottom:4px; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;"><img src="URL#1" style="width:100px;padding:4px;border:1px solid #5A575E;margin-right:5px"> <img src="URL#2" style="width:100px;padding:4px;border:1px solid #5A575E;margin-right:5px"> <img src="URL#3" style="width:100px;padding:4px;border:1px solid #5A575E;margin-right:5px"> <img src="URL#4" style="width:100px;padding:4px;border:1px solid #5A575E;"><br>TITRE EN PLUS GRAND, ICI.</div><fieldset style="background:#D7D7D7; width:496px; border-bottom: 0px; border-top:0px; border-right:0px; border-left:0px; box-shadow: 0px 2px 2px #A09A99; padding:2px;"><div style="font-family:calibri; font-size:14px; text-align:justify; color:#79767A; margin:2px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis, odio id facilisis ullamcorper, eros risus rhoncus ipsum, nec hendrerit arcu orci eu enim. Nam ultrices purus eget erat viverra iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed aliquam dictum viverra. Nulla eget neque vitae lacus pretium rhoncus nec et ipsum. Aliquam ornare faucibus nunc, quis commodo erat lacinia vitae. Suspendisse porta malesuada orci nec aliquam. Donec suscipit elit erat, aliquam varius nulla dictum ut. Cras eu nisl ac mauris facilisis varius sit amet et est. Pellentesque in ligula id turpis adipiscing dignissim. Suspendisse potenti. Donec euismod elit eu interdum lobortis. Mauris sollicitudin accumsan eros. Nulla a felis interdum, volutpat lectus vel, viverra quam.
</div></fieldset><div style="width:502px; background-color:#1F265A; font-family:calibri; font-size:8px; text-transform:uppercase; text-align:right; letter-spacing:2px; padding-top:1px; padding-bottom:2px; color:#fafafa; box-shadow: 0px 2px 2px #A09A99;">code by bat'phanie</div></center>

Et pour que le texte ne dépasse pas la largeur des icones :
Code:
<center><div style="width:502px; background-color:#1F265A; font-family:calibri; font-size:8px; text-transform:uppercase; line-height:95%; text-align:center; letter-spacing:2px; padding-top:10px; padding-bottom:2px; color:#D9D1CE; font-weight:bold; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;"><center><div style="width:475px">Longue citation en petit, ici.</div></center></div><div style="width:500px; background-color:#D7D7D7; font-family:calibri; font-weight:bold; font-size:10px; color:#06187f; text-transform:uppercase; text-align:center; letter-spacing:5px; padding-top:4px; padding-bottom:4px; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;"><img src="URL#1" style="width:100px;padding:4px;border:1px solid #5A575E;margin-right:5px"> <img src="URL#2" style="width:100px;padding:4px;border:1px solid #5A575E;margin-right:5px"> <img src="URL#3" style="width:100px;padding:4px;border:1px solid #5A575E;margin-right:5px"> <img src="URL#4" style="width:100px;padding:4px;border:1px solid #5A575E;"><br>TITRE EN PLUS GRAND, ICI.</div><fieldset style="background:#D7D7D7; width:494px; border-bottom: 0px; border-top:0px; border-right:0px; border-left:0px; box-shadow: 0px 2px 2px #A09A99; padding:2px;"><div style="font-family:calibri; font-size:14px; text-align:justify; color:#79767A; width:475px; margin-top:3px; margin-bottom:3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis, odio id facilisis ullamcorper, eros risus rhoncus ipsum, nec hendrerit arcu orci eu enim. Nam ultrices purus eget erat viverra iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed aliquam dictum viverra. Nulla eget neque vitae lacus pretium rhoncus nec et ipsum. Aliquam ornare faucibus nunc, quis commodo erat lacinia vitae. Suspendisse porta malesuada orci nec aliquam. Donec suscipit elit erat, aliquam varius nulla dictum ut. Cras eu nisl ac mauris facilisis varius sit amet et est. Pellentesque in ligula id turpis adipiscing dignissim. Suspendisse potenti. Donec euismod elit eu interdum lobortis. Mauris sollicitudin accumsan eros. Nulla a felis interdum, volutpat lectus vel, viverra quam.
</div></fieldset><div style="width:502px; background-color:#1F265A; font-family:calibri; font-size:8px; text-transform:uppercase; text-align:right; letter-spacing:2px; padding-top:1px; padding-bottom:2px; color:#fafafa; box-shadow: 0px 2px 2px #A09A99;">code by bat'phanie</div></center>

Version C (sans image) :

a good soldier uses every advantage at his disposal
Prénom Nom & Prénom Nom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis, odio id facilisis ullamcorper, eros risus rhoncus ipsum, nec hendrerit arcu orci eu enim. Nam ultrices purus eget erat viverra iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed aliquam dictum viverra. Nulla eget neque vitae lacus pretium rhoncus nec et ipsum. Aliquam ornare faucibus nunc, quis commodo erat lacinia vitae. Suspendisse porta malesuada orci nec aliquam. Donec suscipit elit erat, aliquam varius nulla dictum ut. Cras eu nisl ac mauris facilisis varius sit amet et est. Pellentesque in ligula id turpis adipiscing dignissim. Suspendisse potenti. Donec euismod elit eu interdum lobortis. Mauris sollicitudin accumsan eros. Nulla a felis interdum, volutpat lectus vel, viverra quam.
date du rp
⇜ code by bat'phanie ⇝


Code:
<center><div style="width:500px; background-color:#F1845F; font-family:calibri; font-size:12px; text-transform:uppercase; line-height:95%; text-align:center; letter-spacing:2px; padding:10px 3px 3px 2px; color:#fafafa; font-weight:bold; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;">TITRE ICI</div><div style="width:505px; background-color:#ef9273; font-family:calibri; font-size:12px; color:#fafafa; text-transform:lowercase; text-align:center; letter-spacing:5px; padding-top:-1px; padding-bottom:4px; text-shadow: 0px 1px 1px #000; box-shadow: 0px 2px 2px #A09A99;">Prénom Nom & Prénom Nom</div><fieldset style="background:#F2EFEA; width:499px; border-bottom: 0px; border-top:0px; border-right:0px; border-left:0px; box-shadow: 0px 2px 2px #A09A99; padding:3px;"><div style="font-family:calibri; font-size:14px; text-align:justify; color:#79767A; margin:2px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis, odio id facilisis ullamcorper, eros risus rhoncus ipsum, nec hendrerit arcu orci eu enim. Nam ultrices purus eget erat viverra iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed aliquam dictum viverra. Nulla eget neque vitae lacus pretium rhoncus nec et ipsum. Aliquam ornare faucibus nunc, quis commodo erat lacinia vitae. Suspendisse porta malesuada orci nec aliquam. Donec suscipit elit erat, aliquam varius nulla dictum ut. Cras eu nisl ac mauris facilisis varius sit amet et est. Pellentesque in ligula id turpis adipiscing dignissim. Suspendisse potenti. Donec euismod elit eu interdum lobortis. Mauris sollicitudin accumsan eros. Nulla a felis interdum, volutpat lectus vel, viverra quam.
</div></fieldset><div style="width:503px; background-color:#F3CCA0; font-family:calibri; font-size:8px; text-transform:uppercase; text-align:right; letter-spacing:2px; padding:1px; 0 3px; 2px; color:#fafafa; box-shadow: 0px 2px 2px #A09A99;">date du rp</div><div style="font-family:calibri;font-size:8px;text-transform:uppercase;text-align:center;letter-spacing:2px;color:#9b958f;margin-top:2px;">⇜ code by bat'phanie ⇝</div></center>
[
Stephy
Stephy
charming anti-PRINCE

Nombre de messages : 906
Date d'inscription : 30/05/2007

http://www.folio-graphiques.fr/comptes/Chewy/index.php

Revenir en haut Aller en bas

Revenir en haut


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