Snake test
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


I'm not crazy ; My reality is just different than your
 
AccueilAccueil  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -45%
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre ...
Voir le deal
339 €

 

 Codes et prez

Aller en bas 
Aller à la page : Précédent  1 ... 8 ... 13, 14, 15 ... 19 ... 25  Suivant
AuteurMessage
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeJeu 13 Fév - 13:31

A, B, C

Something always brings me back to you

Écrire ici

D, E, F

It never takes too long

Écrire ici

G, H, I

No matter what I say or do

Écrire ici

J, K, L

I'll still feel you here 'till the moment I'm gone

Écrire ici

M, N, O

You hold me without touch

Écrire ici

P, Q, R

You keep me without chains

Écrire ici

S, T, U, V

I never wanted anything so much than to drown in your love

Écrire ici

W, X, Y, Z

And not feel your reign

Écrire ici

a u t r e s

I don't want to fall another moment into your gravity

Écrire ici




Code:
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Marvel" rel="stylesheet"/><div class="inso_bottins"><h1 style="text-align:right;"><span class="th th-constellation"></span> A, B, C</h1><h2 style="text-align:right;">Something always brings me back to you</h2><div class="inso_liens_bottins">Écrire ici</div>
<h1><span class="th th-fire"></span> D, E, F</h1><h2>It never takes too long</h2><div class="inso_liens_bottins">Écrire ici</div><h1 style="text-align:right;"><span class="th th-fox"></span> G, H, I</h1><h2 style="text-align:right;">No matter what I say or do</h2><div class="inso_liens_bottins"> Écrire ici</div><h1><span class="th th-megaphone"></span> J, K, L</h1><h2>I'll still feel you here 'till the moment I'm gone</h2><div class="inso_liens_bottins">Écrire ici</div><h1 style="text-align:right;"><span class="th th-mocha"></span> M, N, O</h1><h2 style="text-align:right;">You hold me without touch</h2><div class="inso_liens_bottins">Écrire ici</div><h1><span class="th th-hedgehog"></span> P, Q, R</h1><h2>You keep me without chains</h2><div class="inso_liens_bottins">Écrire ici</div><h1 style="text-align:right;"><span class="th th-shell"></span> S, T, U, V</h1><h2 style="text-align:right;">I never wanted anything so much than to drown in your love</h2><div class="inso_liens_bottins">Écrire ici</div><h1><span class="th th-ufo"></span> W, X, Y, Z</h1><h2>And not feel your reign</h2><div class="inso_liens_bottins">Écrire ici</div><h1 style="text-align:right;"><span class="th th-shooting-star"></span> a u t r e s</h1><h2 style="text-align:right;">I don't want to fall another moment into your gravity</h2><div class="inso_liens_bottins">Écrire ici</div></div>
<div class="cred"><a href="http://www.epicode-entraide.com/">> Jawn</a></div>
<style>.inso_bottins{margin:0 auto; padding:2px; width:650px; font:12px arial; color: #5d5d5d;}.inso_bottins h1{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font: 40px Marvel; text-transform: uppercase; width:600px; border-bottom:solid 1px #7c5535;}.inso_bottins h1 span{background: -webkit-linear-gradient(#f3d94f, #7c5535); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:105px; position:absolute; opacity:0.2;
}.inso_bottins h2{color: #5d5d5d; font:8px arial; text-transform:uppercase; letter-spacing:1px; margin-top:-20px; text-shadow:1px 2px 5px #171717;}.inso_liens_bottins a{color:#a9a9a9;.cred{text-align:center;}.cred a{color:grey; font:9px calibri; text-transform:uppercase;}</style>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeJeu 13 Fév - 17:53




Prénom P. Nom
'Tis me!

Une petite description du personnage.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam urna ligula, tempus eget rutrum a, vehicula non turpis. Integer turpis elit, congue et enim eu, imperdiet euismod nisl. Vivamus et lorem sed erat venenatis placerat. Aenean vel facilisis elit. Aenean suscipit tellus sit amet sapien dictum, at dapibus diam molestie. Quisque facilisis imperdiet dignissim. Ut vel dolor eros. Curabitur vitae eros vitae elit rutrum suscipit. Ut nec mauris tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam leo dolor, sagittis a lobortis at, consectetur et nunc. Proin vel quam arcu. In non quam tortor. Mauris feugiat rhoncus massa, ac aliquam mauris fringilla et. Proin luctus urna vel sapien condimentum luctus. Aliquam a ex rutrum, rhoncus nisl sit amet, vulputate dui.

Nullam eu sollicitudin nisl, et consectetur ante. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in velit condimentum, malesuada felis vel, pretium erat. Duis sit amet felis ante. Vestibulum eu lorem eget sem vestibulum porta. Morbi elementum pharetra leo, et molestie nulla congue sit amet. Nullam ac consectetur lacus.

Suspendisse ac viverra nisi, nec sollicitudin massa. Ut non urna sed sem pharetra tristique at at velit. Donec imperdiet a magna eget mattis. Etiam id lacinia felis. Nulla pharetra condimentum blandit. Nulla facilisi. Fusce consequat, eros a hendrerit interdum, metus ex tincidunt lacus, in vehicula dui nisi eget odio. Aliquam fermentum nunc at placerat ullamcorper. Curabitur justo augue, cursus nec venenatis quis, ullamcorper eu ex. Nam mollis orci ipsum, vel sodales dui semper eu. Mauris nec facilisis ante, eget iaculis nulla. Cras dignissim ipsum at mauris auctor rhoncus.

Cras quis tincidunt metus, non finibus ex. Aenean vitae mi erat. Sed at imperdiet nunc, ut maximus tortor. Phasellus pulvinar tempus nibh. Vestibulum eu sapien mauris. Maecenas nisi nibh, dictum non turpis quis, condimentum gravida felis. Praesent felis felis, suscipit sed justo nec, accumsan ultricies sapien. Curabitur quis odio ultrices, iaculis augue egestas, consectetur sapien. Aenean a fermentum ante. Etiam id imperdiet ex.

Link Me!

Ici, votre recherche de lien. Si c'est pour une liste des RP, remplacez le titre par "What's on?" et mettez ici la liste de vos RP en cours!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam urna ligula, tempus eget rutrum a, vehicula non turpis. Integer turpis elit, congue et enim eu, imperdiet euismod nisl. Vivamus et lorem sed erat venenatis placerat. Aenean vel facilisis elit. Aenean suscipit tellus sit amet sapien dictum, at dapibus diam molestie. Quisque facilisis imperdiet dignissim. Ut vel dolor eros. Curabitur vitae eros vitae elit rutrum suscipit. Ut nec mauris tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam leo dolor, sagittis a lobortis at, consectetur et nunc. Proin vel quam arcu. In non quam tortor. Mauris feugiat rhoncus massa, ac aliquam mauris fringilla et. Proin luctus urna vel sapien condimentum luctus. Aliquam a ex rutrum, rhoncus nisl sit amet, vulputate dui.

Nullam eu sollicitudin nisl, et consectetur ante. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in velit condimentum, malesuada felis vel, pretium erat. Duis sit amet felis ante. Vestibulum eu lorem eget sem vestibulum porta. Morbi elementum pharetra leo, et molestie nulla congue sit amet. Nullam ac consectetur lacus.

Suspendisse ac viverra nisi, nec sollicitudin massa. Ut non urna sed sem pharetra tristique at at velit. Donec imperdiet a magna eget mattis. Etiam id lacinia felis. Nulla pharetra condimentum blandit. Nulla facilisi. Fusce consequat, eros a hendrerit interdum, metus ex tincidunt lacus, in vehicula dui nisi eget odio. Aliquam fermentum nunc at placerat ullamcorper. Curabitur justo augue, cursus nec venenatis quis, ullamcorper eu ex. Nam mollis orci ipsum, vel sodales dui semper eu. Mauris nec facilisis ante, eget iaculis nulla. Cras dignissim ipsum at mauris auctor rhoncus.

Cras quis tincidunt metus, non finibus ex. Aenean vitae mi erat. Sed at imperdiet nunc, ut maximus tortor. Phasellus pulvinar tempus nibh. Vestibulum eu sapien mauris. Maecenas nisi nibh, dictum non turpis quis, condimentum gravida felis. Praesent felis felis, suscipit sed justo nec, accumsan ultricies sapien. Curabitur quis odio ultrices, iaculis augue egestas, consectetur sapien. Aenean a fermentum ante. Etiam id imperdiet ex.



Code:
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'><style type="text/css">.contour_fiche_liens_nyo{width: 540px; padding-left: 10px; height: 800px; margin: auto; background-image: url('http://i.imgur.com/Lepx2NY.png'); background-size: auto 860px; background-position: -50px -50px; font-family: 'Annie Use Your Telescope'} .les_icones_nyo{display: inline-block; vertical-align: top; margin-left: 30px; width: 150px; height: 750px; padding-top: 20px;} .les_icones_nyo div{position: relative; margin: auto; margin-top: 20px; width: 100px; height: 100px;} .les_icones_nyo div:before{content: ''; position: absolute; top: -20px; left: 50px;display: block; width: 71px; height: 59px; background: url('http://i.imgur.com/Yn2ReaR.png'); background-size: 71px;} .le_texte_nyo{display: inline-block; vertical-align: top; width: 320px; height: 780px; overflow: hidden;} .pseudo_liens {width: 100%; color: #46494e; font-size: 50px; font-weight: bold; margin-top: 30px; text-align: center;} .titre_liens {position: relative; z-index: 3; height: 100px; width: 100%; color: #46494e; font-size: 30px; font-weight: bold; margin-top: 30px; text-align: center; line-height: 100px; text-shadow: 1px 1px 1px white;} .titre_liens .image{position: absolute; z-index: -1; height: 100px; width: 100px; background-position: center center; background-size: auto 100px; border-radius: 50%;} .titre_liens .image.droite{right:50px; top:0px;} .titre_liens .image.gauche{left:40px; top:0px;} p.texte_nyo {padding: 10px; margin: 0; width: 100%; height: 200px; overflow: auto; text-align: justify; font-size: 13px;} .nyo_was_here{font-size: 10px; width: 100%; text-align: center;} .nyo_was_here a, .nyo_was_here a:link, .nyo_was_here a:active, .nyo_was_here a:visited, .nyo_was_here a:hover {text-decoration: none !important;}</style>

<div class="contour_fiche_liens_nyo"><div class="les_icones_nyo"><div style="background: url('http://www.hollow-art.com/files/bases/2014/06/20140618/18868/Natalie%20Dormer%20in%20Elementary-2418399.png');" ></div><!--
--><div style="background: url('http://www.hollow-art.com/files/bases/2014/01/20140117/16512/Natalie%20Dormer%20in%20Elementary-2090304.png');" ></div><!--
--><div style="background: url('http://www.hollow-art.com/files/bases/2014/01/20140117/16512/Natalie%20Dormer%20in%20Elementary-2090306.png');" ></div><!--
--><div style="background: url('http://www.hollow-art.com/files/bases/2014/01/20140117/16512/Natalie%20Dormer%20in%20Elementary-2090308.png');" ></div><!--
--><div style="background: url('http://www.hollow-art.com/files/bases/Natalie_Dormer_Blonde_016.jpg');" ></div><!--
--><div style="background-image: url('http://www.hollow-art.com/files/bases/2014/06/20140618/18868/Natalie%20Dormer%20in%20Elementary-2418220.png');" ></div>
</div><!--
--><div class="le_texte_nyo"><div class="pseudo_liens">Prénom P. Nom</div><!--
--><div class="titre_liens"><div class="image droite" style="background-image: url('http://media.tumblr.com/51091ffe933823deab214c9e2da463af/tumblr_inline_mwj3ahM2hv1rsud01.gif');"></div><!--
-->'Tis me!</div><!--
--><p class="texte_nyo">Une petite description du personnage.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam urna ligula, tempus eget rutrum a, vehicula non turpis. Integer turpis elit, congue et enim eu, imperdiet euismod nisl. Vivamus et lorem sed erat venenatis placerat. Aenean vel facilisis elit. Aenean suscipit tellus sit amet sapien dictum, at dapibus diam molestie. Quisque facilisis imperdiet dignissim. Ut vel dolor eros. Curabitur vitae eros vitae elit rutrum suscipit. Ut nec mauris tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam leo dolor, sagittis a lobortis at, consectetur et nunc. Proin vel quam arcu. In non quam tortor. Mauris feugiat rhoncus massa, ac aliquam mauris fringilla et. Proin luctus urna vel sapien condimentum luctus. Aliquam a ex rutrum, rhoncus nisl sit amet, vulputate dui.

Nullam eu sollicitudin nisl, et consectetur ante. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in velit condimentum, malesuada felis vel, pretium erat. Duis sit amet felis ante. Vestibulum eu lorem eget sem vestibulum porta. Morbi elementum pharetra leo, et molestie nulla congue sit amet. Nullam ac consectetur lacus.

Suspendisse ac viverra nisi, nec sollicitudin massa. Ut non urna sed sem pharetra tristique at at velit. Donec imperdiet a magna eget mattis. Etiam id lacinia felis. Nulla pharetra condimentum blandit. Nulla facilisi. Fusce consequat, eros a hendrerit interdum, metus ex tincidunt lacus, in vehicula dui nisi eget odio. Aliquam fermentum nunc at placerat ullamcorper. Curabitur justo augue, cursus nec venenatis quis, ullamcorper eu ex. Nam mollis orci ipsum, vel sodales dui semper eu. Mauris nec facilisis ante, eget iaculis nulla. Cras dignissim ipsum at mauris auctor rhoncus.

Cras quis tincidunt metus, non finibus ex. Aenean vitae mi erat. Sed at imperdiet nunc, ut maximus tortor. Phasellus pulvinar tempus nibh. Vestibulum eu sapien mauris. Maecenas nisi nibh, dictum non turpis quis, condimentum gravida felis. Praesent felis felis, suscipit sed justo nec, accumsan ultricies sapien. Curabitur quis odio ultrices, iaculis augue egestas, consectetur sapien. Aenean a fermentum ante. Etiam id imperdiet ex. </p><!--
--><div class="titre_liens"><div class="image gauche" style="background-image: url('http://media.giphy.com/media/5Zeg04qJhbYqI/giphy.gif');"></div><!--
-->Link Me!</div><!--
--><p class="texte_nyo">Ici, votre recherche de lien. Si c'est pour une liste des RP, remplacez le titre par "What's on?" et mettez ici la liste de vos RP en cours!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam urna ligula, tempus eget rutrum a, vehicula non turpis. Integer turpis elit, congue et enim eu, imperdiet euismod nisl. Vivamus et lorem sed erat venenatis placerat. Aenean vel facilisis elit. Aenean suscipit tellus sit amet sapien dictum, at dapibus diam molestie. Quisque facilisis imperdiet dignissim. Ut vel dolor eros. Curabitur vitae eros vitae elit rutrum suscipit. Ut nec mauris tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam leo dolor, sagittis a lobortis at, consectetur et nunc. Proin vel quam arcu. In non quam tortor. Mauris feugiat rhoncus massa, ac aliquam mauris fringilla et. Proin luctus urna vel sapien condimentum luctus. Aliquam a ex rutrum, rhoncus nisl sit amet, vulputate dui.

Nullam eu sollicitudin nisl, et consectetur ante. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in velit condimentum, malesuada felis vel, pretium erat. Duis sit amet felis ante. Vestibulum eu lorem eget sem vestibulum porta. Morbi elementum pharetra leo, et molestie nulla congue sit amet. Nullam ac consectetur lacus.

Suspendisse ac viverra nisi, nec sollicitudin massa. Ut non urna sed sem pharetra tristique at at velit. Donec imperdiet a magna eget mattis. Etiam id lacinia felis. Nulla pharetra condimentum blandit. Nulla facilisi. Fusce consequat, eros a hendrerit interdum, metus ex tincidunt lacus, in vehicula dui nisi eget odio. Aliquam fermentum nunc at placerat ullamcorper. Curabitur justo augue, cursus nec venenatis quis, ullamcorper eu ex. Nam mollis orci ipsum, vel sodales dui semper eu. Mauris nec facilisis ante, eget iaculis nulla. Cras dignissim ipsum at mauris auctor rhoncus.

Cras quis tincidunt metus, non finibus ex. Aenean vitae mi erat. Sed at imperdiet nunc, ut maximus tortor. Phasellus pulvinar tempus nibh. Vestibulum eu sapien mauris. Maecenas nisi nibh, dictum non turpis quis, condimentum gravida felis. Praesent felis felis, suscipit sed justo nec, accumsan ultricies sapien. Curabitur quis odio ultrices, iaculis augue egestas, consectetur sapien. Aenean a fermentum ante. Etiam id imperdiet ex. </p><!--
--></div><!--
    --><div class="nyo_was_here"><a href="http://www.never-utopia.com/">(c) NyoTheNeko sur NeverUtopia</a></div><!--
    --></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeJeu 13 Fév - 17:55

NOM Prénom
Âge - Occupation - Informations diverses
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire
[0/1] Intitulé du lien : ...
[0/1] Intitulé du lien : ...
[0/1] Intitulé du lien : ...
[0/1] Intitulé du lien : ...
[0/1] Intitulé du lien : ...
[0/1] Intitulé du lien : ...
[0/1] Intitulé du lien : ...
[0/1] Intitulé du lien : ...


Code:
<link href="https://www.aht.li/3316732/RS_LGD.css" style="text/css" rel="stylesheet"><!-- BLOC NOM PRENOM(S) & INFORMATIONS DIVERSES --><div class="topFLGD" style="background:#EEE; color:black;"><!-- COULEUR TRAIT NOM PRENOM(S) --><fieldset class="borderFLGD" style="border-color:black;"><!-- NOM PRENOM(S) --><legend class="npFLGD">NOM Prénom</legend><!-- INFORMATIONS DIVERSES --><div class="abtFLGD">Âge - Occupation - Informations diverses</div></fieldset></div><!-- BLOC ADJECTIFS / IMAGE / HISTOIRE & RECHERCHES --><div class="FLGD" style="background:#EEE;"><!-- CREDIT --><a class="cdtFLGD" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- 8 ADJECTIFS --><div class="adjFLGD"><!-- I --><div style="background:grey; color:white;">Adjectif</div><!-- II --><div style="background:grey; color:white;">Adjectif</div><!-- III --><div style="background:grey; color:white;">Adjectif</div><!-- IV --><div style="background:grey; color:white;">Adjectif</div><!-- V --><div style="background:grey; color:white;">Adjectif</div><!-- VI --><div style="background:grey; color:white;">Adjectif</div><!-- VII --><div style="background:grey; color:white;">Adjectif</div><!-- VIII --><div style="background:grey; color:white;">Adjectif</div></div><!-- BLOC IMAGE / HISTOIRE & RECHERCHES --><div class="boxFLGD"><!-- IMAGE EN 300*115 MINIMUM - REDIMENSIONNEMENT & RECADRAGE AUTOMATIQUE --><div class="imgFLGD"><img src="https://www.aht.li/3314754/300115GREY.png" /></div><!-- RESUME HISTOIRE PERSONNAGE --><div class="storyFLGD" style="background:#DEDEDE; color:black;">Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire</div><!-- LIENS RECHERCHES - RETOUR A LA LIGNE = AJOUT DE BR --><div class="searchFLGD" style="background:rgba(255,255,255,0.7); color:black;"><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...<br/><b>[0/1] Intitulé du lien :</b> ...</div></div></div>

Titre
Sous-titre
Nom
Prénom
Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
Nom
Prénom
Description.
Nom
Prénom
Description.


Code:
<link href="https://www.aht.li/3316732/RS_LGD.css" style="text/css" rel="stylesheet"><!-- BLOC CATEGORIE DES LIENS & SOUS-TITRE --><div class="topLGD" style="background:#EEE; color:black;"><!-- COULEUR TRAIT CATEGORIE DES LIENS --><fieldset class="borderLGD" style="border-color:black;"><!-- CATEGORIE DES LIENS --><legend class="tleLGD">Titre</legend><!-- SOUS-TITRE --><div class="stleLGD">Sous-titre</div></fieldset></div><!-- BLOC LIENS --><div class="LGD" style="background:#EEE;"><!-- CREDIT --><a class="cdtLGD" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN I --><div class="lksLGD"><!-- NOM PRENOM --><div class="npLGD" style="background:rgba(250,250,250,0.7); color:black;">Nom<br/>Prénom</div><!-- IMAGE 150*150 --><img class="imgLGD" src="https://www.aht.li/3136809/150150BW.png" /><!-- DESCRIPTION --><div class="descLGD">Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></div><!-- LIEN II --><div class="lksLGD"><!-- NOM PRENOM II --><div class="npLGD" style="background:rgba(250,250,250,0.7); color:black;">Nom<br/>Prénom</div><!-- IMAGE 150*150 II --><img class="imgLGD" src="https://www.aht.li/3136809/150150BW.png" /><!-- DESCRIPTION II --><div class="descLGD">Description.</div></div><!-- LIEN III --><div class="lksLGD"><!-- NOM PRENOM III --><div class="npLGD" style="background:rgba(250,250,250,0.7); color:black;">Nom<br/>Prénom</div><!-- IMAGE 150*150 III --><img class="imgLGD" src="https://www.aht.li/3136809/150150BW.png" /><!-- DESCRIPTION III --><div class="descLGD">Description.</div></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeVen 14 Fév - 23:04


Prénom Nom & Prénom Nom

PARAGRAPHE

PARAGRAPHE

PARAGRAPHE

PARAGRAPHE

PARAGRAPHE



Code:
<div style="margin:auto;line-height:12px;font-size:11px;font-family:Gisha;background:url(http://kolmen-kirosi.fr/Bazzart/R%C3%A9ponse%20Lannister.png) no-repeat;width:546px;height:644px;position: relative; z-index:1;">
<div style="text-align: center;font-family: 'Tangerine', cursive;color:#ffffff;font-size:30px;margin-bottom:5px;margin-top:87px;">Prénom Nom & Prénom Nom</div>
<div style="width:427px;height:440px;margin:auto;margin-left:60px;overflow:auto;text-align:justify;color:#000000;"><span style="padding-left:20px;"></span>PARAGRAPHE

<span style="padding-left:20px;"></span>PARAGRAPHE

<span style="padding-left:20px;"></span>PARAGRAPHE

<span style="padding-left:20px;"></span>PARAGRAPHE

<span style="padding-left:20px;"></span>PARAGRAPHE</div>
</div><link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet" />
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeVen 14 Fév - 23:05


La mort de Gavroche
pauvre petit gamin
Le spectacle était épouvantable et charmant. Gavroche, fusillé, taquinait la fusillade. Il avait l’air de s’amuser beaucoup. C’était le moineau becquetant les chasseurs. Il répondait à chaque décharge par un couplet. On le visait sans cesse, on le manquait toujours. Les gardes nationaux et les soldats riaient en l’ajustant. Il se couchait, puis se redressait, s’effaçait dans un coin de porte, puis bondissait, disparaissait, reparaissait, se sauvait, revenait, ripostait à la mitraille par des pieds de nez, et cependant pillait les cartouches, vidait les gibernes et remplissait son panier. Les insurgés, haletants d’anxiété, le suivaient des yeux. La barricade tremblait ; lui, il chantait. Ce n’était pas un enfant, ce n’était pas un homme ; c’était un étrange gamin fée. On eût dit le nain invulnérable de la mêlée. Les balles couraient après lui, il était plus leste qu’elles. Il jouait on ne sait quel effrayant jeu de cache-cache avec la mort ; chaque fois que la face camarde du spectre s’approchait, le gamin lui donnait une pichenette.
Une balle pourtant, mieux ajustée ou plus traître que les autres, finit par atteindre l’enfant feu follet. On vit Gavroche chanceler, puis il s’affaissa. Toute la barricade poussa un cri ; mais il y avait de l’Antée dans ce pygmée ; pour le gamin toucher le pavé, c’est comme pour le géant toucher la terre ; Gavroche n’était tombé que pour se redresser ; il resta assis sur son séant, un long filet de sang rayait son visage, il éleva ses deux bras en l’air, regarda du côté d’où était venu le coup, et se mit à chanter.

:copyright: kyro. 016 sur epicode


Code:
<link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'><div style="width: 500px; background-color: #151313; border: 1px solid #000000; margin: auto; color: white;"><br /><img src="http://www.blueprojectstudio.com/images/littlelong2.jpg" style="width: 450px; height: 100px; border-radius: 25px; border: 2px solid #212121; margin-left: 20px;" /><div style="margin-top: -20px; text-align: center; font-family: arizonia; font-size: 34px; padding-top: 15px;">La mort de Gavroche</div><div style="text-align: center; text-transform: uppercase; padding-bottom: 10px; font-size: 10px;">pauvre petit gamin</div><div style="width: 420px; text-align: justify; padding: 15px; border-top: 2px solid white; margin: auto;"><span style="font-family: arizonia; font-size: 34px;">L</span>e spectacle était épouvantable et charmant. Gavroche, fusillé, taquinait la fusillade. Il avait l’air de s’amuser beaucoup. C’était le moineau becquetant les chasseurs. Il répondait à chaque décharge par un couplet. On le visait sans cesse, on le manquait toujours. Les gardes nationaux et les soldats riaient en l’ajustant. Il se couchait, puis se redressait, s’effaçait dans un coin de porte, puis bondissait, disparaissait, reparaissait, se sauvait, revenait, ripostait à la mitraille par des pieds de nez, et cependant pillait les cartouches, vidait les gibernes et remplissait son panier. Les insurgés, haletants d’anxiété, le suivaient des yeux. La barricade tremblait ; lui, il chantait. Ce n’était pas un enfant, ce n’était pas un homme ; c’était un étrange gamin fée. On eût dit le nain invulnérable de la mêlée. Les balles couraient après lui, il était plus leste qu’elles. Il jouait on ne sait quel effrayant jeu de cache-cache avec la mort ; chaque fois que la face camarde du spectre s’approchait, le gamin lui donnait une pichenette.
Une balle pourtant, mieux ajustée ou plus traître que les autres, finit par atteindre l’enfant feu follet. On vit Gavroche chanceler, puis il s’affaissa. Toute la barricade poussa un cri ; mais il y avait de l’Antée dans ce pygmée ; pour le gamin toucher le pavé, c’est comme pour le géant toucher la terre ; Gavroche n’était tombé que pour se redresser ; il resta assis sur son séant, un long filet de sang rayait son visage, il éleva ses deux bras en l’air, regarda du côté d’où était venu le coup, et se mit à chanter.
</div><br /></div><div style="font-size: 7px; text-transform: uppercase; text-align: center">:copyright: kyro. 016 sur <a href="http://epicode.variousforum.com/">epicode</a></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeVen 14 Fév - 23:06



Titre du RPcitation de la morkitu

image du rpLorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce feugiat, leo lacinia ultricies tincidunt, purus elit dictum justo, et tincidunt arcu augue sed tortor. Donec et lorem at lacus dapibus luctus a et augue. Mauris magna urna, pulvinar eget mauris quis, mattis dictum enim. Duis congue pretium turpis, faucibus auctor sapien ornare eget. Suspendisse sit amet odio mauris. Donec vulputate ligula eu lacus egestas suscipit. Morbi congue nibh ut lorem lacinia, a pharetra lacus tincidunt. In egestas orci ipsum, et tempor purus semper non. Phasellus finibus justo at tellus tincidunt vestibulum. Mauris faucibus dapibus purus, a ullamcorper arcu porttitor ac. Suspendisse vulputate interdum eros, et euismod ligula suscipit ac. Nunc quis arcu ornare, posuere nibh id, consectetur ipsum. Phasellus in posuere leo, ut suscipit magna.


artemis | www


Code:
<style>.arteFICHE{width: 550px; margin: auto; background: #222222; border-bottom: 20px solid #131313;}.arteFICHE h1{width: 100%; height: 120px; margin: 0; font: 150px Romanesco; font-style: oblique; text-align: center; position: relative; text-transform: lowercase; color: #9b0719; text-shadow: 0px 0px 2px black; line-height: 120px;}.arteFICHE h1 span{display: block; width: 100%; height: 15px; background: #222222; position: absolute; top: 75px; line-height: 11px; font: 11px Verdana; color: #d1d1d1; letter-spacing: 4px; text-transform: lowercase;}.arteFICHE p{width: 90%; min-height: 200px; margin: 50px auto 30px; font: 12px Arial; color: #7f7f7f; text-align: justify;}.arteFICHE p img{width: 110px; height: 110px; -o-object-fit: cover; object-fit: cover; border: 15px solid #131313; float: left; margin: 3px 10px 1px 0px;}.arteFICHE a{display: block; width: 100%; text-align: center; text-decoration: none; font: 10px Verdana; color: #646464;}</style>

<link href="https://fonts.googleapis.com/css?family=Romanesco" rel="stylesheet"/><div class="arteFICHE"> <h1>Titre du RP<span>citation de la morkitu</span></h1> <p><img src="TON IMAGE ICI" alt="image du rp"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce feugiat, leo lacinia ultricies tincidunt, purus elit dictum justo, et tincidunt arcu augue sed tortor. Donec et lorem at lacus dapibus luctus a et augue. Mauris magna urna, pulvinar eget mauris quis, mattis dictum enim. Duis congue pretium turpis, faucibus auctor sapien ornare eget. Suspendisse sit amet odio mauris. Donec vulputate ligula eu lacus egestas suscipit. Morbi congue nibh ut lorem lacinia, a pharetra lacus tincidunt. In egestas orci ipsum, et tempor purus semper non. Phasellus finibus justo at tellus tincidunt vestibulum. Mauris faucibus dapibus purus, a ullamcorper arcu porttitor ac. Suspendisse vulputate interdum eros, et euismod ligula suscipit ac. Nunc quis arcu ornare, posuere nibh id, consectetur ipsum. Phasellus in posuere leo, ut suscipit magna. </p>
<a href="http://www.epicode-entraide.com/">artemis | www</a>
</div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeVen 14 Fév - 23:07

THE PAINKILLER ORCHESTRA

Illud tamen clausos vehementer angebat quod captis navigiis, quae frumenta vehebant per flumen, Isauri quidem alimentorum copiis adfluebant, ipsi vero solitarum rerum cibos iam consumendo inediae propinquantis aerumnas exitialis horrebant.

Et interdum acciderat, ut siquid in penetrali secreto nullo citerioris vitae ministro praesente paterfamilias uxori susurrasset in aurem, velut Amphiarao referente aut Marcio, quondam vatibus inclitis, postridie disceret imperator. ideoque etiam parietes arcanorum soli conscii timebantur.

Iamque non umbratis fallaciis res agebatur, sed qua palatium est extra muros, armatis omne circumdedit. ingressusque obscuro iam die, ablatis regiis indumentis Caesarem tunica texit et paludamento communi, eum post haec nihil passurum velut mandato principis iurandi crebritate confirmans et statim inquit exsurge et inopinum carpento privato inpositum ad Histriam duxit prope oppidum Polam, ubi quondam peremptum Constantini filium accepimus Crispum. Rogatus ad ultimum admissusque in consistorium ambage nulla praegressa inconsiderate et leviter proficiscere inquit ut praeceptum est, Caesar sciens quod si cessaveris, et tuas et palatii tui auferri iubebo prope diem annonas. hocque solo contumaciter dicto subiratus abscessit nec in conspectum eius postea venit saepius arcessitus.

Nunc vero inanes flatus quorundam vile esse quicquid extra urbis pomerium nascitur aestimant praeter orbos et caelibes, nec credi potest qua obsequiorum diversitate coluntur homines sine liberis Romae





Code:
<div class="messagun"><img src="https://www.zupimages.net/up/19/32/q5x9.gif"><div class="skeletonorchestradiamond2"></div><div class="skeletonorchestradiamond"><div class="skeletonorchestraname">THE PAINKILLER ORCHESTRA</div></div>
<p>Illud tamen clausos vehementer angebat quod captis navigiis, quae frumenta vehebant per flumen, Isauri quidem alimentorum copiis adfluebant, ipsi vero solitarum rerum cibos iam consumendo inediae propinquantis aerumnas exitialis horrebant.

Et interdum acciderat, ut siquid in penetrali secreto nullo citerioris vitae ministro praesente paterfamilias uxori susurrasset in aurem, velut Amphiarao referente aut Marcio, quondam vatibus inclitis, postridie disceret imperator. ideoque etiam parietes arcanorum soli conscii timebantur.

Iamque non umbratis fallaciis res agebatur, sed qua palatium est extra muros, armatis omne circumdedit. ingressusque obscuro iam die, ablatis regiis indumentis Caesarem tunica texit et paludamento communi, eum post haec nihil passurum velut mandato principis iurandi crebritate confirmans et statim inquit exsurge et inopinum carpento privato inpositum ad Histriam duxit prope oppidum Polam, ubi quondam peremptum Constantini filium accepimus Crispum. Rogatus ad ultimum admissusque in consistorium ambage nulla praegressa inconsiderate et leviter proficiscere inquit ut praeceptum est, Caesar sciens quod si cessaveris, et tuas et palatii tui auferri iubebo prope diem annonas. hocque solo contumaciter dicto subiratus abscessit nec in conspectum eius postea venit saepius arcessitus.

Nunc vero inanes flatus quorundam vile esse quicquid extra urbis pomerium nascitur aestimant praeter orbos et caelibes, nec credi potest qua obsequiorum diversitate coluntur homines sine liberis Romae
</p>
<div class="credit"><a href="http://www.epicode-entraide.com/"> Hanyo Yurikin | ls pour Epicode</a></div>
</div><!--
--><style>.messagun{width: 450px;box-shadow: 0px 0px 3px rgba(0,0,0,.20);text-align: justify;color: #1a1a1a;margin:auto;background-color:#de7b7b;}.skeletonorchestradiamond {height: 120px;width: 120px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;margin: -220px 100px 0px;box-shadow: 0px 0px 5px rgba(0,0,0,.35);background-image:url('https://www.zupimages.net/up/19/32/3xec.png');background-repeat: no-repeat;background-size: 120px 120px;background-size: cover;border: 2px solid #fff}.skeletonorchestraname {font-family: 'Oranienbaum', serif;line-height: normal;color: #FFF;position:absolute;width:400px;line-height: 30px;text-shadow: 0px 0px 2px #FA8072;letter-spacing: 10px;font-size:35px;transform: rotate(-45deg);text-align:right;margin: 10px -30px 0px;}.messagun p{padding:20px;font-family: "Libre Baskerville", serif;font-size:11px;line-height:14px;color:#ffffff;text-align:justify;margin-top:-2px;width:410px;overflow:hidden;}.messagun p:hover{overflow:auto;height:340px;}.messagun img{width:450px;height:240px;-webkit-clip-path: polygon(0% 40%, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(0% 30%, 100% 0%, 100% 100%, 0% 100%);}.skeletonorchestradiamond2 {height: 120px;width: 120px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;margin: -200px 90px 0px;box-shadow: 0px 0px 5px rgba(0,0,0,.35);background-image:url('https://www.zupimages.net/up/19/32/u4sf.gif');background-repeat: no-repeat;background-size: 120px 120px;background-size: cover;border: 2px solid #fff;padding:10px;}.credit{font-size:6px;text-transform:uppercase;font-family:calibri;display:block;text-align:center;}.credit a{color:white}</style><!--
--><link href="https://fonts.googleapis.com/css?family=Oranienbaum|Libre Baskerville&display=swap" rel="stylesheet">
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeVen 14 Fév - 23:11




 



Code:
<link href="https://codepen.io/Landsykes/pen/JjjExNw.css" rel="stylesheet"><center><div class="battleScreen" style="background-image:url('https://i.imgur.com/zkMm6zP.png');">
 <img src="https://www.pokepedia.fr/images/a/aa/Sprite_227_dos_XY.png" class="myPKMN">
 <img src="https://www.pokepedia.fr/images/2/2a/Sprite_658_chromatique_XY.png" class="adversePKMN">
   <div class="myNumberPKMN"><div class="pokeball4"></div></div><div class="adversNumberPKMN"><div class="pokeball4"></div></div>
 </div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeVen 14 Fév - 23:24

Prénom
Nom

Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif

Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact

Codes et prez - Page 14 Id56znT

En cours



Actuel

Titre du rp

feat Yvan Quoi
FlashB

Titre du rp

feat Yvan Quoi
Event

Titre du rp

feat Yvan Quoi
Soon

Titre du rp

feat Yvan Quoi

Terminés



Actuel

Titre du rp

feat Yvan Quoi
FlashB

Titre du rp

feat Yvan Quoi
Event

Titre du rp

feat Yvan Quoi
Abandon

Titre du rp

feat Yvan Quoi


Code:
<link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"><link href="https://fonts.googleapis.com/css?family=Muli:400,400i|Roboto+Condensed:400,700&display=swap" rel="stylesheet"><style>.suivi_ryvin {z-index: 2; position: relative; width: 600px; margin: 2rem auto; background: #fff; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; display: grid; grid-template-columns: repeat(2,50%); grid-template-areas: 'a b' 'c d' 'e e';} .sr_intro {grid-area: a;} .sr_avatar {grid-area: b; text-align: center;} .sr_termines {grid-area: d;} .sr_uc {grid-area: c; width: 80%; } .sr_uc, .sr_termines {width: 80%; margin: 4rem auto 1rem;} .sr_end {grid-area: e;} .suivi_ryvin h2 {color: #000; border: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 3em; line-height: 1; margin: 2rem 2rem 1rem; font-weight: bold; text-transform: uppercase;} .suivi_ryvin h2::after {display: inline-block; width: 50px; height: 20px; background: #dc3a2c; content: ""; margin: 0 0 0 1rem;} .sr_intro .sr_content {font-family: 'Roboto Condensed', sans-serif; font-size: 12px; width: 75%; height: 170px; overflow: hidden; box-sizing: border-box; margin: 0 auto; text-align: justify;} .sr_image img {width: 200px; height: 320px; object-fit: cover; position: relative; z-index: 2;} .sr_image {position: relative;} .sr_image::before {width: 300px; height: 300px; content: ""; display: block; background: #000; border-radius: 100%; position: absolute; z-index: 1; left: 0; top: .8rem;} .sr_links {display: flex; justify-content: center; font-size: 15px;} .sr_links a {margin: 0 1rem 1rem;} .sr_links a:nth-child(2) .fas {color: #dc3a2c;} .sr_intro .sr_content p {margin: 0; width: 100%; height: 100%; overflow: auto; padding: 0 1rem 0 0; font-family: 'Roboto Condensed', sans-serif;} .suivi_ryvin h3 {border: 0; font-style: initial; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 11px; letter-spacing: 1px; display: initial; padding: .5rem; margin: 0;} .sr_listing {width: 100%; display: flex; margin: 1rem 0 0;} span.statut_rp {color: #f3f3f3; text-transform: uppercase; font-weight: bold; font-size: 9px; padding: .5% 1%; width: 40px; display: inline-block; text-align: center; border-radius: 5px; font-family: 'Roboto Condensed', sans-serif; font-style: normal;} .sr_listing h4 {font-size: 12px; text-decoration: none; margin: 0 3%; border-bottom: 1px solid; color: #2d2c2c; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; font-style: normal;} .sr_content_listing {width: 100%; height: 180px; overflow: hidden;} .sr_cl {width: 100%; height: 100%; overflow: auto; padding: 0 1rem 0 0;} .sr_end::after {content: ""; display: block; width: 520px; height: 240px; position: absolute; background: #000; transform: rotate(-10deg); top: 54px; right: -25px;} .sr_end {display: flex; align-items: flex-end; height: 100px; position: relative; overflow: hidden;} .sr {position: relative; width: 600px; margin: auto;} .sr_debut {width: 300px; height: 300px; content: ""; display: block; background: #f5f5f5; transform: rotate(20deg); position: absolute; bottom: 3.8rem; left: -2rem; z-index: 2;} .sr_fin {width: 300px; height: 300px; content: ""; display: block; background: #f5f5f5; transform: rotate(-160deg); position: absolute; top: 3.8rem; right: -2rem; z-index: 1;} a.h_credits {text-decoration: none; text-transform: lowercase; font-style: italic; color: #dedede; padding: 0 0 .3rem 3rem; font-size: 10px;}</style><!--

FIN CSS --><div class="sr"><div class="sr_debut"></div><div class="suivi_ryvin"><!--

NOM ADJECTIFS FACTS
--><div class="sr_intro"><h2>Prénom
Nom</h2><!--
--><div class="sr_links"><a href="#"><i class="fas fa-bookmark" aria-hidden="true"></i></a> <a href="#"><i class="fas fa-heart-broken" aria-hidden="true"></i></a> <a href="#"><i class="fas fa-mobile-alt" aria-hidden="true"></i></a></div><!--
--><div class="sr_content"><p>Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif + Adjectif

Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact - Fact</p></div></div><!--

AVATARS ET LIENS
--><div class="sr_avatar"><div class="sr_image"><img src="https://imgur.com/Id56znT.png" alt="" /></div></div><!--

RP EN COURS
--><div class="sr_uc"><h3 style="background: #000; color: #fff;"><i class="fas fa-forward"></i> En cours</h3>

<div class="sr_content_listing"><div class="sr_cl"><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Actuel</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">FlashB</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Event</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Soon</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div></div></div></div><!--

RP TERMINES
--><div class="sr_termines"><h3 style="background: #000; color: #fff;"><i class="fas fa-check"></i> Terminés</h3>

<div class="sr_content_listing"><div class="sr_cl"><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Actuel</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">FlashB</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Event</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!--
--><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Abandon</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div></div></div></div><!--

--><div class="sr_end"><a href="http://ls-halloween.fr/" class="h_credits" target="_blank">Halloween</a></div></div><div class="sr_fin"></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeLun 16 Mar - 16:28

Codes et prez - Page 14 Axq0

JE SUIS UNE ANNONCE


Codes et prez - Page 14 Sgn9

n ac venenatis lorem. Sed sit amet malesuada eros. Curabitur finibus ex quis odio semper, vel feugiat quam sodales. Praesent id laoreet velit. Pellentesque in pharetra nibh. Morbi ut quam vitae dolor elementum interdum vel sed magna. Maecenas maximus fringilla dolor in aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque pellentesque ornare aliquam. Vivamus suscipit velit sed tortor semper efficitur. Sed imperdiet sem nec facilisis auctor.Caractère du personnage In ac venenatis lorem. Sed sit amet malesuada eros. Curabitur finibus ex quis odio semper, vel feugiat quam sodales. Praesent id laoreet velit. Pellentesque in pharetra nibh. Morbi ut quam vitae dolor elementum interdum vel sed magna.




Code:
<div id="kitty">[img]https://www.zupimages.net/up/18/14/axq0.gif[/img]<h1>JE SUIS UNE ANNONCE</h1></div>
<div id="kitty01">[img]https://www.zupimages.net/up/20/09/sgn9.jpg[/img]<p>n ac venenatis lorem. Sed sit amet malesuada eros. Curabitur finibus ex quis odio semper, vel feugiat quam sodales. Praesent id laoreet velit. Pellentesque in pharetra nibh. Morbi ut quam vitae dolor elementum interdum vel sed magna. Maecenas maximus fringilla dolor in aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque pellentesque ornare aliquam. Vivamus suscipit velit sed tortor semper efficitur. Sed imperdiet sem nec facilisis auctor.Caractère du personnage In ac venenatis lorem. Sed sit amet malesuada eros. Curabitur finibus ex quis odio semper, vel feugiat quam sodales. Praesent id laoreet velit. Pellentesque in pharetra nibh. Morbi ut quam vitae dolor elementum interdum vel sed magna.</p></div>
<div class="credit"><a href="http://www.epicode-entraide.com/"> Hanyo Yurikin | Ls pour Epicode</a></div><!--
--><style>#kitty, #kitty01{background:#fafafa;box-shadow: 2px 2px 2px #aaa; margin:auto;width:300px; height:200px; padding:10px}#kitty01{margin-top:25px}#kitty > img{width:300px;height:200px;object-fit:cover}#kitty > h1{position:absolute; font-size:20px;font-family: 'Oswald',calibri ;text-shadow: 0 0 2px #aaa; color:#fff;margin: -120px 60px;border: 1px solid #fff;padding: 10px;text-transform:uppercase;}#kitty01 > p{font-family: 'Oswald',arial;font-size:11px; line-height:1.3em;text-align:justify;color:#555}#kitty01 > img{position:absolute; border-radius:100%; width:100px;height:100px;margin: -120px 93px auto;padding: 4px;border: 8px solid #fff;box-shadow: 2px 2px 2px #aaa;}.credit{font-size:6px;text-transform:uppercase;font-family:calibri;display:block;text-align:center;margin:auto}.credit a{color:black;text-decoration : none;}</style><!--
--><link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet" />
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeLun 16 Mar - 16:30

Nom du forumpetite phrase un peu stylée pour faire genre

Nom info

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nom info

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nom info

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nom info

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Pseudo fonction
Pseudo fonction
Pseudo fonction
artemis | www






Code:
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap" rel="stylesheet"/><div class="fiche_pub_arte"><div class="bloc_banniere"><img src="https://via.placeholder.com/500"/></div><div class="bloc_deux"><h1><a href="#">Nom du forum</a><span>petite phrase un peu stylée pour faire genre</span></h1><div class="blocinfo"><span class="th th-bubble-heart"></span><h4>Nom info</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div><div class="blocinfo"><span class="th th-flash"></span><h4>Nom info</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div><div class="blocinfo"><span class="th th-holly"></span><h4>Nom info</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div><div class="blocinfo"><span class="th th-idea-o"></span><h4>Nom info</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p></div><div class="hover_staff bloc1"><img src="https://via.placeholder.com/100"/><div><span>Pseudo</span> fonction</div></div><div class="hover_staff bloc2"><img src="https://via.placeholder.com/100"/><div><span>Pseudo</span> fonction</div></div><div class="hover_staff bloc3"><img src="https://via.placeholder.com/100"/><div><span>Pseudo</span> fonction</div></div></div><div class="credit_arte">artemis | <a href="http://epicode.variousforum.com/">www</a></div></div>

<style>:root{--color-blue: #4c686b; --color-pastel: #b4b2bd;}.fiche_pub_arte{width: 550px; height: 650px; background: #f1f1f1; margin: auto; position: relative; box-sizing: content-box;}.fiche_pub_arte:after{width: 250px; height: 510px; background: var(--color-pastel); -webkit-clip-path: polygon(41% 9%, 100% 0%, 100% 100%, 63% 100%); clip-path: polygon(41% 9%, 100% 0%, 100% 100%, 63% 100%); content: " "; position: absolute; bottom: 0; right: 0; z-index: 3;}.fiche_pub_arte:before{width: 250px; height: 530px; background: var(--color-blue); -webkit-clip-path: polygon(41% 9%, 100% 0%, 100% 100%, 63% 100%); clip-path: polygon(41% 9%, 100% 0%, 100% 100%, 63% 100%); content: " "; position: absolute; bottom: 0; right: 25px; z-index: 2;}.bloc_banniere{width: 550px; height: 280px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 33%, 0 100%); position: relative;}.bloc_banniere img{width: 100%; -o-object-fit: cover; object-fit: cover; margin-top: -200px;}.bloc_deux{width: 320px; height: 320px; margin: 5px 5px 5px 15px;}.bloc_deux h1{font: 40px open sans; text-transform: uppercase; color: var(--color-pastel); font-weight: 300; padding: 0; margin: 0; height: 70px; border: none;}.bloc_deux h1 a{text-decoration: none; color: var(--color-pastel);}.bloc_deux h1 > span{display: block; font-weight: 400; font-size: 9px; padding: 3px; margin-top: -12px; letter-spacing: 2px;}.blocinfo{width: 100%; margin-bottom: 10px;}.blocinfo span{display: inline-block; width: 40px; height: 40px; background: var(--color-blue); text-align: center; float: left; color: white; font-size: 20px; padding-top: 9px; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}.blocinfo h4{font: 12px open sans; text-transform: uppercase; color: #4a4a4a; margin: 0 0 0 10px; line-height: 11px;}.blocinfo p{margin: 0; font: 11px calibri; text-align: justify; line-height: 11px; color: #838383;}.hover_staff{width: 100px; height: 100px; border: 7px solid white; border-radius: 50%; overflow: hidden; text-align: center; position: relative; box-sizing: content-box;}.hover_staff img{width: 100px; height: 100px; -o-object-fit: cover; object-fit: cover;}.hover_staff div{width: 90px; height: 90px; background: white; position: absolute; top: 5px; left: 5px; text-align: center; font: 10px open sans; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 30px; text-transform: uppercase; color: #8f8f8f; border-radius: 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}.hover_staff div > span{display: block; font-size: 17px; background: -webkit-linear-gradient(var(--color-blue), var(--color-pastel)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: -5px;}.hover_staff:hover div{visibility: visible; opacity: 1;}.bloc1{position: absolute; right: 100px; top: 200px; z-index: 99;}.bloc2{position: absolute; right: 80px; bottom: 205px; z-index: 99;}.bloc3{position: absolute; right: 60px; bottom: 74px; z-index: 99;}.credit_arte{font: 10px calibri; color: #838383; position: absolute; bottom: 0; left: 3px;}.credit_arte a{text-decoration: none; color: var(--color-pastel);}</style>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeMer 25 Mar - 20:02

Prénom et nomPrénom et nom

iconiconiconicon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lobortis id turpis volutpat blandit. Maecenas ultrices porttitor quam, et ornare lorem feugiat vitae. Vivamus porta, lectus eget ornare ultricies, nulla ex pretium dolor, a pulvinar lectus odio aliquam ligula. Pellentesque porttitor vehicula tincidunt. Suspendisse sit amet velit dui. Vivamus venenatis ut diam eget rhoncus. Praesent aliquet lectus at velit tempus elementum. In imperdiet porttitor justo, bibendum lobortis libero facilisis aliquet.

âge - nationalité - situation maritale - métier
  • qualité
  • qualité
  • qualité
  • qualité
  • défaut
  • défaut
  • défaut
  • défaut

Je cherche

AmiLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lobortis id turpis volutpat blandit. Maecenas ultrices porttitor quam, et ornare lorem feugiat vitae. Vivamus porta, lectus eget ornare ultricies, nulla ex pretium dolor, a pulvinar lectus odio aliquam ligula. Pellentesque porttitor vehicula tincidunt. Suspendisse sit amet velit dui. Vivamus venenatis ut diam eget rhoncus. Praesent aliquet lectus at velit tempus elementum. In imperdiet porttitor justo, bibendum lobortis libero facilisis aliquet. Donec venenatis, mi in semper ornare, felis ligula scelerisque augue, id sollicitudin enim sapien eu purus.

AmiLorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lobortis id turpis volutpat blandit. Maecenas ultrices porttitor quam, et ornare lorem feugiat vitae. Vivamus porta, lectus eget ornare ultricies, nulla ex pretium dolor, a pulvinar lectus odio aliquam ligula. Pellentesque porttitor vehicula tincidunt. Suspendisse sit amet velit dui. Vivamus venenatis ut diam eget rhoncus. Praesent aliquet lectus at velit tempus elementum. In imperdiet porttitor justo, bibendum lobortis libero facilisis aliquet. Donec venenatis, mi in semper ornare, felis ligula scelerisque augue, id sollicitudin enim sapien eu purus.

artemis | www




Code:
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Roboto&display=swap" rel="stylesheet"><div class="content_relation_arte"><h1>Prénom et nom<span>Prénom et nom</span></h1> <div class="icons_personnage"><img src="http://via.placeholder.com/90" alt="icon"/><img src="http://via.placeholder.com/90" alt="icon"/><img src="http://via.placeholder.com/90" alt="icon"/><img src="http://via.placeholder.com/90" alt="icon"/></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lobortis id turpis volutpat blandit. Maecenas ultrices porttitor quam, et ornare lorem feugiat vitae. Vivamus porta, lectus eget ornare ultricies, nulla ex pretium dolor, a pulvinar lectus odio aliquam ligula. Pellentesque porttitor vehicula tincidunt. Suspendisse sit amet velit dui. Vivamus venenatis ut diam eget rhoncus. Praesent aliquet lectus at velit tempus elementum. In imperdiet porttitor justo, bibendum lobortis libero facilisis aliquet. </p><div class="infos_generales">âge - nationalité - situation maritale - métier</div><ul><li>qualité</li><li>qualité</li><li>qualité</li><li>qualité</li><li>défaut</li><li>défaut</li><li>défaut</li><li>défaut</li></ul> <h2>Je cherche</h2> <div class="liens_recherches"><p><span>Ami</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lobortis id turpis volutpat blandit. Maecenas ultrices porttitor quam, et ornare lorem feugiat vitae. Vivamus porta, lectus eget ornare ultricies, nulla ex pretium dolor, a pulvinar lectus odio aliquam ligula. Pellentesque porttitor vehicula tincidunt. Suspendisse sit amet velit dui. Vivamus venenatis ut diam eget rhoncus. Praesent aliquet lectus at velit tempus elementum. In imperdiet porttitor justo, bibendum lobortis libero facilisis aliquet. Donec venenatis, mi in semper ornare, felis ligula scelerisque augue, id sollicitudin enim sapien eu purus.</p><p><span>Ami</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas lobortis id turpis volutpat blandit. Maecenas ultrices porttitor quam, et ornare lorem feugiat vitae. Vivamus porta, lectus eget ornare ultricies, nulla ex pretium dolor, a pulvinar lectus odio aliquam ligula. Pellentesque porttitor vehicula tincidunt. Suspendisse sit amet velit dui. Vivamus venenatis ut diam eget rhoncus. Praesent aliquet lectus at velit tempus elementum. In imperdiet porttitor justo, bibendum lobortis libero facilisis aliquet. Donec venenatis, mi in semper ornare, felis ligula scelerisque augue, id sollicitudin enim sapien eu purus.</p></div><div class="credit_epicode">artemis | <a href="http://www.epicode-entraide.com">www</a></div></div>

<style>:root{--color-background-blue: #a2c3e0;}.content_relation_arte{width: 470px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; background: #efefef; margin: auto; overflow: hidden;}.content_relation_arte > h1{margin: 0; color: white; font: 40px fjalla one; position: relative; z-index: 2; text-transform: uppercase; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); width: 460px; line-height: 65px; margin-bottom: 30px;}.content_relation_arte > h1 > span{color: var(--color-background-blue); display: block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-top: -30px;}.content_relation_arte > h1:after{content: " "; width: 600px; height: 550px; background: var(--color-background-blue); position: absolute; top: -500px; left: -80px; z-index: -1;}.icons_personnage{width: 210px; height: 210px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around;}.icons_personnage > img{width: 90px; height: 90px; -o-object-fit: cover; object-fit: cover; border-top: 5px solid white; border-right: 5px solid var(--color-background-blue); border-bottom: 5px solid var(--color-background-blue); border-left: 5px solid white;}.content_relation_arte > p{width: 220px; height: 205px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--color-background-blue); margin: 0; font: 11px roboto; text-align: justify; padding: 10px; overflow: auto; color: #969696; line-height: 11px;}.infos_generales{width: 100%; height: 30px; background: var(--color-background-blue); text-align: center; font: 11px roboto; text-transform: uppercase; color: white; padding: 5px; line-height: 30px; margin: 0;}.content_relation_arte > ul{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 65px; list-style-type: none; padding: 0; margin: 5px 0;}.content_relation_arte > ul > li{display: block; width: 100px; height: 25px; border: 1px solid var(--color-background-blue); text-align: center; font: 10px roboto; text-transform: uppercase; color: var(--color-background-blue); line-height: 25px;}.content_relation_arte > h2{font: 30px fjalla one; color: var(--color-background-blue); width: 100%; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; text-transform: uppercase; margin: 0;}.liens_recherches{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}.liens_recherches > p{width: 215px; height: 100px; margin: 0 0 10px 0; overflow: auto; text-align: justify; font: 11px roboto; color: #787878;}.liens_recherches > p > span{display: block; float: left; padding: 5px 10px ; background: var(--color-background-blue); font: 12px roboto; text-transform: uppercase; color: white; margin: 0 5px 0 0;} .credit_epicode {width: 100%; text-align: center; font: 10px calibri; text-transform: uppercase; opacity: 0.6;}</style>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:01

first last.

Some notes here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat pharetra nunc, in bibendum velit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat pharetra nunc, in bibendum velit. Sed suscipit, nisl nec rutrum suscipit, arcu eros aliquet risus, quis malesuada turpis nunc ut nisi. Donec erat tortor, bibendum ut faucibus quis, finibus nec sapien. Integer vel sapien a ante aliquam egestas. Fusce porttitor ex vitae euismod gravida. Pellentesque mauris felis, aliquam eget mauris ac, ullamcorper blandit est. Quisque vehicula porttitor nunc, vel dictum metus lacinia sed. Sed eget porta dolor. "Nulla sodales id mi sed sodales."


Vestibulum in molestie dolor, sed convallis enim. Vivamus non urna mattis mauris iaculis hendrerit. Proin ut aliquam ex. Curabitur blandit neque risus, sed feugiat massa varius sit amet. Morbi semper placerat lorem id tristique. Etiam accumsan, sem sit amet consectetur placerat, magna leo ullamcorper ex, vitae mollis augue odio nec justo. Nullam sollicitudin massa lorem, at mattis diam rutrum eleifend.


Aenean justo libero, vulputate vitae tempor aliquet, cursus fermentum nibh. Etiam quis nisl vitae ipsum ullamcorper condimentum ac in tellus. Proin efficitur sollicitudin pharetra. Aliquam finibus, elit non tristique varius, erat nunc suscipit lectus, ut cursus arcu urna sit amet tortor. Curabitur at lorem mauris. Proin tellus lacus, posuere non elementum in, accumsan in lacus. Nulla a felis a quam placerat accumsan. Pellentesque tincidunt tempor dignissim. Aenean rutrum dui mauris, id consectetur lectus convallis luctus.


Code:
<style>.ship15 { width: 300px; height: 400px; background-color: #fff; position: relative; border-left: 200px solid #262626;} .ship15 img { position: absolute; top: 40px; left: -110px; border: 15px solid #fff; width: 80px; height: 80px;} .ship15t { position: absolute; right: 40px; top: 55px; padding: 35px 20px 0px 10px; background-color: #262626; height: 45px; width: 245px; font-family: arial black; color: #fff; font-size: 30px; text-transform: lowercase; text-align: right; letter-spacing: -4px;} .ship15s { position: absolute; top: 180px; font-family: Montserrat; color: #fff; font-size: 8px; text-transform: uppercase; text-align: right; width: 150px; left: -170px;} .ship15w { padding-right: 10px; position: relative; top: 170px; height: 200px; overflow: auto; text-align: justify; color: #262626; font-size: 9px; font-family: tahoma; line-height: 100%; margin: 20px 40px 20px 20px;} .ship15w b { font-size: 12px; color: #000000; font-family: calibri;} .ship15w::-webkit-scrollbar" {width: 0px;}.ship15w::-webkit-scrollbar-track" {background: #fff;}.ship15w::-webkit-scrollbar-thumb" {width: 0px;background-color: #A3B8CE;}.r2 { width: 300px; font-family: arial; text-align: center; text-transform: uppercase; font-size: 7px}</style><link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"><div align="center"><div class="ship15"><img src="https://2img.net/h/i1188.photobucket.com/albums/z420/oginome/chicken%20fried%20icons/twentyfive/ss009.png" style="max-width:100%;"><div class="ship15t">first last.</div><div class="ship15s">
 Some notes here<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat pharetra nunc, in bibendum velit. </div><div class="ship15w">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat pharetra nunc, in bibendum velit. Sed suscipit, nisl nec rutrum suscipit, arcu eros aliquet risus, quis malesuada turpis nunc ut nisi. Donec erat tortor, bibendum ut faucibus quis, finibus nec sapien. Integer vel sapien a ante aliquam egestas. Fusce porttitor ex vitae euismod gravida. Pellentesque mauris felis, aliquam eget mauris ac, ullamcorper blandit est. Quisque vehicula porttitor nunc, vel dictum metus lacinia sed. Sed eget porta dolor. <b>"Nulla sodales id mi sed sodales."</b>
 <br><br>Vestibulum in molestie dolor, sed convallis enim. Vivamus non urna mattis mauris iaculis hendrerit. Proin ut aliquam ex. Curabitur blandit neque risus, sed feugiat massa varius sit amet. Morbi semper placerat lorem id tristique. Etiam accumsan, sem sit amet consectetur placerat, magna leo ullamcorper ex, vitae mollis augue odio nec justo. Nullam sollicitudin massa lorem, at mattis diam rutrum eleifend.
 <br><br>Aenean justo libero, vulputate vitae tempor aliquet, cursus fermentum nibh. Etiam quis nisl vitae ipsum ullamcorper condimentum ac in tellus. Proin efficitur sollicitudin pharetra. Aliquam finibus, elit non tristique varius, erat nunc suscipit lectus, ut cursus arcu urna sit amet tortor. Curabitur at lorem mauris. Proin tellus lacus, posuere non elementum in, accumsan in lacus. Nulla a felis a quam placerat accumsan. Pellentesque tincidunt tempor dignissim. Aenean rutrum dui mauris, id consectetur lectus convallis luctus. </div></div><div class="r2"><a href="http://adoxographyv2.boards.net/user/3348">:copyright:️ chrissy</a</div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:01



FIRST
LASTNAME
don't ya' love this sweet devil?
Make up and then dress me up – I'll become very lovely for you! Fake lashes that blow you away. My mascara makes 'em sway all day. Eyeliner beautifully placed. Shiny highlights make your heartbeat race. Pouting lips in a glittering pink – wanna come and give 'em a taste? Ah, I see you starin' at my neckline, plunging, tempting, but it's fine. Three inch heels, just the right height, enough for you to grab and hold me tight. Feel the baby doll on my wrist. Is it charming you? And with a twist, a touch of red nail polish makes me cute and sexy, don't you say? Could you be dreaming that we're meant to be? Won't say I love you. That's crazy, you see. Don't even try to understand me. I'm a liar girl.

J'écris sans comprendre le sens de la vie.

Je respire la vie que je me suis écrite.
PHARAOH LEAP CREATES


Code:
<style>.swedev { border: solid 1px #e5e5e5; background-color: #f3f3f3; padding: 19px; width: 452px;} .swedev2 { border: solid 1px #e5e5e5; background-color: #ffffff; color: #494949; text-align: justify; font: 10px Verdana; padding: 35px;} .swedevname { background-color: #f9f9f9; border-bottom: solid 1px #e5e5e5; margin: -35px -35px 35px -35px; font: 45px Roboto; line-height: 35px; white-space: nowrap; text-transform: uppercase; padding: 32px 35px; height: 85px; text-align: justify; letter-spacing: -3px;} .swedevimg { float: left; border: solid 23px #999999; padding: 2px; background-color: #f9f9f9; height: 100px; width: 100px; margin: -32px 35px 0px -35px;} .swedevimg img { height: 100px; width: 100px;} .swedevlyric { font: bold 10px Roboto; line-height: 10px; letter-spacing: 0px; padding-top: 7px;} .swedevlyric i { font-size: 9px; padding-right: 8px;} .swedev2 h1 { border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; background-color: #f9f9f9; font: bold 12px Roboto; line-height: 12px; padding: 19px; margin: 35px -35px 35px -35px; text-transform: uppercase; text-align: right; color: #cccccc;} .swedev2 h1 b { float: left; color: #999999;} .swedevbot { margin: 35px -35px -35px -35px; border-top: solid 1px #e5e5e5; background-color: #f9f9f9; font: bold 10px Roboto; text-align: center; padding: 19px 0px; white-space: nowrap; overflow: hidden;} .swedevbot i { color: #999999; font-size: 9px; padding: 0px 10px;}.swedevimg {border-color: #de645f;}.swedev2 b {color: #de645f;!important}.swedev2 i {color: #de645f;!important}.pcrd { width: 492px; text-align: right; font: bold 8px Arial; padding-top: 5px;}</style>

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet"><div align="center"><div class="swedev"><div class="swedev2"><div class="swedevname"><div class="swedevimg"><img src="https://via.placeholder.com/100x100" style="max-width:100%;"></div>FIRST<br><b>LASTNAME</b><div class="swedevlyric"><i style="color:#de645f;" class="ion-heart"></i>don't ya' love this sweet devil?</div></div>Make up and then dress me up – I'll become very lovely for you! Fake lashes that blow you away. My mascara makes 'em sway all day. Eyeliner beautifully placed. Shiny highlights make your heartbeat race. Pouting lips in a glittering pink – wanna come and give 'em a taste? Ah, I see you starin' at my neckline, plunging, tempting, but it's fine. Three inch heels, just the right height, enough for you to grab and hold me tight. Feel the baby doll on my wrist. Is it charming you? And with a twist, a touch of red nail polish makes me cute and sexy, don't you say? Could you be dreaming that we're meant to be? Won't say I love you. That's crazy, you see. Don't even try to understand me. I'm a liar girl.

J'écris sans comprendre le sens de la vie.

Je respire la vie que je me suis écrite.</div><a href="http://pixel-perfect.boards.net/user/5"><div class="pcrd">PHARAOH LEAP CREATES</div></a></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:02





The night's wind

We were supposed to have ran away and yet here we are Alone, swaying lazily, You gaze at the moon And wish for salvation
Mauris vestibulum, dolor vitae congue vehicula, nisl justo euismod nibh, at congue elit turpis sit amet nunc. Nam at dui aliquet, blandit urna quis, vestibulum lectus. Sed lacinia mollis felis ac venenatis. "Aenean fermentum ornare est id pharetra." Aenean sit amet fringilla magna, et dignissim lectus. Phasellus molestie augue in sapien tempor, non feugiat enim convallis. Nunc quis enim faucibus, consectetur ex non, ultrices felis. Maecenas convallis augue risus, vitae fermentum nibh venenatis vel. Curabitur in blandit nunc.Mauris vestibulum, dolor vitae congue vehicula, nisl justo euismod nibh, at congue elit turpis sit amet nunc. Nam at dui aliquet, blandit urna quis, vestibulum lectus. Sed lacinia mollis felis ac venenatis. "Aenean fermentum ornare est id pharetra." Aenean sit amet fringilla magna, et dignissim lectus. Phasellus molestie augue in sapien tempor, non feugiat enim convallis. Nunc quis enim faucibus, consectetur ex non, ultrices felis. Maecenas convallis augue risus, vitae fermentum nibh venenatis vel.

Curabitur in blandit nunc.Mauris vestibulum, dolor vitae congue vehicula, nisl justo euismod nibh, at congue elit turpis sit amet nunc. Nam at dui aliquet, blandit urna quis, vestibulum lectus. Sed lacinia mollis felis ac venenatis. "Aenean fermentum ornare est id pharetra." Aenean sit amet fringilla magna, et dignissim lectus. Phasellus molestie augue in sapien tempor, non feugiat enim convallis. Nunc quis enim faucibus, consectetur ex non, ultrices felis. Maecenas convallis augue risus, vitae fermentum nibh venenatis vel. Curabitur in blandit nunc.
@tag - words - notes
MADE BY VEL OF WW + ADOX 2.0


Code:
<style>.reason { width: 390px; background-color: #fcfcfc; padding: 35px; border: 1px #eee solid;} .reasonbg { background-color: #644c7f; padding: 10px;}.reasonbg img { height: 95px; width: 95px; float: left; padding: 10px; background-color: #fcfcfc;} .reasonbig{ margin: 0px 0px 0px 115px; padding: 0px 0px 0px 15px; font-size: 30px; font-family: Fjalla One; text-align: left; color: #eee; text-transform: uppercase;} .reasonsmall { font-family: verdana; font-size: 10px; letter-spacing: 1px; line-height: 12px; color: #ccc; text-align: left;} .reasonbod { background-color: #f6f6f6; padding: 20px; font-family: verdana; font-size: 10px; line-height: 14px; text-align: justify; color: #555;} .reasonbod b {color: #644c7f;} .reasontag { background-color: #644c7f; padding: 20px; font-family: verdana; font-size: 9px; line-height: 12px; text-align: center; color: #ccc; letter-spacing: 1px;} .cred { text-align: center; font-size: 6pt; color: rgb(132, 132, 132); letter-spacing: 1px; font-family: verdana; margin-top: 5px;} .cred a { color: rgb(132, 132, 132); font-size: 6pt; letter-spacing: 1px; font-family: verdana;}</style>​


<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet"> <div align="center"><div class="reason"><div class="reasonbg"><img src="http://images6.fanpop.com/image/photos/38800000/Annabeth-Chase-icons-percy-jackson-and-the-olympians-38812413-245-245.png"><div class="reasonbig">
The night's wind

<div class="reasonsmall">We were supposed to have ran away and yet here we are Alone, swaying lazily, You gaze at the moon And wish for salvation</div></div></div><div class="reasonbod">Mauris vestibulum, dolor vitae congue vehicula, nisl justo euismod nibh, at congue elit turpis sit amet nunc. Nam at dui aliquet, blandit urna quis, vestibulum lectus. Sed lacinia mollis felis ac venenatis. <b>"Aenean fermentum ornare est id pharetra."</b> Aenean sit amet fringilla magna, et dignissim lectus. Phasellus molestie augue in sapien tempor, non feugiat enim convallis. Nunc quis enim faucibus, consectetur ex non, ultrices felis. Maecenas convallis augue risus, vitae fermentum nibh venenatis vel. Curabitur in blandit nunc.Mauris vestibulum, dolor vitae congue vehicula, nisl justo euismod nibh, at congue elit turpis sit amet nunc. Nam at dui aliquet, blandit urna quis, vestibulum lectus. Sed lacinia mollis felis ac venenatis. <b>"Aenean fermentum ornare est id pharetra."</b> Aenean sit amet fringilla magna, et dignissim lectus. Phasellus molestie augue in sapien tempor, non feugiat enim convallis. Nunc quis enim faucibus, consectetur ex non, ultrices felis. Maecenas convallis augue risus, vitae fermentum nibh venenatis vel.

Curabitur in blandit nunc.Mauris vestibulum, dolor vitae congue vehicula, nisl justo euismod nibh, at congue elit turpis sit amet nunc. Nam at dui aliquet, blandit urna quis, vestibulum lectus. Sed lacinia mollis felis ac venenatis. <b>"Aenean fermentum ornare est id pharetra."</b> Aenean sit amet fringilla magna, et dignissim lectus. Phasellus molestie augue in sapien tempor, non feugiat enim convallis. Nunc quis enim faucibus, consectetur ex non, ultrices felis. Maecenas convallis augue risus, vitae fermentum nibh venenatis vel. Curabitur in blandit nunc.</div><div class="reasontag">@tag - words - notes</div></div></div><div class="cred">MADE BY VEL OF <a href="http://wicked-wonderland.boards.net/user/182">WW</a> + <a href="http://adoxographyv2.boards.net/user/1397">ADOX 2.0</a></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:02




I BET MY LIFE ON YOU
I KNOW I TOOK THE PATH THAT YOU WOULD NEVER WANT FOR ME

i know i took the path that you would never want for me. i know i let you down, didn't i? so many sleepless nights where you were waiting up on me. well, i'm just a slave unto the night. now, remember when i told you "that's the last you'll see of me"? remember when i broke you down to tears? i know i took the path that you were never want for me. i gave you hell through all the years. so i, i bet my life, i bet my life, i bet my life for you. i, i bet my life, i bet my life, i bet my life for you.

i've been around the world, and never in my wildest dreams would i come running home to you. i've told a million lies, but down i tell a single truth: there's you in everything i do. now, remember when i told you "that's the last you'll see of me"? remember when i broke you down to tears? i know i took the path that you would never want for me. i gave you hell through all the years. so i, i bet my life, i bet my life, i bet my life for you. i, i bet my life, i bet my life, i bet my life for you.

don't tell me that i'm wrong. i've walked that road before and left you on your own. and please, believe them when they say that it's left for yesterday and the records that i've played. please forgive me for all i've done. so i, i bet my life, i bet my life, i bet my life for you. i, i bet my life, i bet my life, i bet my life for you. i - i bet my - i bet my - i bet my - i - i bet my - i bet my - i bet my -
0000 WORDS
@pharaohleap
NOTES AND STUFF CAN GO HERE, WOO! don't write too much, i don't think this scrolls?
PHARAOH LEAP CREATES



Code:
<style>.lovemad {position: relative; z-index: 1 ;} .lovemad1 { float: left; margin-right: 5px; background-color: #272727; color: #999999; padding: 10px; line-height: 10px ;} .lovemad1 a { color: #f57f85!important; font: 9px Calibri; line-height: 10px;} .lovemad2 b{color: #f57f85;} .p1 { background-color: #202020; height: 140px; width: 450px; overflow: hidden; text-align: center; line-height: 10px;} .p1 img { width: 100px; height: 100px; border: solid 50px #272727; border-radius: 150px; margin-top: -30px;} .p2 { background-color: #272727; text-align: center; color: #f5f5f5; font: bold 35px Raleway; width: 450px; margin-top: -10px; padding: 15px 0px 20px 0px; letter-spacing: -1px; border-top: solid 5px #f57f85; border-bottom: solid 5px #f57f85;} .p2 font {color: #f57f85} .p3 { font: 9px Calibri; margin-top: -3px; letter-spacing: 1.8px; padding-left: 2px;} .lovemad2 { padding: 25px; background-color: #202020; width: 400px; margin-top: -10px; } .p4 { padding: 20px; background-color: #272727; color: #999999; font: 10px Verdana; text-align: justify;} .p5 { background-color: #f57f85; padding: 10px 10px; margin-top: 3px; text-align: justify; color: #242424; font: 9px Calibri; text-transform: uppercase; min-height: 30px;} .lovemad1 font {color: #f57f85} .p6 { width: 450px; text-align: right; font: bold 8px Arial; padding-top: 5px;}</style>​

<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800,900" rel="stylesheet"> <div align="center"><div class="p1"><img src="https://image.ibb.co/kPEd2J/tumblr_inline_nbe8xm8uk_H1sig565.png"></div><break><div class="p2">
I BET MY LIFE <font>ON YOU</font><break><div class="p3">I KNOW I TOOK THE PATH THAT YOU WOULD NEVER WANT FOR ME</div></div><break><div class="lovemad2"><div class="p4">
i know i took the path that you would never want for me. i know i let you down, didn't i? so many sleepless nights where you were waiting up on me. well, i'm just a slave unto the night. now, remember when i told you "that's the last you'll see of me"? remember when i broke you down to tears? i know i took the path that you were never want for me. i gave you hell through all the years. so i, i bet my life, i bet my life, i bet my life for you. i, i bet my life, i bet my life, i bet my life for you.

i've been around the world, and never in my wildest dreams would i come running home to you. i've told a million lies, but down i tell a single truth: there's you in everything i do. <b>now, remember when i told you "that's the last you'll see of me"? remember when i broke you down to tears?</b> i know i took the path that you would never want for me. i gave you hell through all the years. so i, i bet my life, i bet my life, i bet my life for you. i, i bet my life, i bet my life, i bet my life for you.

don't tell me that i'm wrong. i've walked that road before and left you on your own. and please, believe them when they say that it's left for yesterday and the records that i've played. please forgive me for all i've done. so i, i bet my life, i bet my life, i bet my life for you. i, i bet my life, i bet my life, i bet my life for you. i - i bet my - i bet my - i bet my - i - i bet my - i bet my - i bet my -
</div><break><div class="p5"><div class="lovemad1"><font>0000</font> WORDS</div><div class="lovemad1">@pharaohleap </div>NOTES AND STUFF CAN GO HERE, WOO! don't write too much, i don't think this scrolls?</div></div></div><a href="http://pixel-perfect.boards.net/user/5"><div class="p6">PHARAOH LEAP CREATES</div></a></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:03

realized that I have got one
less problem without you
Every time you touch me And say you love me I get a little bit breathless I shouldn't want it But it's you. Head in the clouds Got no weight on my shoulders.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada lorem sem. In enim augue, bibendum a libero eget, molestie tincidunt sem. Maecenas feugiat dignissim vulputate. Phasellus sit amet mauris eu augue interdum feugiat. Cras commodo, nibh a maximus tincidunt, leo ex efficitur nisl, et molestie augue dui et sem. Etiam venenatis nisi in eros placerat tempus. Fusce efficitur dui sed fermentum aliquam. Sed sit amet quam eu mauris lacinia ullamcorper. Nam cursus varius blandit. Aenean vestibulum laoreet arcu, nec varius mi malesuada id. Nullam tincidunt vulputate ullamcorper. In non elementum metus. Nunc orci mi, porttitor ac felis vel, molestie bibendum quam. Morbi lacinia maximus ultricies. Quisque nec ex et enim congue commodo.

Curabitur placerat eros a magna ultricies, in rhoncus massa lobortis. Duis sit amet turpis turpis. In felis lorem, rutrum sit amet condimentum finibus, semper vitae elit. Sed non mauris a urna vehicula iaculis. Nulla eu tortor venenatis, dignissim metus eu, tincidunt tellus. Donec semper accumsan elit, sed volutpat enim ullamcorper malesuada. Donec laoreet ipsum non hendrerit congue. Nunc hendrerit urna purus, nec ullamcorper mi fermentum in. Suspendisse eget dictum tortor. Proin interdum magna id convallis rhoncus. Aliquam fermentum accumsan efficitur. Mauris faucibus enim imperdiet iaculis suscipit.
NOTES, i recommend you to keep this short.
TAGS, @


Code:
<style>.problemmain { width: 360px; background: #FFFFFD; border: 1px solid #EEEDEB; padding: 10px;} .probleminside { height: 150px; background: #EEEDEB;} .problemimg { padding: 2px; border-radius: 100%; color: #FFFFFD; border: 5px solid #FFFFFD; float: left; margin: 15px; width: 100px; height: 100px;} .problemlyrics { text-transform: uppercase; color: #8E9293; padding-top: 30px; font-family: Oswald; padding-right: 30px; font-size: 15px; text-align: center; line-height:20px;} #problemlyricstyle { color: #FC7F5F; letter-spacing: 0.3px; padding-bottom: 5px;} .problemlyrics2 { text-transform: lowercase; font: italic 13px/14px 'playfair display'; padding-right: 30px; font-size:9px; text-align: justify; color: #8E9293; overflow: hidden; height: 40px; font-weight: 400; border-top: 1px dotted #8E9293; padding-top: 5px;}.problemtext { border: 1px solid #EEEDEB; font-family: 'Open Sans', sans-serif; color: #8E9293; font-size: 10px; text-align: justify; padding: 30px; line-height: 13px;} .problemtext b { font-weight: 700; color: #FC7F5F;} .problemtext hr { border: 0; height: 1px; background-image: linear-gradient(to right, #FFFFFD, #EEEDEB, #FFFFFD);} #problemfooter { text-transform: lowercase; font: 13px/14px 'playfair display'; font-size: 9px; text-align: justify; color: #8E9293; font-weight: 400; padding-top: 5px;} #problemfooter a { text-transform: lowercase; font: 13px/14px 'playfair display'; font-size: 9px; text-align: justify; color:#8E9293; font-weight: 400; padding-top: 5px;} #problemfooter b { color:#8E9293;} .problemcredits { text-transform: uppercase; font-family:tahoma; text-align:center; font-size:9px;}</style><link href='https://fonts.googleapis.com/css?family=Oswald|Montserrat|Playfair+Display:400,400italic|Open+Sans' rel='stylesheet' type='text/css'><center><div class="problemmain"><div class="probleminside"><img src="https://i.imgbox.com/xrg0hjOn.jpg" class="problemimg"/><div class="problemlyrics">realized that I have got one <div id="problemlyricstyle">less problem without you</div></div><div class="problemlyrics2">Every time you touch me And say you love me I get a little bit breathless I shouldn't want it But it's you. Head in the clouds Got no weight on my shoulders. </div></div><div class="problemtext"><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Nam malesuada lorem sem. In enim augue, bibendum a libero eget, molestie tincidunt sem. Maecenas feugiat dignissim vulputate. Phasellus sit amet mauris eu augue interdum feugiat. Cras commodo, nibh a maximus tincidunt, leo ex efficitur nisl, et molestie augue dui et sem. Etiam venenatis nisi in eros placerat tempus. Fusce efficitur dui sed fermentum aliquam. Sed sit amet quam eu mauris lacinia ullamcorper. Nam cursus varius blandit. Aenean vestibulum laoreet arcu, nec varius mi malesuada id. Nullam tincidunt vulputate ullamcorper. In non elementum metus. Nunc orci mi, porttitor ac felis vel, molestie bibendum quam. Morbi lacinia maximus ultricies. Quisque nec ex et enim congue commodo.
   
Curabitur placerat eros a magna ultricies, in rhoncus massa lobortis. Duis sit amet turpis turpis. In felis lorem, rutrum sit amet condimentum finibus, semper vitae elit. Sed non mauris a urna vehicula iaculis. Nulla eu tortor venenatis, dignissim metus eu, tincidunt tellus. Donec semper accumsan elit, sed volutpat enim ullamcorper malesuada. Donec laoreet ipsum non hendrerit congue. Nunc hendrerit urna purus, nec ullamcorper mi fermentum in. Suspendisse eget dictum tortor. Proin interdum magna id convallis rhoncus. Aliquam fermentum accumsan efficitur. Mauris faucibus enim imperdiet iaculis suscipit.<hr><div id="problemfooter"><b>NOTES,</b> i recommend you to keep this short.<br><b>TAGS,</b> @</div></div></div><div class="problemcredits"><a href="http://sonderx.jcink.net/index.php?showuser=236">FLARE</a</div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:04



SEVENTHSENSE

OPEN YOUR EYES QUIETLY OPEN YOUR EYES
Nul son ne demeurait alors. Le calme plat. La sang s'écoulait de la table jusqu'à atteindre le plancher pourrissant, le sol était humide, mon repère, ridiculement étouffante. Il n'y avait aucun bruit. Les couteaux étaient posés là, tachés de pourpre.

Tout était prêt.
NOTES GOES HERE. TAG A PERSON WHILE YOU'RE AT IT.


Code:
<link rel="stylesheet" href="https://dl.dropbox.com/s/v71cbg3y6mvokvf/styles%204.css?dl=0" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff" /><link href="https://fonts.googleapis.com/css?family=Lateef" rel="stylesheet">

<style>.svnn { width: 450px; padding: 10px; border: #e2e2e2 solid 1px; background: #f0f0f0; margin: 0 auto;} .svn {background: #222;} .svn-t { text-align: right; padding: 25px; color: #eee; font: 12px Cabin;} .svn-t h1 { margin: 0 0 2px; font: 900 45px/40px 'Archivo Narrow';} .svn-t h1 i { font-style: normal; color: #fa3334;}.svn-t span { font: 900 10px Cabin; letter-spacing: 1px;}.svn-t span b {color: #e244ce;} .svn-img { width: 450px; height: 100px; object-fit: cover;} .svn-p { background: #ffffff; padding: 30px; text-align: justify; font: 12px/16px Latiff;} .svn-p b { color: #888; font: 700 15px Latiff;} .svn-p i { color: #ffffff; font: italic 700 13px Latiff;} .svn-notes { padding: 24px; color: #e2e2e2; font: 700 11px Latiff; text-transform: uppercase;} .svn-notes .fa { float: left; font-size: 35px; line-height: 13px; color: #fa3334; margin: 0 20px 0 0; }</style><div class="svnn"><div class="svn"><div class="svn-t"><h1><i>SEVENTH</i>[color=#e2e2e2]SENSE[/color]</h1> <span>OPEN YOUR EYES QUIETLY <b>OPEN YOUR EYES</b></span></div><div class="svn-img"><img src="https://zupimages.net/up/18/43/apt9.bmp"></div><div class="svn-p"><section><b>N</b>ul son ne demeurait alors. Le calme plat. La sang s'écoulait de la table jusqu'à atteindre le plancher pourrissant, le sol était humide, mon repère, ridiculement étouffante. Il n'y avait aucun bruit. Les couteaux étaient posés là, tachés de pourpre.

Tout était prêt.</section></div><div class="svn-notes"><i class="fa fa-eye"></i>NOTES GOES HERE. TAG A PERSON WHILE YOU'RE AT IT.</div></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:04

vriska serket
blueblood
troll
bisexual
more
traits
here

lorem ipsum dolor sit amet

consectetur adipiscing elit

When two individuals find themselves in the flushed quadrant together, they are said to be MATESPRITS. Texte
a
mettre
dans
ces
endroits

SELKIE


Code:
<style>.eightfoldPlot { width: 550px; border: 1px solid #ccc; background-color: #f1f1f1; display: flex; padding: 10px; flex-flow: column wrap;}.eightfoldBorder { width: 572px; border: 7px solid #ddd; outline: 1px solid #ccc; background-color: #ff0000; margin: 1px;}.eightfoldHeader { width: 550px; height: 172px; border-bottom: 1px solid #ccc; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between;}.eightfoldIMG img { width: 300px; padding: 5px; background-color: #fcfcfc; border: 1px solid #ccc; }.eightfoldName { width: 228px; height: 162px; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: center; text-align: left; }.eightfoldName span { height: 30px; margin: 0px; font: 300 30px/30px montserrat; color: #6c6c6c;}.eightfoldBody b, .eightfoldTags div: : before, .eightfoldName span: : first-letter, .eightfoldBody h1::first-letter {color: #005682;}.eightfoldTags {margin-top: 7px;}.eightfoldTags div { display: inline-block; background-color: #ddd; border-radius: 3px; font: 10px/15px Ubuntu; text-transform: uppercase; color: #9a9a9a; padding: 2px 6px; margin: 3px 0px 0px 3px;}.eightfoldTags div::before {content: '#';}.eightfoldBody { width: 448px; margin-top: 10px; padding: 50px; border: 1px solid #ccc; background-color: #f7f7f7; font: 11px roboto; color: #7a7a7a; text-align: justify;}.eightfoldBody h1 { font: 300 24px montserrat; color: #bababa; border-bottom: 1px solid #bababa; padding: 0px 0px 3px 10px; margin: 0px;}.eightfoldBody h2 { font: 10px ubuntu; text-transform: uppercase; color: #ccc; margin: 3px; text-align: right;}.eightfoldBody p {padding: 25px;}.eightfoldCredit {font: bold 7px roboto; margin-left: 500px;}.eightfoldCredit a {font: bold 7px roboto;}</style><link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu" rel="stylesheet"><div align="center"><div class="eightfoldBorder"><div class="eightfoldPlot"><div class="eightfoldHeader"><div class="eightfoldIMG"><img style="width:300px;" src="https://image.ibb.co/jmWJB8/image.png"></div><div class="eightfoldName"><span>vriska serket</span><div class="eightfoldTags"><div>blueblood</div><div>troll</div><div>bisexual</div><div>more</div><div>traits</div><div>here</div></div></div></div><div class="eightfoldBody"><h1>lorem ipsum dolor sit amet</h1><h2>consectetur adipiscing elit</h2><p>When two individuals find themselves in the flushed quadrant together, they are said to be <b>MATESPRITS</b>. Texte
a
mettre
dans
ces
endroits</p></p></div></div></div><div class="eightfoldCredit">SELKIE</div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:04





Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae subsederat extimas partes, novum parumque aliquando temptatum commentum adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem quod cogitabat huius modi.

Vbi curarum abiectis ponderibus aliis tamquam nodum et codicem difficillimum Caesarem convellere nisu valido cogitabat, eique deliberanti cum proximis clandestinis conloquiis et nocturnis qua vi, quibusve commentis id fieret, antequam effundendis rebus pertinacius incumberet confidentia, acciri mollioribus scriptis per simulationem tractatus publici nimis urgentis eundem placuerat Gallum, ut auxilio destitutus sine ullo interiret obstaculo.

Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.



Code:
 <link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'><center><div style="width: 450px; height: 600px; oveflow:auto; background-image: url('https://image.noelshack.com/fichiers/2018/21/2/1527020144-image-test.png');"><div style="font-family; margin: 20px; Garamond, serif; font-size: 15px; color:black; text-shadow: 0px 0px 4px #FFFFFF;"></br></br></div></br><div style="margin: 130px 10px 50px 130px; width: 260px; height: 300px; background-color: white; opacity: 0.8; font-family: Times New Roman; font-size: 14px;text-align: justify;color:black; padding: 7px;line-height:95%; overflow:auto">
    Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae subsederat extimas partes, novum parumque aliquando temptatum commentum adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem quod cogitabat huius modi.

    Vbi curarum abiectis ponderibus aliis tamquam nodum et codicem difficillimum Caesarem convellere nisu valido cogitabat, eique deliberanti cum proximis clandestinis conloquiis et nocturnis qua vi, quibusve commentis id fieret, antequam effundendis rebus pertinacius incumberet confidentia, acciri mollioribus scriptis per simulationem tractatus publici nimis urgentis eundem placuerat Gallum, ut auxilio destitutus sine ullo interiret obstaculo.

    Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur. </div></br></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:06



Pourtant, je me trouve là, un verre de whisky entre les doigts, à prétendre être abattu par la haine que me voue ma progéniture. Est-ce réellement de la comédie ? Ne suis-je pas attristé par la réalité de ces motifs ?

{ when a dream is just a dream }



Code:
<style>.loveswing1 {width:200px;height:150px;background:none;border:1px solid #c5c5c5;padding:10px;}.loveswing2{width:200px;height:150px;background:#1a1a1a;}.loveswing2 p {padding:10px;margin-top:-0px;font-family: 'Raleway', sans-serif;font-size:11px;color:#dadada;text-align:justify;}lv {font-family: 'Pacifico', cursive;font-size:11px;color:#dadada;}.starlessky {width:300px;height:150px;background:none;border:1px solid #c5c5c5;padding:10px;margin-left:5px;}.triptohell1 {width:535px;height:50px;background:none;border:1px solid #c5c5c5;padding:10px;margin-top:10px;}.triptohell2 {width:535px;height:50px;background:#1a1a1a;}.triptohell2 p {color:#dadada;text-align:center;line-height:50px;margin-top:-0px;font-family:'Raleway', cursive;font-size:10px;letter-spacing:10px;}</style>

<center><table><tr><td><div class="loveswing1"><div class="loveswing2"><p><lv>Pourtant, je me trouve là,</lv> un verre de whisky entre les doigts, à prétendre être abattu par la haine que me voue ma progéniture. <lv>Est-ce réellement de la comédie ?</lv> Ne suis-je pas attristé par la réalité de ces motifs ?</p></div></div></td><td><div class="starlessky"><img src="http://placehold.it/300x150" /></div></td></tr></table><div class="triptohell1"><div class="triptohell2"><p><lv>{</lv> when a dream is just a dream <lv>}</lv></p></div></div></center><link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:06

img
To the moon and back et on tente une nouvelle fois le titre long
ceci est une sous phrase
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
nom du partenaire
:copyright:️ E P S I L O N




Code:
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Roboto+Condensed" rel="stylesheet"><div style="background-image:url('https://i.pinimg.com/564x/e6/14/6f/e6146f24742f4b3ca26c7439769fa156.jpg');width:500px;height:700px;background-repeat:no-repeat;margin:0 auto;"><img src="http://via.placeholder.com/70x70" alt="img" style=" position:relative; top:30px; left:60px; width:70px; height:70px; border-radius:100%;"/><div class="title" style="color:#d9b2b3;font-family:'Abril fatface';text-transform:lowercase;font-style:italic;font-size:20px;padding:20px;text-align:right;width:300px;position:relative;right:-150px;top:-50px;">To the moon and back et on tente une nouvelle fois le titre long </br><div style="color:white;font-family:roboto condensed;font-size:9px;text-transform:uppercase;font-style:italic;">ceci est une sous phrase</div></div><div class="textrp" style=" color:#eaeaea; position:relative; top:50px; padding:20px; text-align:justify; font-size:12px; overflow:auto; width:400px; margin:0 auto; height:350px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div><div style="color:#525368;font-family:abril fatface;font-size:15px;text-shadow:0px 1px 2px #454545;text-align:center;position:relative;top:80px;">nom du partenaire</div></div><div class="trukcred" style=" text-align:center; color:#282d41; font-size:9px;">:copyright:️ <a href="http://somuchgravity.forumsrpg.com/">E P S I L O N</a></div>

<style>.imgrond img{width:70px; height:70px;}.trukcred a{text-decoration:none; color:#282d41; letter-spacing:6px; font-size:8px;}</style>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:07

I bless everyday to have you in my life
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rutrum sodales iaculis. Vestibulum vulputate pharetra lorem, in lacinia leo tempus nec. Phasellus aliquam mauris turpis, eu porta lectus tempus vitae. Nullam in est non tellus sagittis volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas eu quam fermentum, blandit lacus et, blandit metus. Aliquam feugiat, diam sed tristique varius, ante dui tempor tortor, nec convallis est nibh ut tellus. Aliquam erat volutpat. Quisque metus arcu, rutrum non sapien ut, vulputate accumsan sem. Aenean id tristique diam. Morbi cursus magna eget nisl tempor, dapibus eleifend nunc rutrum. Maecenas justo ipsum, laoreet at purus vel, interdum dictum justo.Mauris viverra nulla vehicula nisl ullamcorper, ut euismod sem ornare. Nullam eget volutpat augue. Sed euismod purus vitae bibendum vestibulum. Mauris ex purus, dictum ac risus id, ullamcorper aliquam mauris. In in risus non arcu tincidunt viverra. Nam placerat dui imperdiet, ultricies lectus ac, sodales quam. Curabitur at tempus elit. Aliquam eleifend magna mi, non pellentesque erat bibendum nec. Nam porta eros sem, eu convallis ante egestas vitae. Ut mi neque, lobortis tristique nisi vitae, porta semper turpis. Cras pharetra hendrerit magna, id mattis neque scelerisque ac. Nulla ac pulvinar justo. Aenean interdum feugiat efficitur. Phasellus vel massa vel nibh mattis aliquet ac quis sem. Mauris erat augue, eleifend sit amet purus ut, rhoncus pellentesque mi.Morbi sit amet feugiat nulla.

— You're forgiven my love

Quisque non mauris ultricies, ultrices eros id, mattis ex. Nullam ac massa nec nisi interdum pellentesque. In nec eros at leo sagittis ornare. Donec commodo cursus condimentum. Duis mollis sem nibh, id ultricies neque vestibulum id. Mauris turpis neque, viverra et nisi at, congue euismod urna. Fusce suscipit venenatis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec mi ut risus suscipit venenatis sit amet ac mi. Ut varius lorem vel nisi mollis molestie. Donec dapibus suscipit lacus, sed venenatis est scelerisque ut.
Nom prénom
the winds are changing and blowing at my face like a warning


Code:
<div class="background_paper"><div class="img_fiche"><img src="http://placehold.it/460x200/"/></div><div class="title_paper">I bless <em>everyday</em> to have <b>you</b> in my life</div><div class="text_paper">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rutrum sodales iaculis. Vestibulum vulputate pharetra lorem, in lacinia leo tempus nec. Phasellus aliquam mauris turpis, eu porta lectus tempus vitae. Nullam in est non tellus sagittis volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas eu quam fermentum, blandit lacus et, blandit metus. Aliquam feugiat, diam sed tristique varius, ante dui tempor tortor, nec convallis est nibh ut tellus. Aliquam erat volutpat. Quisque metus arcu, rutrum non sapien ut, vulputate accumsan sem. Aenean id tristique diam. Morbi cursus magna eget nisl tempor, dapibus eleifend nunc rutrum. Maecenas justo ipsum, laoreet at purus vel, interdum dictum justo.Mauris viverra nulla vehicula nisl ullamcorper, ut euismod sem ornare. Nullam eget volutpat augue. Sed euismod purus vitae bibendum vestibulum. Mauris ex purus, dictum ac risus id, ullamcorper aliquam mauris. In in risus non arcu tincidunt viverra. Nam placerat dui imperdiet, ultricies lectus ac, sodales quam. Curabitur at tempus elit. Aliquam eleifend magna mi, non pellentesque erat bibendum nec. Nam porta eros sem, eu convallis ante egestas vitae. Ut mi neque, lobortis tristique nisi vitae, porta semper turpis. Cras pharetra hendrerit magna, id mattis neque scelerisque ac. Nulla ac pulvinar justo. Aenean interdum feugiat efficitur. Phasellus vel massa vel nibh mattis aliquet ac quis sem. Mauris erat augue, eleifend sit amet purus ut, rhoncus pellentesque mi.Morbi sit amet feugiat nulla.<br/><br/><font>— You're forgiven my love</font><br/><br/>Quisque non mauris ultricies, ultrices eros id, mattis ex. Nullam ac massa nec nisi interdum pellentesque. In nec eros at leo sagittis ornare. Donec commodo cursus condimentum. Duis mollis sem nibh, id ultricies neque vestibulum id. Mauris turpis neque, viverra et nisi at, congue euismod urna. Fusce suscipit venenatis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec mi ut risus suscipit venenatis sit amet ac mi. Ut varius lorem vel nisi mollis molestie. Donec dapibus suscipit lacus, sed venenatis est scelerisque ut.</div><div class="info_paper"><div class="imginfo"><img style="max-width: 100%;" src="http://placehold.it/100x100/"></div><div class="entete_paper">Nom <strong>prénom</strong></div><div class="entete_paper2">the winds are changing and blowing at my face like a warning</div></div></div><div class="credits_paper"><a href="http://somuchgravity.forumsrpg.com/">EPSILON</a></div><style>.background_paper{width:460px; padding:20px; margin:0 auto; border:solid 1px rgba(200, 200, 200, 0.5); background:#ebebeb; box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.8);}.img_fiche{padding-bottom:5px; border-bottom:1px solid #9a3535;}.img_fiche img{width:460px; height:200px;}.title_paper{text-align:center; padding:10px; background:#ebebeb; position:relative; width:350px; margin:-20px auto; font:12px Libre Caslon Display; text-transform:uppercase; letter-spacing:1px; color:black;}.title_paper em{font-style:initial; border-bottom:dotted 1px #9a3535;}.title_paper b{color:#9a3535;}.text_paper{padding:5px; text-align:justify; font:11px arial; line-height:15px; margin:30px auto 20px auto; width:380px; color:grey;}.text_paper font{color:#9a3535; font:15px Libre Caslon Display; font-weight:bold;}.info_paper{background-color:#cccccc; padding: 30px; color:black; font:11px Libre Caslon Display; height: 90px; text-transform: uppercase; text-align: right; letter-spacing:1px;}.imginfo{float: right; height: 100px; width: 100px; padding: 10px 12px; border-top: solid 3px black; border-bottom: solid 3px #9a3535; border-radius:100%; margin-left: 20px;margin-top:-20px;}.imginfo img{height: 100px; width: 100px; border-radius:100%; filter: grayscale(50%); border:solid 1px rgba(220, 220, 220, 0.5);}.entete_paper{letter-spacing: 4px; line-height: 30px;}.entete_paper strong{color: #9a3535;}.credits_paper{text-align:center; font:10px arial; text-transform:uppercase;letter-spacing:2px;}.credits_paper a {color:grey;}</style>


Dernière édition par Snake le Dim 29 Mar - 0:15, édité 1 fois
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:08



oNE !

Dans cette modeste boutique, vous pourrez venir acheter quelques objets qui vous seront utiles pour votre aventures, ainsi que quelques pokémons qui sont en attente d'un dresseur pour parcourir la région.
namelinkrelationship

two

I'm crazy for you. Touch me once and you know it's true. I never wanted anyone like this. It's all brand new. You'll feel it in my kiss. I'm crazy for you.
namelinkrelationship

three

When I try to explain it I be sounding insane The words don't ever come out right I get all tongue-tied and twisted. I can't explain what I'm feeling. And I say, baby, baby,
namelinkrelationship
Blossom
short description

Bienvenue !

Dans cette modeste boutique, vous pourrez venir acheter quelques objets qui vous seront utiles pour votre aventures, ainsi que quelques pokémons qui sont en attente d'un dresseur pour parcourir la région.  
Bubbles
short description

one

This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.  
Buttercup
short description

one

This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.  
Princess
short description

one

This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.  
first last
short description

one

This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.
namelinkrelationship

two

I'm crazy for you. Touch me once and you know it's true. I never wanted anyone like this. It's all brand new. You'll feel it in my kiss. I'm crazy for you.
namelinkrelationship

three

When I try to explain it I be sounding insane The words don't ever come out right I get all tongue-tied and twisted. I can't explain what I'm feeling. And I say, baby, baby,
namelinkrelationship
La boutique de Narcisse
Tout ce qu'il faut pour partir à l'aventure !



Code:
<style type="text/css">.feather-in { width: 500px; height: 500px; background: #fff; padding: 10px; text-align: left; font-family: Source Sans Pro; overflow: hidden; line-height: 1.2; border: 1px solid #f1f1f1;}.feather-out { padding: 20px; border: 1px solid #f1f1f1; width: 520px}.feather-case { width: 300px; height: 350px; margin-top:60px; padding: 10px; position: relative; background: #f7f7f7;}.feather-one label { position: absolute; margin-right: 20px; margin-top: -75px; float: left;}.feather-one [type=radio] {display: none;}.feather-two { border-radius: 100%; overflow: hidden; float: left; border: 5px solid #fff; box-shadow: 0px 0px 2px 0px #aaa;}.feather-three { background: #fff; position: absolute; padding: 20px; font-size: 10px; font-family: Roboto; color: #535353; height: 310px; position: absolute; width: 260px; -webkit-transition: 0.4s; opacity: 0; overflow: auto; text-align: justify;}.feather-three h1 { letter-spacing: -1px; text-transform: lowercase; color: #E79EA9; font-size: 23px;}.feather-three h2 { letter-spacing: -1px; text-transform: lowercase; color: #87CEEB; font-size: 23px;}.feather-three h3 { letter-spacing: -1px; text-transform: lowercase; color: #70DB93; font-size: 23px;}[type=radio]:checked ~ label {animation: shake 2s;}.feather-one [type=radio]:checked ~ label ~ .feather-three {z-index: 3; opacity: 1;}.feather-one [type=radio]:checked ~ label ~ .feather-four {opacity: 1;}.feather-one [type=radio]:checked ~ label ~ .feather-five {opacity: 1;}@keyframes shake { 1% {transform: rotate(10deg);} 3% {transform: rotate(12deg);} 5% {transform: rotate(15deg);} 7% {transform: rotate(12deg);} 9% {transform: rotate(10deg);} 11% {transform: rotate(0deg);} 13% {transform: rotate(-10deg);} 15% {transform: rotate(-12deg);} 17% {transform: rotate(-15deg);} 19% {transform: rotate(-12deg);}}#scrollers::-webkit-scrollbar {width: 15px;}#scrollers::-webkit-scrollbar-thumb {width: 10px; background: #fff; border: 1px solid #e4e4e4;}.feather-four { position: absolute; margin-top: -10px; border: 10px solid #f5f5f5; width: 150px; padding: 10px; opacity: 0; height: 330px; -webkit-transition: 0.4s;}.feather-five { position:absolute; bottom: -70px; left: 0px; border: 10px solid #f7f7f7; padding: 7px; width: 466px; font-family: Montserrat; font-size: 25px; font-weight: bold; color: #fff; text-transform: uppercase; text-align:right; opacity: 0; -webkit-transition: 0.4s;}.feather-six { font-family: Roboto; font-size: 13px; border-top: 1px solid; width: 400px; float: right;}.feather-ex { padding: 10px; color: #999; letter-spacing: 2px; font-size: 10px;}.feather-ex b, .feather-ex a { color: #fff; padding: 5px; margin-right: 5px; border-radius: 2px; letter-spacing: 0px; font-size: 11px;}#blossom {background: #E79EA9;}#bubbles {background: #87CEEB;}#buttercup {background: #70DB93;}#princess {background: #EDCB62;}#purple {background: #CD96CD;}#mainacc {background: #F4A460;}.bimg { width: 170px; height: 350px; margin: -10px; opacity: 0.2}.bimg2{ width: 40px; float: left; margin: 3px;}.fcredits { height: 10px; font-size: 11px; text-align: center; color: #EDCB62;}</style>

<link href="https://fonts.googleapis.com/css?family=Roboto|Source+Sans+Pro|Montserrat" rel="stylesheet"><center> <div class="feather-out"> <div class="feather-in"> <div class="feather-case"> <div class="feather-one"> <input type="radio" id="tab-1" name="tabs-group-1"> <label for="tab-1"> <div class="feather-two"><img src="http://placehold.it/50x50/F4F4F4"></div> </label> <div class="feather-three" id="scrollers"> <h1>oNE !</h1> Dans cette modeste boutique, vous pourrez venir acheter quelques objets qui vous seront utiles pour votre aventures, ainsi que quelques pokémons qui sont en attente d'un dresseur pour parcourir la région. <div class="feather-ex"> <b id="blossom">namelink</b>relationship<br> </div> <br> <h2>two</h2> I'm crazy for you. Touch me once and you know it's true. I never wanted anyone like this. It's all brand new. You'll feel it in my kiss. I'm crazy for you. <div class="feather-ex"> <b id="blossom">namelink</b>relationship<br> </div> <br> <h3>three</h3>When I try to explain it I be sounding insane The words don't ever come out right I get all tongue-tied and twisted. I can't explain what I'm feeling. And I say, baby, baby, <div class="feather-ex"> <b id="blossom">namelink</b>relationship<br> </div> </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover; margin-left: 300px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"> </div> <div class="feather-five" id="blossom"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> Blossom <div class="feather-six">short description</div> </div> </div> <div class="feather-one" style="margin-left: 80px;"> <input type="radio" id="tab-2" name="tabs-group-1"> <label for="tab-2"> <div class="feather-two"> <img src="http://placehold.it/50x50/F4F4F4"> </div> </label> <div class="feather-three" id="scrollers" style="margin-left:-80px;"><h1>Bienvenue !</h1> Dans cette modeste boutique, vous pourrez venir acheter quelques objets qui vous seront utiles pour votre aventures, ainsi que quelques pokémons qui sont en attente d'un dresseur pour parcourir la région.  </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:220px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"></div> <div class="feather-five" id="bubbles"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> Bubbles <div class="feather-six"> short description </div> </div> </div> <div class="feather-one" style="margin-left: 160px;"> <input type="radio" id="tab-3" name="tabs-group-1"> <label for="tab-3"> <div class="feather-two"><img src="http://placehold.it/50x50/F4F4F4"></div> </label> <div class="feather-three" id="scrollers" style="margin-left:-160px;"> <h1>one</h1> This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.  </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:140px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"></div> <div class="feather-five" id="buttercup"><img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> Buttercup <div class="feather-six"> short description </div> </div> </div> <div class="feather-one" style="margin-left: 240px;"> <input type="radio" id="tab-4" name="tabs-group-1"> <label for="tab-4"> <div class="feather-two"><img src="http://placehold.it/50x50/F4F4F4"></div> </label> <div class="feather-three" id="scrollers" style="margin-left:-240px;"> <h1>one</h1> This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.  </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:60px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"> </div> <div class="feather-five" id="princess"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> Princess <div class="feather-six"> short description </div> </div> </div> <div class="feather-one" style="margin-left: 320px;"> <input type="radio" id="tab-5" name="tabs-group-1"> <label for="tab-5"> <div class="feather-two"><img src="http://placehold.it/50x50/F4F4F4"></div> </label> <div class="feather-three" id="scrollers" style="margin-left:-320px;"> <h1>one</h1> This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.  </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:-20px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg""></div> <div class="feather-five" id="purple"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> first last <div class="feather-six"> short description </div> </div> </div> <div class="feather-one" style="margin-left: 400px;"> <input type="radio" id="tab-6" name="tabs-group-1" checked> <label for="tab-6"> <div class="feather-two"><img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" width=50></div> </label> <div class="feather-three" id="scrollers" style="margin-left:-400px;"> <h1>one</h1> This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked. <div class="feather-ex"> <b id="mainacc">namelink</b>relationship<br> </div> <br> <h2>two</h2> I'm crazy for you. Touch me once and you know it's true. I never wanted anyone like this. It's all brand new. You'll feel it in my kiss. I'm crazy for you. <div class="feather-ex"> <b id="mainacc">namelink</b>relationship<br> </div> <br> <h3>three</h3>When I try to explain it I be sounding insane The words don't ever come out right I get all tongue-tied and twisted. I can't explain what I'm feeling. And I say, baby, baby, <div class="feather-ex"> <b id="mainacc">namelink</b>relationship<br> </div> </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:-100px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"></div> <div class="feather-five" id="mainacc"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> La boutique de Narcisse <div class="feather-six"> Tout ce qu'il faut pour partir à l'aventure ! </div> </div> </div> </div> </div> </div><br> </center> </div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


Messages : 2654
Date d'inscription : 08/01/2012

Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitimeDim 29 Mar - 0:24

SHUT UP AND KISS MEI chose to really try and stick to the basics on this and take what you were giving us a little more literally in the hopes of creating something incredibly simple but hopefully satisfying both aesthetically and for the challenge. I couldn't shake the feeling that you meant it a little more literally anyway to see what people could do with the bare minimum.As such this template contains 1 color taken from the image, a 400px x 130px image, borders and preinstalled fonts from PB itself and that's it. Doesn't even have a background color and fully relies on the site's font css, color and post background color instead. probably the most advanced bit here is the vertical-align for the sake of everything aligning towards the top when the two table cells expand instead of being awkwardly centered. I actually really enjoyed doing this one, it was nice to do up something so simple and straight forward.
@endless and other ooc notes here
this is something endless


Code:
<style type="text/css">.e1 { padding: 7px; border: 1px solid #fea396; height: 128px; width: 400px;} .e1 img { width: 400px; height: 130px;} .e2 { width: 70px; border-right: 1px solid #fea396; color: #fea396; vertical-align: top; padding-right: 10px; text-align: right; font-size: 30px; font-family: impact;} .e3 { padding: 10px; text-align: justify; padding-right: 0px; vertical-align: top;} .e4 { padding: 7px; border: 1px solid #fea396; width: 400px;} .e5 { width: 400px; text-align: right; font: normal 10px/11px arial, serif; letter-spacing: 1px; text-transform: uppercase; padding-top: 5px;} </style><div align="center"><div class="e1"><img src="https://images2.imgbox.com/5f/39/8zwCGOdw_o.jpg"></div><table style="width:400px;" border="0"><tbody><tr><td class="e2">SHUT UP AND KISS ME</td><td class="e3">I chose to really try and stick to the basics on this and take what you were giving us a little more literally in the hopes of creating something incredibly simple but hopefully satisfying both aesthetically and for the challenge. I couldn't shake the feeling that you meant it a little more literally anyway to see what people could do with the bare minimum.As such this template contains 1 color taken from the image, a 400px x 130px image, borders and preinstalled fonts from PB itself and that's it. Doesn't even have a background color and fully relies on the site's font css, color and post background color instead. probably the most advanced bit here is the vertical-align for the sake of everything aligning towards the top when the two table cells expand instead of being awkwardly centered. I actually really enjoyed doing this one, it was nice to do up something so simple and straight forward.</td></tr></tbody></table><div class="e4"><div align="left"> @endless and other ooc notes here</div></div><div class="r5">this is something <a href="http://pixel-perfect.boards.net/user/52">endless</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Contenu sponsorisé





Codes et prez - Page 14 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 14 Icon_minitime

Revenir en haut Aller en bas
 
Codes et prez
Revenir en haut 
Page 14 sur 25Aller à la page : Précédent  1 ... 8 ... 13, 14, 15 ... 19 ... 25  Suivant
 Sujets similaires
-
» Prez Satinka
» Codes et polices

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Snake test :: Votre 1ère catégorie :: LA.-
Sauter vers: