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 : -29%
PC portable – MEDION 15,6″ FHD Intel i7 ...
Voir le deal
499.99 €

 

 Codes et prez

Aller en bas 
Aller à la page : Précédent  1 ... 7 ... 10, 11, 12 ... 18 ... 25  Suivant
AuteurMessage
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 28 Mai - 1:23

Relations ₪ Petite citation

Prénom P² Nom
₪ Lien Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.
Prénom P² Nom
₪ Lien Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.
Prénom P² Nom
₪ Lien Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.
Codage par Libella sur Graphiorum


Code:
<center><div class="fond"><div class="titre">Relations ₪ Petite citation</div>
<div class="barre"></div><div class="liens"><img src="http://68.media.tumblr.com/f01399b3f893a4490cb792e86a2450f8/tumblr_inline_omb6spqdVf1uyshu5_540.png" style="float: left;width:115px;margin-right:5px;"><div class="titre_relation">Prénom P² Nom</div>[b]₪ Lien [/b] Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.</div><div class="barre"></div><div class="liens"><img src="http://68.media.tumblr.com/f01399b3f893a4490cb792e86a2450f8/tumblr_inline_omb6spqdVf1uyshu5_540.png" style="float: left;width:115px;margin-right:5px;"><div class="titre_relation">Prénom P² Nom</div>[b]₪ Lien [/b] Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.</div><div class="barre"></div><div class="liens"><img src="http://68.media.tumblr.com/f01399b3f893a4490cb792e86a2450f8/tumblr_inline_omb6spqdVf1uyshu5_540.png" style="float: left;width:115px;margin-right:5px;"><div class="titre_relation">Prénom P² Nom</div>[b]₪ Lien [/b] Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.Tu autem, Fanni, quod mihi tantum tribui dicis quantum ego nec adgnosco nec postulo, facis amice; sed, ut mihi videris, non recte iudicas de Catone; aut enim nemo, quod quidem magis credo, aut si quisquam, ille sapiens fuit. Quo modo, ut alia omittam, mortem filii tulit! memineram Paulum, videram Galum, sed hi in pueris, Cato in perfecto et spectato viro.</div><div class="barre"></div><div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 28 Mai - 1:24

Prénom Prénom² Nom
Histoire/chronologie
Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur. Montius nos tumore inusitato quodam et novo ut rebellis et maiestati recalcitrantes Augustae per haec quae strepit incusat iratus nimirum quod contumacem praefectum, quid rerum ordo postulat ignorare dissimulantem formidine tenus iusserim custodiri. Hac ita persuasione reducti intra moenia bellatores obseratis undique portarum aditibus, propugnaculis insistebant et pinnis, congesta undique saxa telaque habentes in promptu, ut si quis se proripuisset interius, multitudine missilium sterneretur et lapidum.
Identité
◮ Surnom :
◮ Date de naissance/Âge :
◮ Nationalité :
◮ Famille :
◮ Orientation :
◮ Statut :
◮ Emploi :
◮ Groupe :
Apparences

◮ Taille :
◮ Poids :
◮ Couleur des cheveux :
◮ Couleurs des yeux :
◮ Tatouage, cicatrices, tâches ou grain de beauté particuliers :
◮ Avatar :
Caractéristiques

◮ Caractère :
◮ Langues parlées :
◮ Aspiration :
◮ Goûts :
◮ Peur :
◮ Crédit images :
◮ Informations marquantes :
Liens recherchés
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
Codage par Libella sur Graphiorum


Code:
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"><style type="text/css">.graphiorum {width: 190px; height: 310px;overflow:auto; font-family: Tahoma; font-size:13px; background-color:#E9E9EB; text-align: justify; padding: 5px; opacity:0.0; -webkit-transition: opacity .6 linear; -moz-transition: opacity .6s linear; -o-transition: opacity .6s linear;}.graphiorum:hover {opacity: 1} .avatar { width: 200px; height: 320px; background: #EEE; padding: 5px;}</style> <center><div style="width:480px;padding:8px;background:#DBDBDB;color:#818181"><center><img src="http://68.media.tumblr.com/4833bf48d50ae11199c19e96466cc62d/tumblr_inline_o5xc7zOLEj1rifr4k_250.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="http://68.media.tumblr.com/948573ba221a0e7e83a405b9f0cf36d5/tumblr_inline_o5xcnrymOC1rifr4k_500.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="http://68.media.tumblr.com/ec2b2dce9cab267027e4b41479540d58/tumblr_inline_o5xd00OoL01rifr4k_500.gif" style="width:145px;height:145px;border:solid 5px #EEE"/><div style="width:451px;padding:11px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Prénom Prénom² Nom</div></center><table style="margin-top:2px"><td style="background:#EEE;width:200px;height:320px;"><div class="avatar"><div style="width: 200px; height: 320px; background-image: url('https://i59.servimg.com/u/f59/11/71/06/21/sebast13.jpg'); "><div class="graphiorum"><div style="width:150px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Histoire/chronologie</div>Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur. Montius nos tumore inusitato quodam et novo ut rebellis et maiestati recalcitrantes Augustae per haec quae strepit incusat iratus nimirum quod contumacem praefectum, quid rerum ordo postulat ignorare dissimulantem formidine tenus iusserim custodiri. Hac ita persuasione reducti intra moenia bellatores obseratis undique portarum aditibus, propugnaculis insistebant et pinnis, congesta undique saxa telaque habentes in promptu, ut si quis se proripuisset interius, multitudine missilium sterneretur et lapidum.</div></div></div></td><td><div style="background:#EEE;width:249px;height:320px;overflow:auto; padding:5px;"><div style="width:200px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Identité</div>◮ Surnom :
◮ Date de naissance/Âge :
◮ Nationalité :
◮ Famille :
◮ Orientation :
◮ Statut :
◮ Emploi :
◮ Groupe :
<div style="width:200px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Apparences</div>
◮ Taille :
◮ Poids :
◮ Couleur des cheveux :
◮ Couleurs des yeux :
◮ Tatouage, cicatrices, tâches ou grain de beauté particuliers :
◮ Avatar :
<div style="width:200px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Caractéristiques</div>
◮ Caractère :
◮ Langues parlées :
◮ Aspiration :
◮ Goûts :
◮ Peur :
◮ Crédit images :
◮ Informations marquantes :</div></td></table><div style="width:451px;padding:11px;margin-top:2px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Liens recherchés</div><div style="width:451px;height:150px; overflow:auto;padding:11px;margin-top:5px;text-align:justify;background:#EEE">(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...</div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 28 Mai - 1:25

Relations
Prénom Nom ◮ Relation
Quod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.
Prénom Nom ◮ Relation
Quod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.
Prénom Nom ◮ Relation
Quod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.
Prénom Nom ◮ Relation
Quod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.
Codage par Libella sur Graphiorum


Code:
<style type="text/css">.prenom {width:415px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181} .relation {width:451px;height:155px;overflow:auto;margin-top:10px;padding:11px;text-align:justify;background:#EEE;}</style><link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"> <center><div style="width:480px;padding:8px;background:#DBDBDB;color:#818181"><div style="width:451px;padding:11px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Relations</div><!-- Début relation --><div class="relation"><img src="https://i59.servimg.com/u/f59/11/71/06/21/sebast13.jpg" style="float:right;margin-left:8px;margin-right:-5px;width:100px;border: 1px solid #818181"><div class="prenom">Prénom Nom ◮ <i>Relation</i></div>Quod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.</div><!-- Début nouvelle relation --><div class="relation"><img src="https://i59.servimg.com/u/f59/11/71/06/21/sebast13.jpg" style="float:left;margin-right:8px;width:100px;border: 1px solid #818181"><div class="prenom">Prénom Nom ◮ <i>Relation</i></div>Quod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.</div><!-- Début nouvelle relation --><div class="relation"><img src="https://i59.servimg.com/u/f59/11/71/06/21/sebast13.jpg" style="float:right;margin-left:8px;margin-right:-5px;width:100px;border: 1px solid #818181"><div class="prenom">Prénom Nom ◮ <i>Relation</i></div>Quod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.</div><!-- Début nouvelle relation --><div class="relation"><img src="https://i59.servimg.com/u/f59/11/71/06/21/sebast13.jpg" style="float:left;margin-right:8px;width:100px;border: 1px solid #818181"><div class="prenom">Prénom Nom ◮ <i>Relation</i></div>Quod si rectum statuerimus vel concedere amicis, quidquid velint, vel impetrare ab iis, quidquid velimus, perfecta quidem sapientia si simus, nihil habeat res vitii; sed loquimur de iis amicis qui ante oculos sunt, quos vidimus aut de quibus memoriam accepimus, quos novit vita communis. Ex hoc numero nobis exempla sumenda sunt, et eorum quidem maxime qui ad sapientiam proxime accedunt.</div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 28 Mai - 1:25



Titre de la présentation
“ Un petit sous-titre descriptif ou une citation sur le personnage ”
Nom personnage ressemble à Avatar.
Anecdotes
du jour
Anecdote sur le personnage, comme ses goûts, ses peurs, ses aspirations, ce qui le distingue comme un tatouage, des cicatrices, des tâches ou grains de beauté particuliers, etc.
Points clefs
de l'histoire
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
Identité
et caractère
Prénom Prénom² Nom, surnommé Surnom, est aujourd'hui âgé de Âge, puisqu'il est né le Date de naissance à Lieu de naissance. Vivant à Ville ou quartier, de nationalité Nationalité, Prénom est originaire de Origine. Actuellement Statut et Orientation sexuelle, il poursuit son Métier/étude. Il a rejoint très tôt le groupe des Groupe.

Personnage est connu pour être liste qualités et défauts
Les petites
annonces
Personnage est à la recherche de plusieurs liens :
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
Codage par Libella sur Graphiorum


Code:
<style type="text/css">.journalpage {width:530px; padding:8px;background:#E6E7E9;color:#000} .journaltitre {width:480px; height:30px; padding:20px 10px 10px 10px; font-family: 'Cinzel', serif;font-size:35px; letter-spacing: -1px;font-weight:bold;background:#BF5A1E;color:white} .journalsoustitre {font-family: helvetica, sans-serif;font-size: 12px;font-style: italic} .journalstimage {width:245px;font-family: helvetica, sans-serif;font-size: 10px;font-style: italic;} .journal2column {width:245px; height:400px;overflow:auto; column-width: 111px;column-count: 2; -moz-column-count: 2; webkit-column-count: 2;column-gap: 22px;-webkit-column-gap: 22px;column-rule: 3px solid #8A8B8C} .titreA2column {font-family: 'Cinzel', serif;font-size:18px;text-align:left;margin-top:8px; letter-spacing: -1px;font-weight:bold;color:#BF5A1E;} .titreB2column {font-family: 'Cinzel', serif;font-size:18px; text-align:left;letter-spacing: -1px;font-weight:bold;color:#000;} .journaltextdroite {width:235px;height:660px;padding-left:8px;overflow:auto;border-left:3px solid #8A8B8C} .journaltitreC {font-family: 'Cinzel', serif;font-size:25px;text-align:left; letter-spacing: -1px;font-weight:bold;color:#BF5A1E;} .journaltitreD {font-family: 'Cinzel', serif;font-size:25px; text-align:left;letter-spacing: -1px;font-weight:bold;color:#000;}</style><link href='http://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>

<center><div class="journalpage"><div class="journaltitre">Titre de la présentation</div><div class="journalsoustitre">“ Un petit sous-titre descriptif ou une citation sur le personnage ”</div><table><td style="width:245px"><div style="width:245px; height:245px;background:url('http://78.media.tumblr.com/tumblr_m3nxwuJmjR1qff28y.gif');background-size:110%"></div><div class="journalstimage">Nom personnage ressemble à <strong>Avatar</strong>.</div><div class="journal2column"><div class="titreA2column">Anecdotes</div><div class="titreB2column">du jour</div><div style="text-align:justify;margin-top:8px">Anecdote sur le personnage, comme ses goûts, ses peurs, ses aspirations, ce qui le distingue comme un tatouage, des cicatrices, des tâches ou grains de beauté particuliers, etc. </div><div class="titreA2column">Points clefs</div><div class="titreB2column">de l'histoire</div><div style="text-align:justify;margin-top:8px">Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.</div></div></td><td><div class="journaltextdroite"><div class="journaltitreC">Identité</div><div class="journaltitreD">et caractère</div><div style="text-align:justify;margin-top:8px;margin-bottom:15px"><strong>Prénom Prénom² Nom</strong>, surnommé <strong>Surnom</strong>, est aujourd'hui âgé de <strong>Âge</strong>, puisqu'il est né le <strong>Date de naissance</strong> à <strong>Lieu de naissance</strong>. Vivant à <strong>Ville ou quartier</strong>, de nationalité <strong>Nationalité</strong>, Prénom est originaire de <strong>Origine</strong>. Actuellement <strong>Statut</strong> et <strong>Orientation sexuelle</strong>, il poursuit son <strong>Métier/étude</strong>. Il a rejoint très tôt le groupe des <strong>Groupe</strong>.<br><br>Personnage est connu pour être <strong>liste qualités et défauts</strong></div><div class="journaltitreC">Les petites</div><div class="journaltitreD">annonces</div><div style="text-align:justify;margin-top:8px">Personnage est à la recherche de plusieurs liens :
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...
(♂/♀) Nom du lien ► Description ...</div></div></td></table><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 28 Mai - 1:25



Les relations de Personnage
“ Un petit sous-titre descriptif ou une citation ”
Nature du
lien
Prénom Nom a été aperçu non loin de là.
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
Nature du
lien
Prénom Nom a été aperçu non loin de là.
Codage par Libella sur Graphiorum


Code:
<style type="text/css">.newstitre {width:475px; padding:10px; font-family: 'Cinzel', serif;font-size:35px; letter-spacing: -1px;font-weight:bold;color:#BF5A1E;} .newstitreA {font-family: 'Cinzel', serif;font-size:25px;text-align:left; letter-spacing: -1px;font-weight:bold;color:#BF5A1E;} .newstitreB {font-family: 'Cinzel', serif;font-size:25px;text-align:left; letter-spacing: -1px;font-weight:bold;color:#000;} .newsidentite {width:245px;font-family: helvetica, sans-serif;font-size: 10px;font-style: italic;} .newsrelationgauche {width:270px; height:300px;overflow:auto; column-width: 101px ;column-count: 2; -moz-column-count: 2; webkit-column-count: 2;column-gap: 22px;-webkit-column-gap: 22px;column-rule: 3px solid #8A8B8C} .newsrelationdroite {width:270px; height:300px;overflow:auto;margin-right:20px; column-width: 101px ;column-count: 2; -moz-column-count: 2; webkit-column-count: 2;column-gap: 22px;-webkit-column-gap: 22px;column-rule: 3px solid #8A8B8C}</style>

<link href='http://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'><center><div class="journalpage"><div class="newstitre">Les relations de Personnage</div><div class="journalsoustitre">“ Un petit sous-titre descriptif ou une citation ”</div><!-- Relation image gauche --><table><td><div class="newstitreA">Nature du</div><div class="newstitreB">lien</div><div style="width:225px; height:225px;background:url('http://78.media.tumblr.com/tumblr_m3nxwuJmjR1qff28y.gif');background-size:110%"></div><div class="newsidentite"><strong>Prénom Nom</strong> a été aperçu non loin de là.</div></td><td><div class="newsrelationgauche"><div style="text-align:justify;margin-top:8px"><div style="text-align:justify;margin-top:8px">Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.</div></div></td></table><!-- FIN Relation image gauche --><!-- Relation image droite --><table><td><div class="newsrelationdroite"><div style="text-align:justify;margin-top:8px"><div style="text-align:justify;margin-top:8px">Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora. Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.</div></div></td><td><div class="newstitreA">Nature du</div><div class="newstitreB">lien</div><div style="width:225px; height:225px;background:url('http://78.media.tumblr.com/tumblr_m3nxwuJmjR1qff28y.gif');background-size:110%"></div><div class="newsidentite"><strong>Prénom Nom</strong> a été aperçu non loin de là.</div></td></table><!-- FIN Relation image droite --><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 28 Mai - 1:28

Texte1
Texte2


Code:
<link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'><center><div style="font-family: 'Anton', sans-serif;font-size:45px; color:darkgrey">Texte1</div><div style="font-family: 'Anton', sans-serif;font-size:45px; color:grey; margin-top:-5px">Texte2</div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeVen 15 Juin - 0:10

LE TITRE DU FORUM
Forum de discussion manga

▬ QU'EST-CE QUE CE FORUM ?
CONTEXTE | MISE EN SITUATION | INFORMATIONS. Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in

bienvenue parmi nous !
FICHE PAR DITA | EPICODE


Code:
  <center><div style="width:450px;background-color:#FFFFFF;border: 1px solid #D6D6D6;border-top: 4px solid #ACE5B8; border-bottom: 4px solid #9FD1D8; padding: 5px; ; "><span style="display: block; width:410px; height: 175px; margin: 10px; background: url(http://otakuu.o.t.pic.centerblog.net/f999e9f2.gif) center; ceter; border:2px solid #ACE5B8;"></span><div style="line-height:10px;"><div style="color:#949EBC;font-family:Georgia; font-size:10pt;letter-spacing:2px;text-transform:uppercase; text-align:center;">LE TITRE DU FORUM</div><div style="margin-bottom:3px;"><div style="letter-spacing:3px;font-size:8px; font-family:Georgia; color:#fff;">Forum de discussion manga</div></div></div>
    <div style="font-size: 10px; letter-spacing: 2px; font-family: Georgia; text-transform: uppercase; text-shadow:  black 0px 0px 7px white; margin-left: 10px; text-align:left;">[color=hotblue]▬ QU'EST-CE QUE CE FORUM ?[/color]</div><div style=" text-align:justify; font-size:10px;"> [size=12]☇[/size] CONTEXTE | MISE EN SITUATION | INFORMATIONS. Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in

    Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in

    </div><div style="font-size: 10px; letter-spacing: 2px; font-family: Georgia; text-transform: uppercase; text-shadow:  black 0px 0px 7px white; color:green; margin-left: 10px; text-align:right;">bienvenue parmi nous !</div><div style="font-size: 7px; letter-spacing: 2px; font-family: Georgia; text-transform: uppercase; text-align:right; color:hotpink;">FICHE PAR DITA | [url=http://epicode.bbactif.com/]EPICODE[/url]</div></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeVen 15 Juin - 0:12




Carte d'identitéPour vous connaître un peu mieux
Votre Personnage
NOM:
SURNOM:
GENRE:
AGE:
CLAN/TRIBU/ETC:
Vous
VOTRE PUF:
VOTRE AGE:
COMMENT AVEZ-VOUS CONNU LE FORUM?
AVEZ-VOUS DES SUGGESTIONS POUR LE FORUM?
AVEZ-VOUS LU LE RÈGLEMENT?:
CODE DU RÈGLEMENT:
PETIT MOT DE LA FIN:
Son image:
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.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Son caractère:
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.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Son histoire:
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.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
© gotheim pour epicode


Code:
<center><link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'><table style="border-collapse: collapse;"><tr><th colspan="2"><img src="https://2img.net/r/hpimg11/pics/694772cherryblossom2687127587hdwallpapers.png" /></th></tr>
<tr style="width:700px; height:40px; font-size:15px; font-family: 'PT Sans Narrow', sans-serif; text-transform:uppercase; text-align:center; background-color:#544946; color:#fff4f4;"><td style="width:250px;">Carte d'identité</td><td style="width:450px;">Pour vous connaître un peu mieux</td></tr>
<tr style="width:700px; height:600px;"><td style="width:250px;height:600px; max-height:600px; overflow:auto;background-color:#98776d; padding:10px; text-align:justify;"><div style="text-align:center;"><img src="https://2img.net/r/hpimg15/pics/282197LOGO1.png" /><img src="https://2img.net/r/hpimg15/pics/215725logo3.png" style="margin-left:20px;" /><img src="https://2img.net/r/hpimg15/pics/853602logo2.png" style="margin-left:20px;" /></div><div style="margin-top: 15px;"><span style="font-family: 'Petit Formal Script', cursive; color:#ffd7de; font-size:20px;">Votre Personnage</span><div style="border-left:3px solid #ffd7de; margin-top:5px; padding-left:5px; color:#38312f;">[size=11]NOM:[/size]<br />[size=11]SURNOM:[/size]<br />[size=11]GENRE:[/size]<br />[size=11]AGE:[/size]<br />[size=11]CLAN/TRIBU/ETC:[/size]<br /></div></div><div style="text-align:center; margin-top:15px;"><img src="https://2img.net/r/hpimg15/pics/282197LOGO1.png" /><img src="https://2img.net/r/hpimg15/pics/215725logo3.png" style="margin-left:20px;" /><img src="https://2img.net/r/hpimg15/pics/853602logo2.png" style="margin-left:20px;" /></div><div style="margin-top:15px;"><span style="font-family: 'Petit Formal Script', cursive; color:#ffd7de; font-size:20px;">Vous</span><div style="border-left:3px solid #ffd7de; margin-top:5px; padding-left:5px; color:#38312f;">[size=11]VOTRE PUF:[/size]<br />[size=11]VOTRE AGE:[/size]<br />[size=11]COMMENT AVEZ-VOUS CONNU LE FORUM?[/size]<br />[size=11]AVEZ-VOUS DES SUGGESTIONS POUR LE FORUM?[/size]<br />[size=11]AVEZ-VOUS LU LE RÈGLEMENT?:[/size]<br />[size=11]CODE DU RÈGLEMENT:[/size]<br />[size=11]PETIT MOT DE LA FIN:[/size]<br /></div></div><div style="text-align:center; margin-top:15px;"><img src="https://2img.net/r/hpimg15/pics/282197LOGO1.png" /><img src="https://2img.net/r/hpimg15/pics/215725logo3.png" style="margin-left:20px;" /><img src="https://2img.net/r/hpimg15/pics/853602logo2.png" style="margin-left:20px;" /></div></td><td style="width:450px; height:600px; background-color:#deccc0; padding:10px;"><div style="max-height:600px; overflow:auto; margin-left:auto; color:#544946;"><div style="margin-top:15px; text-align:center;"><span style="font-family: 'Petit Formal Script', cursive; color:#e1566c; font-size:20px;">Son image:</span><div style="width:400px; border-radius: 25px; background-color:#fff4f4; padding:10px; text-align:justify;">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.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></div><div style="margin-top:15px; text-align:center;"><span style="font-family: 'Petit Formal Script', cursive; color:#e1566c; font-size:20px;">Son caractère:</span><div style="width:400px; border-radius: 25px; background-color:#fff4f4; padding:10px; text-align:justify;">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.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></div><div style="margin-top:15px; text-align:center;"><span style="font-family: 'Petit Formal Script', cursive; color:#e1566c; font-size:20px;">Son histoire:</span><div style="width:400px; border-radius: 25px; background-color:#fff4f4; padding:10px; text-align:justify;">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.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></div></div></td></tr>
</table>
<span style="font-size:10px;">© gotheim pour <a href="http://www.epicode-entraide.com/" target="blank">epicode</a></span></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeVen 15 Juin - 0:13



Nom & Prénom

♦Né un ...
♦Âgé de ...
♦De sexe ...

♦Plus attiré par ...
♦De nationalité ...

♦Un métier de ...
♦D'une famille ...

♦Dans le groupe ...
♦Utilise l'avatar de ...




Ce que je vois dans le miroir

Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.





Ce qui se passe dans ma tête

Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.





Ce que j'ai fait de ma vie

Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.



Ce que je suis vraiment

On me surnomme ...
J'ai ... ans
Je serais active ..
Je suis arrivé ici ...
Ce que j'aime ici, c'est ...
Et le code du règlement est ...


Créé par Sinn sur Epicode



Code:
    <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
    <center><div style="background-image:url('http://i80.servimg.com/u/f80/16/18/89/86/test_p10.jpg');width:500px;height:400px;border-top:5px solid #615379; border-right:3px solid #615379; border-left:3px solid #615379;border-bottom:1px solid #615379;border-radius: 30px 30px 0px 0px;"></div>
    <div style="background-color:#bab7c1;width:500px;border-top:0px solid #615379; border-right:3px solid #615379; border-left:3px solid #615379;border-bottom:5px solid #615379;border-radius: 00px 00px 30px 30px;"><div style="font-family:Clicker Script; font-size:50px;color:#652295; text-align:center; margin-top:-100px;"><span style="text-shadow:1px 1px 3px #28101F;">Nom & Prénom</span></div>
    <center><table><tr><td><div style="background-color:#7e698e;width:225px;height:258px;border-radius:30px 0px 0px 30px;margin-top:-15px;margin-left:43px;padding:10px;"><font color="#28101F">♦Né un ...
    ♦Âgé de ...
    ♦De sexe ...

    ♦Plus attiré par ...
    ♦De nationalité ...

    ♦Un métier de ...
    ♦D'une famille ...

    ♦Dans le groupe ...
    ♦Utilise l'avatar de ...</font></div></td><td><div style="background-image:url('http://i80.servimg.com/u/f80/16/18/89/86/test_p12.jpg');width:200px;height:272px;border-radius:0px 300px 300px 0px;margin-top:-15px;border: 3px solid #7e698e;margin-right:10px;margin-left:-5px;"></div></td></tr></table></center>


    <div style="background-image:url('http://i80.servimg.com/u/f80/16/18/89/86/test_p13.jpg');width:100px;height:100px;border: 3px solid #7e698e;border-radius:50px;margin-top:-50px;margin-left:5px;position: absolute;"></div>
    <div style="background-color:#7e698e;width:425px;height:200px;border-radius:30px 0px 0px 30px;margin-top:-15px;margin-left:20px;padding:5px;"><div style="font-family:Clicker Script; font-size:40px;color:#652295; text-align:center; margin-top:5px;margin-left:50px;"><span style="text-shadow:1px 1px 3px #28101F;font-color:#28101F;">Ce que je vois dans le miroir</span></div>
    <div style="overflow:auto;height:150px;width:425px;margin-top:5px;"><font color="#28101F">Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.</font></div>
    </div>


    <div style="background-image:url('http://i80.servimg.com/u/f80/16/18/89/86/test_p14.jpg');width:100px;height:100px;border: 3px solid #7e698e;border-radius:50px;margin-top:-50px;margin-left:5px;position: absolute;"></div>
    <div style="background-color:#7e698e;width:425px;height:200px;border-radius:30px 0px 0px 30px;margin-top:-15px;margin-left:20px;padding:5px;"><div style="font-family:Clicker Script; font-size:40px;color:#652295; text-align:center; margin-top:5px;margin-left:50px;"><span style="text-shadow:1px 1px 3px #28101F;font-color:#28101F;">Ce qui se passe dans ma tête</span></div>
    <div style="overflow:auto;height:150px;width:425px;margin-top:5px;"><font color="#28101F">Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.</font></div>
    </div>


    <div style="background-image:url('http://i80.servimg.com/u/f80/16/18/89/86/test_p15.jpg');width:100px;height:100px;border: 3px solid #7e698e;border-radius:50px;margin-top:-50px;margin-left:5px;position: absolute;"></div>
    <div style="background-color:#7e698e;width:425px;height:300px;border-radius:30px 0px 0px 30px;margin-top:-15px;margin-left:20px;padding:5px;"><div style="font-family:Clicker Script; font-size:40px;color:#652295; text-align:center; margin-top:5px;margin-left:50px;"><span style="text-shadow:1px 1px 3px #28101F;font-color:#28101F;">Ce que j'ai fait de ma vie</span></div>
    <div style="overflow:auto;height:250px;width:425px;margin-top:5px;"><font color="#28101F">Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.Et ferro hocque districtum Catenae periculorum iustissimus conplicandis in dextera ad periculorum quoque percitus pluribus studium districtum eos et defensantem ut ferro dirus ferire existimans hoc eos eum vita eos quia ausus instabat ferire mortis quoque languente vicarium inpegit tribunis vinctum dirus multorum ut artifex defensantem communium ausus cognomentum studium communium artifex minui inditum levare ipsum cognomentum artifex dextera communium ut quia pluribus existimans praeerat inditum in et Paulus comitatum urgente artifex artifex miserabiles et est ferire eum erat ipsum quo inditum inditum communium inpegit unde languente negotiis quibus eundem minui Paulum in pluribus unde vinctum suum suum exitio deformi.</font></div>
    </div>

    <div style="background-color:#7e698e;width:425px;height:200px;border-radius:30px;margin-top:-15px;margin-left:0px;padding:5px;"><div style="font-family:Clicker Script; font-size:40px;color:#652295; text-align:center; margin-top:5px;margin-left:30px;"><span style="text-shadow:1px 1px 3px #28101F;">Ce que je suis vraiment</span></div>
    <font color="#28101F">On me surnomme ...
    J'ai ... ans
    Je serais active ..
    Je suis arrivé ici ...
    Ce que j'aime ici, c'est ...
    Et le code du règlement est ...</font>
    </div>
    [size=9]<font color="#28101F">Créé par Sinn sur <a href="http://epicode.bbactif.com/">Epicode</a></font>[/size]
    </div>
  </center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeVen 15 Juin - 0:18

MY MANIAC PRESENTATION MY MANIAC PRESENTATION
Codes et prez - Page 11 Hatsunemikugir2pxof4uv1
MY MANIAC PRESENTATION MY MANIAC PRESENTATION

× Nom et prénom : XX
× Sexe : Féminin / Masculin
× Âge : XX ans
× Métier : XX ans
× Niveau : XX année
× Classe : XX
× Club : Le club de XX
× Race : XX
× Prénom ou surnom : XX
× Sexe : Féminin / Masculin
× Âge : XX ans
× Nationalité : XX
× Présence : X / 10
× Code : XX
PHYSIC PHYSIC

[color=#5E5E5E]Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in [color=#5E5E5E]
[color=#5E5E5E]

MENTAL MENTAL

[color=#5E5E5E]Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in [color=#5E5E5E]
[color=#5E5E5E]

MY DEADLY HISTORY MY DEADLY HISTORY


Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in
Fiche par Dita | Epicode


Code:
    <center><div style=";text-align: center; background-color:#000;padding: 0px; width: 500px;border-left:15px solid #000;border-right:15px solid #000;"><div style="margin-bottom:0px; background-color:#000; text-transform:small-caps;font-size:15px;line-height:18px;">[color=hotblue][b]☢[/b] MY MANIAC PRESENTATION [b]☢[/b] MY MANIAC PRESENTATION [b]☢[/b][/color]</div>[img]http://www.fotos-hochladen.net/uploads/hatsunemikugir2pxof4uv1.gif[/img]<div style="background-color:#000; text-transform:small-caps;font-size:15px; text-align:center;width:500px;color:#ff3c00;line-height:18px;">[b]☢[/b] MY MANIAC PRESENTATION [b]☢[/b] MY MANIAC PRESENTATION [b]☢[/b]</div>
    [justify][size=10][color=#5E5E5E]<table width="100%" cellspacing="8px" cellpadding="0px"><tr><td width="50%">× Nom et prénom : XX
    × Sexe : Féminin / Masculin
    × Âge : XX ans
    × Métier : XX ans </td><td width="50%">× Niveau : XX année
    × Classe : XX
    × Club : Le club de XX
    × Race : XX</td></tr></table><span style="display: block; width: 100%;border-bottom: 1px dashed #333333;"></span><table width="100%" cellspacing="8px" cellpadding="0px"><tr><td width="50%">× Prénom ou surnom : XX
    × Sexe : Féminin / Masculin
    × Âge : XX ans</td><td width="50%">× Nationalité : XX
    × Présence : X / 10
    × Code : XX</td></tr></table>[/color][/size][/justify]
    <table width="100%" cellspacing="8px" cellpadding="0px"><tr><td width="50%"><div style="margin-bottom:3px; background-color:#000; text-transform:small-caps;font-size:15px;text-align: center;">[color=HOTBLUE][b]☢[/b] PHYSIC [b]☢[/b] PHYSIC [b]☢[/b][/color]</div>
    [justify][size=10][color=#5E5E5E]Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in [/size][color=#5E5E5E][color=#5E5E5E][/color][/justify][color=#5E5E5E]

    </td><td width="50%"><div style="margin-bottom:3px; background-color:#000; text-transform:small-caps;font-size:15px;text-align: center;">[color=HOTBLUE][b]☢[/b] MENTAL [b]☢[/b] MENTAL [b]☢[/b][/color]</div>
    [justify][size=10][color=#5E5E5E]Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in [/size][color=#5E5E5E][color=#5E5E5E][/color][/justify][color=#5E5E5E]

    </td></tr></table><div style="margin-bottom:3px; background-color:#000; text-transform:small-caps;font-size:15px;text-align: center;">[color=#ff3c00][b]☢[/b] MY DEADLY HISTORY [b]☢[/b] MY DEADLY HISTORY [b]☢[/b][/color]</div>

    [justify][size=10][color=#5E5E5E]Lorem ipsum dolor sit amet, consectetur adipisicing 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. Duis aute irure dolor in reprehenderit in[/color][/size][/justify]
    <div style="margin-bottom:0px; background-color:#000; text-transform:small-caps;font-size:8px;">[color=#ffffff] Fiche par Dita | [url=http://epicode.bbactif.com/]Epicode[/url][/color]</DIV></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeVen 15 Juin - 0:19



Nom

Groupe
Présentation -

Âge : Ecrire ici ;
Espèce : Ecrire ici ;
Sexe : Ecrire ici ;
Orientation sexuelle : Ecrire ici ;
Lieu de vie : Ecrire ici ;
Rang : Ecrire ici ;
Signe particulier : Ecrire ici ;

Physique : décrivez le physique de votre personnage en quelques lignes.
Psychologie -
Décrivez ici le caractère de votre personnage, ce qu'il n'aime ou n'aime pas, ses qualités et défauts principaux, sa manière de penser... Faites un minimum de 5 lignes afin de bien développer votre personnage.
Histoire -
Racontez ici l'histoire de votre personnage. Nous demandons 5 lignes minimum. Si vous ne savez pas quoi écrire, vous pouvez développer ces points :
- lieu de naissance
- relation avec ses parents ou sa famille
- quelques événements majeurs, bouleversants voire traumatisants pour votre personnage

Et toi ?
Pseudo : Pseudo généralement utilisé sur Internet ;
Âge : Si vous le voulez bien...
Comment avez vous découvert le forum ? Partenaires, top-sites, membre...
Qu'en pensez vous ? Quelque chose à nous dire sur le forum ?

Code par Aadelrun


Code:
<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div class="entete"><div class="name"><br/><span class="gtitre">Nom</span></div><div class="group"><br/><span class="gtitre">Groupe</span></div></div><div class="background"><table><tr><td><div class="infoz"><span class="h2">Présentation -</span>
<span class="texte">
<b>Âge :</b> Ecrire ici ;
<b>Espèce :</b> Ecrire ici ;
<b>Sexe :</b> Ecrire ici ;
<b>Orientation sexuelle :</b> Ecrire ici ;
<b>Lieu de vie :</b> Ecrire ici ;
<b>Rang :</b> Ecrire ici ;
<b>Signe particulier :</b> Ecrire ici ;

<b>Physique :</b> décrivez le physique de votre personnage en quelques lignes.</span></td><td><div class="avatar200x400"><img src="http://image.noelshack.com/fichiers/2017/48/6/1512229755-ashe.jpg"/></div></td></tr></table><div class="contenu"><span class="h2">Psychologie -</span>
<span class="texte">Décrivez ici le caractère de votre personnage, ce qu'il n'aime ou n'aime pas, ses qualités et défauts principaux, sa manière de penser... Faites un minimum de 5 lignes afin de bien développer votre personnage.</span></div><div class="contenu"><span class="h2">Histoire -</span>
<span class="texte">Racontez ici l'histoire de votre personnage. Nous demandons 5 lignes minimum. Si vous ne savez pas quoi écrire, vous pouvez développer ces points :
- lieu de naissance
- relation avec ses parents ou sa famille
- quelques événements majeurs, bouleversants voire traumatisants pour votre personnage</span></div>
<table><tr><td><div class="icone100x100"><img src="http://image.noelshack.com/fichiers/2017/48/6/1512230268-signature.png"/></div></td><td><div class="joueur"><span class="h2">Et toi ?</span>
<span class="texte"><b>Pseudo :</b> Pseudo généralement utilisé sur Internet ;
<b>Âge :</b> Si vous le voulez bien...
<b>Comment avez vous découvert le forum ?</b> Partenaires, top-sites, membre...
<b>Qu'en pensez vous ?</b> Quelque chose à nous dire sur le forum ?</span></div></td></tr></table>
<br/><span class="credits"><center><a href="http://epicode.bbactif.com">Code par Aadelrun</a></center></span></div>

LE CSS:
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeVen 15 Juin - 0:22


PRÉNOM(S) & NOM(S)
  • Âge
  • Origines
  • Orientation Sexuelle
  • Situation Maritale
  • Groupe
  • Métier

Le physique ICI *-*

Le caractère juste LA !

Physique
Caractère
Et ta petite histoire plus ou moins longue ici.
Histoire
Le rôliste a la parole. Une partie pour le joueur et les questions que tu peux lui poser. c:


Code:
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Oswald:400,700" rel="stylesheet"/><div class="content_fiche_presentation_arte"><div class="block_purple_deco_top"></div>
 <div class="avatar_personnage_pseudo"><img src="https://2img.net/r/hpimg15/pics/417198Random2.png"/><span>PRÉNOM(S) & NOM(S)</span></div><ul><li>Âge</li><li>Origines</li><li>Orientation Sexuelle</li><li>Situation Maritale</li><li>Groupe</li><li>Métier</li></ul><p>Le physique ICI *-*</p><p>Le caractère juste LA ! :)</p><div class="titre_sections_fiche">Physique</div><div class="titre_sections_fiche">Caractère</div><div class="histoire_paragraphe_f">Et ta petite histoire plus ou moins longue ici. </div><div class="titre_sections_fiche2">Histoire</div><div class="block_purple_deco_bottom"></div><img src="http://www.zupimages.net/up/17/34/zoay.gif" class="roliste_avatar"/><div class="infos_roliste_fiche"><span>Le rôliste a la parole.</span> Une partie pour le joueur et les questions que tu peux lui poser. c:</div><div class="copyright_artemis">artemis | <a href="http://epicode.bbactif.com/">www</a></div></div>

Et le css:
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeVen 15 Juin - 0:26



icône personnage

Pseudo

icône personnage

Pseudo



Titre à rallonge


" Citation juste ici "


icône

Haru kasumi tatsu, suzuro ni uta hitotsu, hana hodo machiwabiru, aenu kimi no nee wo. Ame kemuri tatsu, itsu shika yume utsutsu, yomibito na no me shirezu, furueru tsubomi yo. Kasuka ni kaoru, omokage wa odoru, osoki hi ni tasokare wa to, suikomareta. Ikusen mo sagashiteta, usubeni iro ni saku hana wo, namae mo nai himitsu no mori wo. Sakanai no nara uta no wo hanamuke toshi, tori ni, kaze ni, tsuki ni, musunda ito wo, sotto taguriyoseru tame no, awai inori.

Yoru kumo harezu, oboro ni tsuki hitotsu, chiriyuku hana no youni, koboreru hikari wo. Yowataru tsuki no, kakuraku oshi mo, oboezu haru no yumeyo to, koikogareta. Ikusen no no wo koete, sasurau youni fuku kaze no, chiru hana no, ka mo naki mori wo, toorinukeru samishisa yo.


▭ Kachoufugetsu


Nakenai no nara, uta wo tomariki toshi, tori yo, koyoi, soba ni, kasaneta koe wo, sotto kaze ni noseru, tooki fuyu no kimi ni. Ikusen mo sagashiteta, usubeni iro ni saku hana wo, namae mo nai himitsu no mori wo, someru youna maboroshi wo. Sakanai no nara uta no wo hanamuke toshi, tori ni, kaze ni, tsuki ni, musunda ito wo, sotto taguriyoseru tame no, awai inori.

Ima mo tooki kimi ni.

Aimer, Kachoufugetsu.



©️ Crédits - design et codage de Lazy sur Epicode





Code:
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Julee" rel="stylesheet" />
<div class="rpby">
<div class="rpby_icoc"><div><img src="http://zupimages.net/up/17/30/acvi.png" alt="icône personnage" /><div class="rpby_pseudo"><h1>Pseudo</h1></div></div><div><img src="http://zupimages.net/up/17/30/acvi.png" alt="icône personnage" /><div class="rpby_pseudo"><h1>Pseudo</h1></div></div>
</div>
<div class="rpby_tici"><h1>Titre à rallonge</h1>
<h2>" Citation juste ici "</h2></div>
<div class="rpby_rep"><img src="http://zupimages.net/up/17/30/3zu7.png" alt="icône" /><p>Haru kasumi tatsu, suzuro ni uta hitotsu, hana hodo machiwabiru, aenu kimi no nee wo. Ame kemuri tatsu, itsu shika yume utsutsu, yomibito na no me shirezu, furueru tsubomi yo. Kasuka ni kaoru, omokage wa odoru, osoki hi ni tasokare wa to, suikomareta. Ikusen mo sagashiteta, usubeni iro ni saku hana wo, namae mo nai himitsu no mori wo. Sakanai no nara uta no wo hanamuke toshi, tori ni, kaze ni, tsuki ni, musunda ito wo, sotto taguriyoseru tame no, awai inori.

Yoru kumo harezu, oboro ni tsuki hitotsu, chiriyuku hana no youni, koboreru hikari wo. Yowataru tsuki no, kakuraku oshi mo, oboezu haru no yumeyo to, koikogareta. Ikusen no no wo koete, sasurau youni fuku kaze no, chiru hana no, ka mo naki mori wo, toorinukeru samishisa yo.</p>
<h1>▭ Kachoufugetsu</h1>
<p>Nakenai no nara, uta wo tomariki toshi, tori yo, koyoi, soba ni, kasaneta koe wo, sotto kaze ni noseru, tooki fuyu no kimi ni. Ikusen mo sagashiteta, usubeni iro ni saku hana wo, namae mo nai himitsu no mori wo, someru youna maboroshi wo. Sakanai no nara uta no wo hanamuke toshi, tori ni, kaze ni, tsuki ni, musunda ito wo, sotto taguriyoseru tame no, awai inori.

Ima mo tooki kimi ni.

Aimer, Kachoufugetsu.</p>
</div>
<h1>©️ Crédits - design et codage de Lazy sur <a href="http://epicode.bbactif.com/">Epicode</a></h1></div>

<style>.rpby {margin: 0 auto; width: 550px; background: #eff1f3; border-right: 10px solid #fed766; box-sizing: border-box;} .rpby_icoc {margin: 0 auto; width: 420px; height: 100px;} .rpby_pseudo h1 {margin: 20px auto; font-size: 16px; font-family: 'Julee', cursive; color: #009fb7; text-transform: uppercase; text-align: center; line-height: 20px; width: 100px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #272727;} .rpby_tici {margin: 0 auto; width: 550px; height: 65px; background: #009fb7;} .rpby_tici h1 {margin: 0 auto; font-size: 35px; font-family: 'Julee', cursive; color: #fed766; text-shadow: 2px 2px 0px #eff1f3; text-align: center; text-transform: uppercase; line-height: 0px; transition: all 1s;} .rpby_tici h2 {margin: 5px auto; width: 520px; font-size: 15px; font-family: 'Gloria Hallelujah', cursive; color: #eff1f3; text-transform: uppercase; border-width: 0px 0px 2px; border-style: solid; border-color: #272727; text-align: center; line-height: 20px;} .rpby_rep {margin: 0 auto; width: 450px; border-left: 20px solid #272727; border-bottom: 10px solid #272727; box-shadow: 5px 5px 0px #f7f8f9; box-sizing: border-box;} .rpby_rep img {display: inline; float: left; margin: 6px 15px; width: 130px; height: 75px; border: 2px solid #f7f8f9; box-sizing: border-box;} .rpby_rep p {margin: 0px 16px; font-size: 11px; font-family: tahoma; color: #272727; text-align: justify; line-height: 18px;} .rpby_rep h1 {margin: 5px 16px; font-size: 13px; font-family: tahoma; color: #009fb7; text-align: justify;} .rpby > h1 {margin: 20px auto; font-size: 12px; font-family: tahoma; color: #fed766; text-shadow: 2px 2px 0px #f7f8f9; text-align: center;} .rpby a {color: #fed766;} .rpby_icoc > div {display: inline-block; width: 150px; height: 100px; margin: 0px 28px; position: relative; top: 0px; left: 5px;} .rpby_icoc > div > img {width: 150px; height: 100px; border: 2px solid #f7f8f9; box-sizing: border-box;} .rpby_icoc > div > .rpby_pseudo {width: 130px; height: 80px; background: #fff; position: absolute; top: 10px; left: 10px; opacity: 0px; visibility: hidden; transform: scale(0); transition: all 1s;} .rpby_icoc > div:hover > .rpby_pseudo {opacity: 0.80; visibility: visible; transform: scale(1);} .rpby_tici h1:hover {letter-spacing: 3px;}
</style>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeVen 15 Juin - 0:29

Isern d. ibrantog
21 ans / Australien / Etudiant en philosophie / Serveur
Qualité
Qualité
Qualité
Qualité
Défault
Défault
Défault
Défault
RPs en cours
Titre du RP en cours
Prénom P. Nom
Titre du RP en cours
Prénom P. Nom
Titre du RP en cours
Prénom P. Nom
RPs terminés
Titre du RP terminé
Prénom P. Nom
Titre du RP terminé
Prénom P. Nom
Titre du RP terminé
Prénom P. Nom

https://www.youtube.com/watch?v=xlcywgEMuGI


Code:
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" /><style>#maWaifu a{text-decoration:none;}#maWaifu{box-sizing:border-box;width:500px;margin:0 auto;padding:15px;border-radius:5px;box-shadow:0px 0px 5px rgba(66, 66, 74, 0.6);background-image:url('http://zupimages.net/up/17/40/c89g.png');overflow:hidden;color:#a39f92;font-family:calibri;}#maWaifu > div{position:relative;background-color:#f5eef4;height:1090px;line-height:initial;}#maWaifuBordures{position:absolute;bottom:0;left:30px;width:3px;height:100%;padding:0 3px;border-color:transparent #9b68a7 transparent #6a477c;border-style:solid;border-width:0 2px 0 4px;}#maWaifuBordures > div{background-color:#7c5885;width:3px;height:100%;}#maWaifuGif{position:relative;}#maWaifuGif > img{max-width:100%;}#maWaifuName{margin:20px 20px 5px 20px;font-family: 'Open Sans Condensed', serif;font-size:40px;font-style:italic;text-align:right;letter-spacing:5px;color:#c6757e;}#maWaifuName:first-letter{color:#9f636a;font-weight:bold;}#maWaifuInfos{margin:0 5px;font-family: 'Open Sans Condensed', serif;font-size:20px;font-style:italic;text-align:right;letter-spacing:1px;}#maWaifuInfo1{color:#726f68;}#maWaifuInfo2{color:#928e83;}#maWaifuInfo3{color:#b3afa3;}#maWaifuInfo4{color:#c6c2b2;}#maWaifuBeing{margin:5px 0 20px 55px;padding:2px 0 2px 2px;border-color:#d6d6cd;border-style:solid;border-width:3px 0 3px 3px;}#maWaifuBeing > div{padding:10px;background-color:#e0e0d6;}.maWaifuQualite, .maWaifuDefault{position:relative;display:inline-block;width:66px;margin:0 15px 10px 10px;padding:3px 5px;background-color:#f7f0f6;font-style:italic;letter-spacing:1px;font-size:12px;}.maWaifuDefault{margin:0 15px 0 10px;}.maWaifuQualite:before{position:absolute;top:0;left:-10px;display:block;content:'';width:10px;height:20px;background-color:#ced59f;}.maWaifuDefault:before{position:absolute;top:0;left:-10px;display:block;content:'';width:10px;height:20px;background-color:#c6757e;}.maWaifuQualite:nth-child(4){margin:0 0 10px 10px;}.maWaifuDefault:last-of-type{margin:0 0 0 10px;}#maWaifuTitre{margin:20px 20px 5px 20px;font-family: 'Open Sans Condensed', serif;font-size:30px;font-style:italic;text-align:right;letter-spacing:5px;color:#c6757e;}#maWaifuTitre:first-letter{color:#9f636a;font-weight:bold;}#maWaifuRPs{margin-left:55px;max-height:250px;overflow:auto;}.maWaifuLienRP{position:relative;width:100%;height:53.5px;margin-bottom:10px;font-size:16px;}.maWaifuLienRP > a{display:block;position:absolute;right:0;width:407px;padding-right:5px;border-bottom:1.5px solid #d6d6cd;font-family: 'Open Sans Condensed', serif;color:#928e83;font-size:20px;font-style:italic;text-align:right;letter-spacing:1px;}.maWaifuPseudoRP{position:absolute;bottom:0;right:0;width:359px;padding:2px 10px 2px 20px;background-color:#e0e0d6;font-style:italic;}.maWaifuPseudoRP:before{position:absolute;top:0;left:-22px;content:'';width:0;height:0;border-style:solid;border-width:0 22px 22px 0;border-color:transparent #e0e0d6 transparent transparent;}.maWaifuIcon{float:right;width:79px;margin:5px 15px 0 0;padding:2px;border-color:#d6d6cd;border-style:solid;border-width:3px;box-sizing:border-box;}#maWaifuMusic{padding-left:130px;font-size:11px;font-weight:bold;font-style:italic;font-family:'Open Sans Condensed', serif;letter-spacing:2px;text-transform:uppercase;}</style><!--
--><div id="maWaifu"><!--
--><div><!--
--><div id="maWaifuBordures"><div></div></div><!--
--><div id="maWaifuGif"><!--
--><img src="http://zupimages.net/up/17/40/54s3.gif"/><!--
--></div><!--
--><div id="maWaifuName">Isern d. ibrantog</div><!--
--><div id="maWaifuInfos"><!--
--><span id="maWaifuInfo1">21 ans / </span><!--
--><span id="maWaifuInfo2">Australien / </span><!--
--><span id="maWaifuInfo3">Etudiant en philosophie / </span><!--
--><span id="maWaifuInfo4">Serveur</span><!--
--></div><!--
--><div id="maWaifuBeing"><div><!--
--><div class="maWaifuQualite">Qualité</div><!--
--><div class="maWaifuQualite">Qualité</div><!--
--><div class="maWaifuQualite">Qualité</div><!--
--><div class="maWaifuQualite">Qualité</div><!--
--><div class="maWaifuDefault">Défault</div><!--
--><div class="maWaifuDefault">Défault</div><!--
--><div class="maWaifuDefault">Défault</div><!--
--><div class="maWaifuDefault">Défault</div><!--
--></div></div><!--
--><div id="maWaifuTitre">RPs en cours</div><!--
--><div id="maWaifuRPs"><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP en cours</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP en cours</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP en cours</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--></div><!--
--><div id="maWaifuTitre">RPs terminés</div><!--
--><div id="maWaifuRPs"><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP terminé</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP terminé</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--><div class="maWaifuLienRP"><!--
--><a href="#">Titre du RP terminé</a><!--
--><div class="maWaifuPseudoRP">Prénom P. Nom</div><!--
--></div><!--
--></div><!--
--><img class="maWaifuIcon" src="http://zupimages.net/up/17/40/d4o8.png"/><!--
--><img class="maWaifuIcon" src="http://zupimages.net/up/17/40/3ftc.png"/><!--
--><img class="maWaifuIcon" src="http://zupimages.net/up/17/40/zbgd.png"/><!--
--><img class="maWaifuIcon" src="http://zupimages.net/up/17/40/6d7e.png"/><!--
--><div style="clear:both;"></div><!--
--><br/><a id="maWaifuMusic" href="https://www.youtube.com/watch?v=xlcywgEMuGI">https://www.youtube.com/watch?v=xlcywgEMuGI</a><!--
--></div><!--
--></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeVen 15 Juin - 16:47

Ce carnet appartient à
Nom
Réponse
Prénoms
Prénom deuxième
Âge
Réponse
Nationalité
Réponse
Métier
Réponse
Groupe
Réponse
Notes
Petite rectangle pour description rapide des infos sur le personnage comme son caractère, son histoire, ses qualités, ses défauts, des caractéristiques diverses, etc. Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret, post multorum clades Apollinares ambo pater et filius in exilium acti cum ad locum Crateras nomine pervenissent, villam scilicet suam quae ab Antiochia vicensimo et quarto disiungitur lapide, ut mandatum est, fractis cruribus occiduntur.

Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent, quoniam magister equitum longius ea tempestate distinebatur, iussus comes orientis Nebridius contractis undique militaribus copiis ad eximendam periculo civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla re amplius memorabili gesta, dispersique ut solent avia montium petiere celsorum.

Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.
Recherches
Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.
Codage par Libella sur Graphiorum



Code:
<center><!-- MARQUE PAGE --><div class="mpstru"><div class="mpbase" style="margin-left:25px;margin-bottom:-30px;background:#0F825C"></div><div class="mpbase" style="margin-left:150px;background:#AF825C"></div></div><!-- CARNET --><div class="lecarnet"><div class="pagen1"><div class="pagen2"><div class="imagecarnet" style="background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-pouoYv6LMFveFE_iB3pwG5U7b6O6b-qN7TFEbZ5myY-uxR65');background-size:100%;"></div><div class="pageprinci"><div class="titrecarnetrela">Ce carnet appartient à</div><div style="height:470px;padding-left:8px;"><div class="champrela">Nom</div><div class="reprela">Réponse</div><div class="champrela">Prénoms</div><div class="reprela">Prénom deuxième</div><div class="champrela">Âge</div><div class="reprela">Réponse</div><div class="champrela">Nationalité</div><div class="reprela">Réponse</div><div class="champrela"">Métier</div><div class="reprela">Réponse</div><div class="champrela">Groupe</div><div class="reprela">Réponse</div></div><div class="soustitrerela">Notes</div><div class="rectrela">Petite rectangle pour description rapide des infos sur le personnage comme son caractère, son histoire, ses qualités, ses défauts, des caractéristiques diverses, etc. Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret, post multorum clades Apollinares ambo pater et filius in exilium acti cum ad locum Crateras nomine pervenissent, villam scilicet suam quae ab Antiochia vicensimo et quarto disiungitur lapide, ut mandatum est, fractis cruribus occiduntur.

Haec ubi latius fama vulgasset missaeque relationes adsiduae Gallum Caesarem permovissent, quoniam magister equitum longius ea tempestate distinebatur, iussus comes orientis Nebridius contractis undique militaribus copiis ad eximendam periculo civitatem amplam et oportunam studio properabat ingenti, quo cognito abscessere latrones nulla re amplius memorabili gesta, dispersique ut solent avia montium petiere celsorum.

Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</div><div class="soustitrerela">Recherches</div><div class="rectrela">Lien recherché (♀/♂) : Quaestione igitur per multiplices dilatata fortunas cum ambigerentur quaedam, non nulla levius actitata constaret.
</div></div></div></div></div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></center><link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Rock+Salt" rel="stylesheet">
<style type="text/css">.lecarnet {height:620px;width:530px;border-radius:10px/15px;background:#F0DCC4;color:#000;border:8px solid #715445;border-right:10px solid #715445;border-left:10px solid #715445;box-shadow: #80604F 0px 0px 3px} .pagen1 {height:615px;width: 520px;-webkit-transform:rotate(0.5deg);background:#F0DCC4;border:2px solid #E2BB8B} .pagen2 {height:615px;width:515px;-webkit-transform:rotate(-1deg);margin-top:-2px;background:#F0DCC4;border:2px solid #E2BB8B} .pageprinci {position:relative;z-index:5;-webkit-transform:rotate(0.5deg);width: 500px;height:620px;margin-top:-4px;text-align: justify;font-family: verdana;column-width: 111px;column-count: 2;-moz-column-count: 2; webkit-column-count: 2;column-gap: 22px;-webkit-column-gap: 22px;background:#F0DCC4;border:2px solid #E2BB8B;column-rule: 3px solid #715445 ;} .mpstru {width:530px;text-align:left;margin-top:20px;margin-bottom:-8px} .mpbase {opacity:0.6;height:30px;width:95px;border-radius: 10px 10px 0px 0px;} .imagecarnet {position:relative;z-index:3;width:150px;height:80px;margin-left:400px;margin-top:-50px;margin-bottom:-45px;-webkit-transform:rotate(20deg);border: solid 5px #fff;filter:sepia(80%)} .titrecarnetrela {text-align:center;font-family: 'Fredericka the Great', cursive;font-size:28px;padding:10px;border-bottom: 1px solid #000} .champrela {padding-top:8px;text-transform:uppercase;font-familly:11px;} .reprela {width:210px;padding:10px 10px 0px 10px;font-family: 'Rock Salt', cursive;font-size:14px;border-bottom: 1px dotted #000} .soustitrerela {font-family: 'Fredericka the Great', cursive;padding-top:10px;text-transform:uppercase;font-familly:14px;} .rectrela {margin-left:8px;padding:10px;width:200px;height:210px;overflow:auto;background:#DEB37C}</style>

Rencontres féminines/masculines/neutre/positives/négatifs/etc

Nom prénom du personnage
RelationUt enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.

Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per omnia diffuso propinqua, magnis undique praesidiis conmunitam.

Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt
Nom prénom du personnage
RelationUt enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.

Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per omnia diffuso propinqua, magnis undique praesidiis conmunitam.

Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt
Codage par Libella sur Graphiorum


Code:
<center><!-- MARQUE PAGE --><div class="mpstru"><div class="mpbase" style="margin-left:25px;margin-bottom:-10px;background:#0F825C"></div></div><!-- CARNET --><div class="lecarnetrela"><div class="pagen1rela"><div class="pagen2rela"><div class="imagecarnet" style="background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-pouoYv6LMFveFE_iB3pwG5U7b6O6b-qN7TFEbZ5myY-uxR65');background-size:100%;"></div><div class="pageprincirela"><div class="titrecarnet">Rencontres féminines/masculines/neutre/positives/négatifs/etc</div>
<!-- RELA GAUCHE --><div class="carnetimgleft"><img src="https://zupimages.net/up/18/23/o3ny.png" style="width:100px;height:160px"/>Nom prénom du personnage</div><div class="descrirela"><span class="titrerela">Relation</span>Ut enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.

Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per omnia diffuso propinqua, magnis undique praesidiis conmunitam.

Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt</div><div class="stop"></div><!-- FIN RELA GAUCHE --><!-- RELA DROITE --><div class="carnetimgright"><img src="https://zupimages.net/up/18/23/o3ny.png" style="width:100px;height:160px"/>Nom prénom du personnage</div><div class="descrirela"><span class="titrerela">Relation</span>Ut enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.

Metuentes igitur idem latrones Lycaoniam magna parte campestrem cum se inpares nostris fore congressione stataria documentis frequentibus scirent, tramitibus deviis petivere Pamphyliam diu quidem intactam sed timore populationum et caedium, milite per omnia diffuso propinqua, magnis undique praesidiis conmunitam.

Coactique aliquotiens nostri pedites ad eos persequendos scandere clivos sublimes etiam si lapsantibus plantis fruticeta prensando vel dumos ad vertices venerint summos, inter arta tamen et invia nullas acies explicare permissi nec firmare nisu valido gressus: hoste discursatore rupium abscisa volvente, ruinis ponderum inmanium consternuntur, aut ex necessitate ultima fortiter dimicante, superati periculose per prona discedunt</div><div class="stop"></div><!-- FIN RELA DROITE --></div></div></div></div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></center><link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet"><style type="text/css">.lecarnetrela {width:530px;border-radius:10px/15px;background:#F0DCC4;color:#000;border-top:8px solid #715445;border-bottom:8px solid #715445;border-right:10px solid #715445;border-left:6px solid #715445;box-shadow: #80604F 0px 0px 3px} .pagen1rela {width: 520px;-webkit-transform:rotate(0.5deg);background:#F0DCC4;border:2px solid #E2BB8B} .pagen2rela {width:515px;-webkit-transform:rotate(-1deg);background:#F0DCC4;border:2px solid #E2BB8B} .pageprincirela {position:relative;z-index:5;-webkit-transform:rotate(0.5deg);width: 515px;margin-top:3px;margin-left:-15px;text-align: justify;font-family: verdana;background:#F0DCC4;border:2px solid #E2BB8B;} .mpstru {width:530px;text-align:left;margin-top:20px;margin-bottom:-8px} .mpbase {opacity:0.6;height:30px;width:95px;border-radius: 10px 10px 0px 0px;} .imagecarnet {position:relative;z-index:3;width:150px;height:80px;margin-left:400px;margin-top:-50px;margin-bottom:-45px;-webkit-transform:rotate(20deg);border: solid 5px #fff;filter:sepia(80%)} .titrecarnet {text-align:center;font-family: 'Rock Salt', cursive;font-size:24px;padding:20px} .titrerela {text-align:center;font-family: 'Rock Salt', cursive;font-size:14px;padding:10px} .descrirela {margin-bottom:10px;height:120px;overflow:auto;padding:15px;font-family:verdana;text-align:justify;font-size:12px;word-spacing:-1px;line-height: 16px;} .carnetimgleft {float:left;width:100px;height: 160px;-webkit-transform:rotate(-10deg);border: solid #FFF 8px;border-bottom: solid #FFF 35px;text-align:center;font-family: tahoma; font-size: 12px; color:#453E3D;margin-bottom:5px;} .carnetimgright {float:right;width:100px;height: 160px;-webkit-transform:rotate(10deg);border: solid #FFF 8px;border-bottom: solid #FFF 35px;text-align:center;font-family: tahoma; font-size: 12px; color:#453E3D;margin-bottom:5px;} .stop {clear:both}</style>

Liste des aventures

Nom personnage est actuellement disponible/indisponible pour une nouvelle aventure, puisqu'il/elle en a x/x en cours.

Liste des aventures prévues :
  • 1 aventure avec Nouf-Nouf dans la grange
  • 2 aventures avec Nif-Nif dans un lieu à déterminer
  • Construction d'une maison de briques avec Naf-Naf
  • etc
Rps en cours
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
Rps terminés
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
Rps abandonnés
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
Codage par Libella sur Graphiorum


Code:
<center><!-- MARQUE PAGE --><div class="mpstru"><div class="mpbase" style="margin-left:25px;margin-bottom:-30px;background:#0F825C"></div><div class="mpbase" style="margin-left:150px;background:#AF825C"></div></div><!-- CARNET --><div class="lecarnet"><div class="pagen1"><div class="pagen2"><div class="imagecarnet" style="background:url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT-pouoYv6LMFveFE_iB3pwG5U7b6O6b-qN7TFEbZ5myY-uxR65');background-size:100%;"></div><div class="pageprinci"><div class="titrecarnet">Liste des aventures</div><!-- INTRO --><img src="https://c1.staticflickr.com/2/1686/24609455013_38d435e15e_b.jpg" style="width:150px;-webkit-transform:rotate(-5deg);border: solid 5px #fff;margin-left:30px; filter:sepia(80%);margin-bottom:-15px"/><img src="https://c1.staticflickr.com/4/3892/14364885306_e4bc8886d5_c.jpg" style="width:120px;-webkit-transform:rotate(15deg);border: solid 5px #fff;margin-left:30px;filter:sepia(80%);"/><div style="padding:5px">
Nom personnage est actuellement [b]disponible/indisponible[/b] pour une nouvelle aventure, puisqu'il/elle en a [b]x/x[/b] en cours.

Liste des aventures prévues :<ul><li>1 aventure avec Nouf-Nouf dans la grange</li><li>2 aventures avec Nif-Nif dans un lieu à déterminer</li><li>Construction d'une maison de briques avec Naf-Naf</li><li>etc</li></ul></div><div class="titrecarnet">Rps en cours</div><div class="lesrpscar">₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage</div><div class="titrecarnet">Rps terminés</div><div class="lesrpscar">₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage</div><div class="titrecarnet">Rps abandonnés</div><div class="lesrpscar">₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage
₪ [url=adresse du rp] Titre du rp[/url] avec Nom du personnage</div><!-- rp --></div></div></div></div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></center><link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet"><style type="text/css">.lecarnet {height:620px;width:530px;border-radius:10px/15px;background:#F0DCC4;color:#000;border:8px solid #715445;border-right:10px solid #715445;border-left:10px solid #715445;box-shadow: #80604F 0px 0px 3px} .pagen1 {height:615px;width: 520px;-webkit-transform:rotate(0.5deg);background:#F0DCC4;border:2px solid #E2BB8B} .pagen2 {height:615px;width:515px;-webkit-transform:rotate(-1deg);margin-top:-2px;background:#F0DCC4;border:2px solid #E2BB8B} .pageprinci {position:relative;z-index:5;-webkit-transform:rotate(0.5deg);width: 500px;height:620px;margin-top:-4px;text-align: justify;font-family: verdana;column-width: 111px;column-count: 2;-moz-column-count: 2; webkit-column-count: 2;column-gap: 22px;-webkit-column-gap: 22px;background:#F0DCC4;border:2px solid #E2BB8B;column-rule: 3px solid #715445 ;} .mpstru {width:530px;text-align:left;margin-top:20px;margin-bottom:-8px} .mpbase {opacity:0.6;height:30px;width:95px;border-radius: 10px 10px 0px 0px;} .imagecarnet {position:relative;z-index:3;width:150px;height:80px;margin-left:400px;margin-top:-50px;margin-bottom:-45px;-webkit-transform:rotate(20deg);border: solid 5px #fff;filter:sepia(80%)} .titrecarnet {text-align:center;font-family: 'Rock Salt', cursive;font-size:24px;padding:20px} .lesrpscar {margin-bottom:10px;height:120px;overflow:auto;padding:15px;font-family:verdana;text-align:justify;font-size:12px;word-spacing:-1px;line-height: 16px;}</style>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeMer 20 Juin - 13:21

Récapitulatif des rps
Rps prévus
Personnage ◮ Contexte/idée de prévu
Personnage ◮ Contexte/idée de prévu
Rps en cours

[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
Rps terminés

[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
Codage par Libella sur Graphiorum


Code:
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"><center><div style="width:480px;padding:8px;background:#DBDBDB;color:#818181"><center><img src="http://i.imgur.com/4m4gLzu.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="https://78.media.tumblr.com/a91d6f7b22707c9e61f571105b5ceb4a/tumblr_inline_nzxa5iz9Fo1sc3ygs_400.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="https://78.media.tumblr.com/7c66b5a17dafc8f899a062305389a88d/tumblr_inline_nx7z5vKlOt1t1u175_250.gif" style="width:145px;height:145px;border:solid 5px #EEE"/><div style="width:451px;padding:11px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Récapitulatif des rps</div></center><table style="margin-top:2px"><td style="background:#EEE;width:200px;height:320px;padding:5px"><img src="https://zupimages.net/up/18/24/epnj.png" style="width:200px;height:320px;"></td><td><div style="background:#EEE;width:249px;height:320px;overflow:auto; padding:5px;"><div style="width:200px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Rps prévus</div>Personnage ◮ Contexte/idée de prévu
Personnage ◮ Contexte/idée de prévu
<div style="width:200px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Rps en cours</div>
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
<div style="width:200px;padding:11px;font-family: 'Anton', sans-serif; font-size:18px;border-bottom: 1px solid #818181">Rps terminés</div>
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage</div></td></table><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>

Récapitulatif des rps
Rps prévus
Personnage ◮ Contexte/idée de prévu
Personnage ◮ Contexte/idée de prévu
Rps en cours
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
Rps terminés
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url] Titre du rp avec Nom du personnage
Codage par Libella sur Graphiorum


Code:
<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"><center><div style="width:480px;padding:8px;background:#DBDBDB;color:#818181"><div style="width:451px;padding:11px;margin-top:2px;margin-bottom:2px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Récapitulatif des rps</div><center><img src="http://i.imgur.com/4m4gLzu.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="https://78.media.tumblr.com/a91d6f7b22707c9e61f571105b5ceb4a/tumblr_inline_nzxa5iz9Fo1sc3ygs_400.gif" style="width:145px;height:145px;border:solid 5px #EEE"/> <img src="https://78.media.tumblr.com/7c66b5a17dafc8f899a062305389a88d/tumblr_inline_nx7z5vKlOt1t1u175_250.gif" style="width:145px;height:145px;border:solid 5px #EEE"/><div style="width:451px;padding:11px;margin-top:2px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Rps prévus</div><div style="width:451px;height:150px; overflow:auto;padding:11px;margin-top:5px;text-align:justify;background:#EEE">Personnage ◮ Contexte/idée de prévu
Personnage ◮ Contexte/idée de prévu</div><div style="width:451px;padding:11px;margin-top:5px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Rps en cours</div><div style="width:451px;height:150px; overflow:auto;padding:11px;margin-top:5px;text-align:justify;background:#EEE">[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage</div><div style="width:451px;padding:11px;margin-top:5px;font-family: 'Anton', sans-serif; font-size:28px;background:#EEE">Rps terminés</div><div style="width:451px;height:150px; overflow:auto;padding:11px;margin-top:5px;text-align:justify;background:#EEE">[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage
[url=adresse du rp]◮[/url]  Titre du rp avec Nom du personnage</div><div style="font-size:8px;text-align:center;">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeDim 1 Juil - 4:06


Codes et prez - Page 11 UWIzOjY
Codes et prez - Page 11 Oo4FNwh

Nom du monstre

Endurance : 50 - Force : 60 - Dex : 30

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec.

Codes et prez - Page 11 Swmwyag
Codes et prez - Page 11 D6ewpSf

Nom du monstre

Endurance : 50 - Force : 60 - Dex : 30

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec.

Codes et prez - Page 11 QDSapYr
Codes et prez - Page 11 TMs7kJi

Nom du monstre

Endurance : 50 - Force : 60 - Dex : 30

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec.

Halloween


Code:
<link href="https://fonts.googleapis.com/css?family=Economica|Playfair+Display" rel="stylesheet">
<div class="bestiaire"><div class="bloc_bestiaire"><img src="https://i.imgur.com/uWIzOjY.png" alt="" class="img_monstre" /><div class="contenu_bloc_bestiaire"><img src="https://i.imgur.com/oo4FNwh.png" alt="" />
<h2>Nom du monstre</h2><h3>Endurance : 50 - Force : 60 - Dex : 30</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec. </p></div></div><div class="bloc_bestiaire"><img src="https://i.imgur.com/Swmwyag.png" alt="" class="img_monstre" /><div class="contenu_bloc_bestiaire"><img src="https://i.imgur.com/d6ewpSf.png" alt="" />
<h2>Nom du monstre</h2><h3>Endurance : 50 - Force : 60 - Dex : 30</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec. </p></div></div><div class="bloc_bestiaire"><img src="https://i.imgur.com/qDSapYr.png" alt="" class="img_monstre" /><div class="contenu_bloc_bestiaire"><img src="https://i.imgur.com/tMs7kJi.png" alt="" />
    <h2>Nom du monstre</h2><h3>Endurance : 50 - Force : 60 - Dex : 30</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id sagittis lacus. Aliquam hendrerit congue erat, vel tristique ipsum egestas in. Praesent tempor porta nunc at ultrices. Proin faucibus urna sed enim vehicula, ut accumsan ligula porttitor. Maecenas commodo commodo porttitor. Maecenas sit amet eleifend lectus. Proin fermentum felis nec est maximus, dapibus lacinia neque tempus. Ut accumsan lacinia elit, in tristique metus sagittis nec. </p></div></div><div class="clear"></div><a href="http://ls-halloween.fr/" target="_blank" class="credits">Halloween</a></div>

CSS:
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 19 Nov - 21:24

Feat alias 1 & alias 2

starry sky.

Codes et prez - Page 11 150x400

Texte ici


Code:
<link href="https://fonts.googleapis.com/css?family=Poppins:700|Hind+Siliguri" rel="stylesheet"><style>.wrap-starry {width: 500px;height: 470px;overflow: hidden;position: relative;font-family: 'Hind Siliguri', sans-serif;margin:auto;}.starry-header {height: 40px;}.starry-header h3 {margin: 0 0 -20px;font: normal 10px 'Trebuchet MS', sans-serif;text-transform: lowercase;letter-spacing: 2px;position: relative;color: #7ce1cf;}.starry-header h2 {margin: 0;text-transform: lowercase;letter-spacing: -3px;font: 800 40px 'Poppins', sans-serif;color: #a8a8a8;}.starry-header h2:first-letter {color: #7ce1cf;}.starry-img {float: left;margin-right:15px;}.starry-txt {width: 335px;height: 400px;overflow: hidden;background-color: #f3f3f3;}.starry-scroll {overflow-x: hidden;overflow-y: scroll;height:100%;width:110%;}.starry-txt-content {width: 335px;height: 100%;padding: 20px;box-sizing: border-box;font: 10px/125% 'Trebuchet MS', sans-serif;text-align: justify;color: #424242;}.starry-txt-bot {height: 20px;width: 1px;}.starry-bot {height: 10px;width: 90%;background-color: #7ce1cf;margin-top: 10px;float: left;}.starry-cred {width: 10%;height: 10px;margin-top: 10px;display: inline-block;text-align: right;}.starry-cred a {font: 800 10px/10px 'Poppins', sans-serif;text-transform: uppercase;text-decoration: none!important;color: #ccc!important;}</style><div class="wrap-starry"><!--
--><div class="starry-header"><!--
--><h3>Feat alias 1 & alias 2</h3><!--
--><h2>starry sky.</h2><!--
--></div><!--
--><img src="http://placehold.it/150x400" class="starry-img" alt="" /><!--
--><div class="starry-txt"><!--
--><div class="starry-scroll"><!--
--><div class="starry-txt-content">
Texte ici
<div class="starry-txt-bot"></div></div></div></div><div class="starry-bot"></div><div class="starry-cred"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 19 Nov - 21:24


Meet me halfway

Feat joueur 1 & joueur 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at diam et ex luctus mattis. Pellentesque sodales blandit leo, eget tempor purus eleifend at. Morbi nulla justo, elementum nec turpis eu, lacinia viverra justo. Morbi magna dolor, viverra vel ex at, mattis rhoncus nibh. Nullam lacus turpis, venenatis vel gravida vitae, maximus ut nibh. Donec sit amet varius ante. Nunc non ornare orci. Maecenas semper in neque nec vestibulum. Mauris interdum posuere enim, in efficitur ipsum.Curabitur ac nibh diam. Suspendisse maximus massa at ultricies posuere. Donec feugiat tortor quam, vehicula suscipit felis mollis eget. Praesent et porttitor magna. Duis ac massa arcu. Vestibulum vel sapien metus. Donec aliquam eu turpis in faucibus. Sed ut turpis at orci mollis euismod quis ac tellus. Mauris porta nunc in molestie pellentesque. Praesent eu justo at lorem scelerisque pretium. Nulla eget orci dapibus, condimentum metus quis, condimentum ex. Proin et magna efficitur, dapibus nibh sed, mollis mi. Vivamus suscipit scelerisque nulla at eleifend. Curabitur pharetra varius augue pretium fringilla.Cras hendrerit lacinia arcu, sed convallis massa aliquet et. Donec commodo lorem eu massa vestibulum, et posuere tortor feugiat. Cras iaculis felis sapien, non pellentesque tortor pellentesque egestas. In hac habitasse platea dictumst. Donec aliquam libero lacus, sit amet ultricies lacus condimentum nec. Duis faucibus tellus vel blandit vehicula. Proin dapibus, nisi at tincidunt mollis, justo nisl commodo velit, in vulputate mi nisi a enim.Morbi tincidunt nisi justo, ac congue ex blandit sed. Morbi varius, mauris quis interdum euismod, est tortor ultrices enim, eget consequat lorem augue quis metus. Nunc nec bibendum massa. Sed placerat arcu quam, at sodales felis gravida et. Nulla nec ex ut mauris condimentum euismod sit amet congue est. Aliquam velit metus, feugiat id nisi nec, euismod pellentesque nunc. Mauris pellentesque ultrices augue sit amet cursus. Donec fermentum ex ac mauris tincidunt, et interdum risus lacinia. Nam eget dolor metus. Vestibulum tincidunt sodales viverra.Suspendisse potenti. Etiam suscipit, ligula a euismod fermentum, massa eros egestas est, vitae scelerisque libero mi sit amet sem. Fusce eu lectus sit amet risus auctor faucibus non id mauris. In hac habitasse platea dictumst. Nulla odio urna, rhoncus auctor tellus ac, congue congue nisi. Maecenas finibus tincidunt ante, eu mollis mi dignissim nec. Maecenas at hendrerit magna. Nulla eleifend ut libero quis posuere. Aliquam volutpat tellus nec velit consequat tincidunt. Sed massa ante, iaculis non nunc ut, ultrices iaculis quam. Suspendisse commodo pretium nisi, nec elementum nunc varius ut. Nam egestas, enim non dictum sagittis, tellus justo vestibulum velit, eget consectetur libero nisi eget elit. Vestibulum sodales efficitur massa, vel aliquet ante eleifend a. Vivamus non auctor sem. Suspendisse potenti.
@tag pseudoDes petites notes ici si vous le désirez


Code:
<style>@import url('https://fonts.googleapis.com/css?family=Raleway:400,900|Roboto'); .thread * { box-sizing: border-box;} .thread { width: 550px; height: 700px; border: 1px solid #ccc; font-family: 'Roboto', sans-serif; display: flex; margin: auto; position: relative; } .thread__img { width: 250px; background-image: url('https://image.noelshack.com/fichiers/2018/08/4/1519310030-to-the-sky-by-hangmoon-d655wks.jpg'); background-size: cover; background-position: 30% 0; position: relative; } .thread__img::after { content:""; background: #fff; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); width: 80px; height: 100%; position: absolute; right: 0; } h2.thread__title { margin: 0; font-weight: 900; font-family: 'Raleway', sans-serif; font-size: 11px; text-transform: uppercase; display: inline-block; border: 1px solid; padding: 2px 5px; color: #000; } h3.thread__subtitle { margin: 3px 0 20px; font-weight: 400; font-family: 'Raleway', sans-serif; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; color: #999; } .thread__content { padding: 30px; flex:1; background: #fff; } .thread__txt { line-height: 150%; font-size: 11px; text-align: justify; overflow: auto; max-height: 500px; padding-right: 10px; } .thread notes { display: block; font-size: 9px; margin-top: 30px; border-top: 1px solid #999; } .thread notes b { display: inline-block; border: 1px solid #999; border-top: 0; padding: 2px 5px; color: #999; background: #fff; margin-right: 5px; }.thread__txt::-webkit-scrollbar { width: 2px; } .thread__txt::-webkit-scrollbar-track { background-color: #efefef; } .thread__txt::-webkit-scrollbar-thumb { background-color: #ccc; } .thread__credit { position: absolute; right: 10px; bottom: 10px; } .thread__credit a { color: #ccc; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; text-decoration: none; }</style>
<div class="thread"><div class="thread__img"></div><div class="thread__content"><h2 class="thread__title">Meet me halfway</h2><!--
--><h3 class="thread__subtitle">Feat joueur 1 & joueur 2</h3><!--
--><div class="thread__txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at diam et ex luctus mattis. Pellentesque sodales blandit leo, eget tempor purus eleifend at. Morbi nulla justo, elementum nec turpis eu, lacinia viverra justo. Morbi magna dolor, viverra vel ex at, mattis rhoncus nibh. Nullam lacus turpis, venenatis vel gravida vitae, maximus ut nibh. Donec sit amet varius ante. Nunc non ornare orci. Maecenas semper in neque nec vestibulum. Mauris interdum posuere enim, in efficitur ipsum.Curabitur ac nibh diam. Suspendisse maximus massa at ultricies posuere. Donec feugiat tortor quam, vehicula suscipit felis mollis eget. Praesent et porttitor magna. Duis ac massa arcu. Vestibulum vel sapien metus. Donec aliquam eu turpis in faucibus. Sed ut turpis at orci mollis euismod quis ac tellus. Mauris porta nunc in molestie pellentesque. Praesent eu justo at lorem scelerisque pretium. Nulla eget orci dapibus, condimentum metus quis, condimentum ex. Proin et magna efficitur, dapibus nibh sed, mollis mi. Vivamus suscipit scelerisque nulla at eleifend. Curabitur pharetra varius augue pretium fringilla.Cras hendrerit lacinia arcu, sed convallis massa aliquet et. Donec commodo lorem eu massa vestibulum, et posuere tortor feugiat. Cras iaculis felis sapien, non pellentesque tortor pellentesque egestas. In hac habitasse platea dictumst. Donec aliquam libero lacus, sit amet ultricies lacus condimentum nec. Duis faucibus tellus vel blandit vehicula. Proin dapibus, nisi at tincidunt mollis, justo nisl commodo velit, in vulputate mi nisi a enim.Morbi tincidunt nisi justo, ac congue ex blandit sed. Morbi varius, mauris quis interdum euismod, est tortor ultrices enim, eget consequat lorem augue quis metus. Nunc nec bibendum massa. Sed placerat arcu quam, at sodales felis gravida et. Nulla nec ex ut mauris condimentum euismod sit amet congue est. Aliquam velit metus, feugiat id nisi nec, euismod pellentesque nunc. Mauris pellentesque ultrices augue sit amet cursus. Donec fermentum ex ac mauris tincidunt, et interdum risus lacinia. Nam eget dolor metus. Vestibulum tincidunt sodales viverra.Suspendisse potenti. Etiam suscipit, ligula a euismod fermentum, massa eros egestas est, vitae scelerisque libero mi sit amet sem. Fusce eu lectus sit amet risus auctor faucibus non id mauris. In hac habitasse platea dictumst. Nulla odio urna, rhoncus auctor tellus ac, congue congue nisi. Maecenas finibus tincidunt ante, eu mollis mi dignissim nec. Maecenas at hendrerit magna. Nulla eleifend ut libero quis posuere. Aliquam volutpat tellus nec velit consequat tincidunt. Sed massa ante, iaculis non nunc ut, ultrices iaculis quam. Suspendisse commodo pretium nisi, nec elementum nunc varius ut. Nam egestas, enim non dictum sagittis, tellus justo vestibulum velit, eget consectetur libero nisi eget elit. Vestibulum sodales efficitur massa, vel aliquet ante eleifend a. Vivamus non auctor sem. Suspendisse potenti.</div><!--
--><notes><b>@tag pseudo</b>Des petites notes ici si vous le désirez</notes><!--
--></div><div class="thread__credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 19 Nov - 21:24


I like the night. Without the dark, we'd never see the stars.

Texte ici

Alias 1
Alias 2
De petites notes ici


Code:
<style>@import url(https://fonts.googleapis.com/css?family=Raleway:900|Roboto|Cedarville+Cursive);.awf-bgimg2 {width: 500px;height: 600px;background: #efefef;box-sizing: border-box;padding: 10px;font-family: 'Roboto', sans-serif;border:1px solid #e3e3e3;margin: auto;position: relative;}.awf-bgimg2 a {text-decoration: none!important;}.awf-bgimg2 > div:first-child {width: 100%;height: 100%;box-sizing: border-box;padding: 80px 50px 0px 180px;position: relative;background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/02/Marble_pattern_008.jpg');background-repeat: no-repeat;background-size: cover;font-family: 'Roboto', sans-serif;margin: auto;}.awf-bgimg2 h2 {position: absolute;transform: rotate(-90deg);bottom: -50px;left: 30px;margin: 0;transform-origin: 0% 0%;font-family: 'Cedarville Cursive', cursive;font-size: 35px;line-height: 40px;width: 500px;text-shadow: 1px 0px 0px #fff,-1px 0px 0px #fff,0px 1px 0px #fff,0px -1px 0px #fff;color: #000;}.awf-bgimg2-txt {width: 100%;height: 80%;background: #efefef;/*background: #5e4a84;*/box-sizing: border-box;padding: 20px;position: relative;}.awf-bgimg2-txt > div {width: 100%;height: 100%;overflow: auto;padding-right: 10px;}.awf-bgimg2-txt > div p {color: #000;text-align: justify;font-size: 11px;line-height: 130%;}.awf-bgimg2-txt > div p a {color: #a3a4a5;text-shadow: 0 0 0 transparent;transition: all 0.3s;}.awf-bgimg2-txt > div p a:hover {text-shadow: 2px 2px 0 #575a60;}.awf-bgimg2-txt > div p u {border-bottom: 2px solid #a3a4a5;text-decoration: none;}.awf-bgimg2-bot {display: flex;margin: 5px 0;transform: translate(0, 20px);opacity: 0;visibility: hidden;transition: all 0.3s 0.3s;}.awf-bgimg2:hover .awf-bgimg2-bot {transform: translate(0, 0);opacity: 1;visibility: visible;transition: all 0.3s 0s;}.awf-bgimg2-bot div {font-size: 7px;text-transform: uppercase;color: #fff;background: #000;padding: 2px 5px;letter-spacing: 1px;}.awf-bgimg2-bot > div:first-child {margin-right: 5px;}.awf-bgimg2-notes {font-size: 9px;color: #000;background: #fff;border: 5px solid #fff;padding-right: 8px;height: 40px;overflow: auto;transform: translate(0, 20px);opacity: 0;visibility: hidden;transition: all 0.3s 0s;}.awf-bgimg2:hover .awf-bgimg2-notes {transform: translate(0, 0);opacity: 1;visibility: visible;transition: all 0.3s 0.3s;}.awf-bgimg2-credit {position: absolute;bottom: -15px;left: 0;}.awf-bgimg2-credit a {font-size: 7px;letter-spacing: 1px;text-transform: uppercase;color: #ccc!important;}</style>
<div class="awf-bgimg2"><div><!--
--><h2>I like the night. Without the dark, we'd never see the stars.</h2><!--
--><div class="awf-bgimg2-txt"><!--
--><div><p>Texte ici</p></div><!--
--></div><div class="awf-bgimg2-bot"><!--
--><div>Alias 1</div><div>Alias 2</div><!--
--></div><div class="awf-bgimg2-notes">De petites notes ici</div></div><!--
--><div class="awf-bgimg2-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 19 Nov - 21:25

Black out.

@tag
notes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut.


Code:
<link href='https://fonts.googleapis.com/css?family=Playfair+Display|Lato|PT+Serif' rel='stylesheet' type='text/css'><style>.black-out {width: 500px;height: 500px;margin: 10px auto;position: relative;box-sizing: border-box;padding: 1px;border: 1px solid #000;}.black-out > div:first-child {width: 100%;height: 100%;background-color: #000;display: flex;overflow: hidden;}.black-out > div > div {flex: 1;min-width: 248px;}.black-out > div > div:first-child {background-image: url("http://image.noelshack.com/fichiers/2018/09/7/1520175827-pixiv-id-10226946-full-2277487.jpg");background-size: cover;flex: 1;transition: all 0.3s;}.black-out > div:first-child:hover > div:first-child {flex:0;min-width: 0;}.black-out > div > div:nth-child(2) {display: flex;flex-direction: column;box-sizing: border-box;padding: 10px;}.black-out > div > div:nth-child(2) h2 {color: #fff;margin: auto 0 0;font-family: "Playfair Display", serif;font-size: 30px;}.black-out-accent {color: #a55753;}.black-out > div > div:nth-child(2) h2 + div {margin-top: auto;border-top: 1px solid #fff;margin-bottom: 2px;}.black-out > div > div:nth-child(2) h2 + div span {display: inline-block;border-top: 2px solid #fff;padding-top: 3px;}.black-out > div > div:nth-child(2) div {color: #fff;letter-spacing: 1px;font-family: "Lato", sans-serif;font-size: 7px;line-height: 7px;}.black-out > div > div:nth-child(3) {height: 100%;padding: 10px;box-sizing: border-box;background: #fff;}.black-out > div > div:nth-child(3) > div {font-family: "Source Sans Pro", sans-serif;font-family: "PT Serif", serif;height: 100%;overflow: auto;font-size: 11px;text-align: justify;padding-right: 10px;}.black-out > div > div:nth-child(3) > div l {font-size: 2.8em;float: left;margin-right: 5px;}.black-out > div > div:nth-child(3) > div::-webkit-scrollbar { width: 2px;background: #A1A2A7;border: 3px solid #fafafa;}.black-out > div > div:nth-child(3) > div::-webkit-scrollbar-thumb {background: #000;  }.black-out-credit {margin-top: 5px;}.black-out-credit a {font-family: "Lato", sans-serif;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;text-decoration: none !important;color: #999!important;font-weight: bold;}</style><div class="black-out"><div><div></div><div><h2>Black out<span class="black-out-accent">.</span></h2><div><span>@tag</span></div><div>notes</div></div><div><div><l>L</l>orem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut.Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit quam, tristique in nisl ac, posuere dignissim augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lacinia sapien dolor, vitae feugiat ligula consequat eget. Praesent eget mauris enim. Aenean a quam felis. Morbi non congue lorem. Quisque volutpat eros eu odio sagittis, quis bibendum erat tristique. Suspendisse fermentum lectus justo, quis malesuada enim facilisis ut.</div></div></div><div class="black-out-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 19 Nov - 21:25



Je suis un titre


Votre texte ici

Vous pouvez ajouter une séparation avec un hr



Code:
<link href="https://fonts.googleapis.com/css?family=Spectral:400,700" rel="stylesheet"> <style>.shipper-wrap {height: 500px;width: 500px;padding: 10px;border: 1px solid #e8e8e8;background: #fbfbfb;position: relative;margin: 0 auto;}.shipper {height: 100%;width: 100%;border: 1px solid #e8e8e8;box-sizing: border-box;padding: 30px;background: #f8f8f8;}.shipper-img {overflow: hidden;background-image: url('http://image.noelshack.com/fichiers/2017/51/3/1513808776-jellyfish.png');background-size: cover;}.shipper-content {height: 100%;width: 100%;background: #fff;box-sizing: border-box;padding: 30px;text-align: justify;overflow: auto;font-family: 'Spectral', serif;font-size: 0.9em;line-height: 1.6em;margin-top: 110%;transition: all 0.3s;}.shipper:hover .shipper-content {margin-top: initial;}.shipper-content h2 {font-family: inherit;margin: 0 0 30px;font-size: 16px;color: #424242;position: relative;}.shipper-content h2:after {content: "";height: 1px;width: 20%;position: absolute;left: 0;bottom: -10px;background: #d2d2d2;}.shipper-content hr {border: 0;border-top: 1px solid #ccc;width: 50%;margin: 20px auto;}.shipper-credit {width: 100%;position: absolute;bottom: -20px;left: 0;text-align: center;}.shipper-credit a {text-decoration: none!important;font-size: 7px;letter-spacing: 2px;color: #ccc!important;text-transform: uppercase;}</style>
<div class="shipper-wrap"><div class="shipper"><div class="shipper shipper-img"><div class="shipper-content">
<h2>Je suis un titre</h2>
Votre texte ici
<hr>Vous pouvez ajouter une séparation avec un hr

</div></div></div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 19 Nov - 21:25


I liked it better

When you had no heart

Feat Alias 1 & Alias 2


Texte ici
notes


Code:
<style>.awf-wrap-heart {width: 500px;margin: auto;}.awf-head-heart h2 {font:10px 'Montserrat', sans-serif;letter-spacing: 2px;text-transform: uppercase;background-color: #1E1C1F;color:#BFBFB6;margin: 0;padding: 10px;}.awf-head-heart .bas {text-align: right;padding-bottom: 0!important;}.awf-head-heart h3 {font: 10px 'Montserrat', sans-serif;background-color: #1E1C1F;color:#BFBFB6;margin: 0;padding: 5px 0 10px 0;font-weight: normal;border-bottom: 3px solid #F73451;}.awf-head-heart h3 span {border-top: 1px solid #F73451;padding-left: 20px;padding-top: 5px;}.awf-text-heart {font: 11px/14px 'Hind Siliguri', sans-serif;background-color: #f2f2f2;text-align: justify;padding: 30px;}.awf-text-heart b {color: #F73451;}.awf-foot-heart {font: 10px/20px 'Montserrat', sans-serif;background-color: #1E1C1F;color:#BFBFB6;height: 22px;text-align: center;border-top: 3px solid #F73451;}.awf-credit a {color: #ccc!important;font: 9px 'Hind Siliguri', sans-serif;text-decoration: none;letter-spacing: 1px;}</style>
<div class="awf-wrap-heart"><!--
--><div class="awf-head-heart"><!--
--><h2>I liked it better</h2><!--
--><img src="http://placehold.it/500x150"><!--
--><h2 class="bas">When you had no heart</h2><!--
--><h3><span>Feat Alias 1 & Alias 2</span></h3><!--
--></div><!--
--><div class="awf-text-heart">
Texte ici
</div><!--
--><div class="awf-foot-heart"><!--
-->notes<!--
--></div><!--
--><div class="awf-credit"><a href="http://terrible.forumactif.org/"></> awful</a></div><!--
--></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 19 Nov - 21:26



Prénom Nom

  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
Citation ici

Physique & Caractère

Texte ici

Histoire

Texte ici
Créé par Nom du joueur
Infos supplémentaires


Code:
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto" rel="stylesheet"><style>:root {--couleur-fond: #424242;--couleur-fond: #353535;--bordure-int: #989898;--bordure-bloc: #111;}.app {width: 550px;font-family: 'Roboto', sans-serif;background-color: #282828;padding: 10px;box-sizing: border-box;border: 1px solid #2c2c2c;margin: auto;position: relative;}.app h2,.app h3 {font-family: 'Montserrat', sans-serif;margin:0;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;font-weight: bold;}.app h2 {background-color: var(--couleur-fond);text-align: center;color: #f2f2f2;padding: 30px 0;border: 1px solid var(--bordure-bloc);}.app h3 {color: var(--couleur-fond2);margin-bottom: 10px;}.app-basics, .joueur {display: -webkit-box;display: -ms-flexbox;display: flex;}.app-info {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 360px;}.app ul {border: 1px solid var(--bordure-bloc);border-top: 0;border-bottom: 0;padding:10px 15px;margin: 0;list-style-type: none;font-size: 10px;background: var(--couleur-fond2);color: #aaa;height: 260px;overflow: auto;}.app ul li {border-bottom: 1px solid #2c2c2c;padding: 7px 0 7px;display: block;}.app ul li:last-child {border-bottom: 0;}.app ul li label {color: inherit;width: 30%;display: inline-block;font-weight: bold;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}.app .app-avatar {padding: 20px;background: #303030;box-sizing: border-box;}.app .app-avatar img {vertical-align: middle;height: 320px;width: 200px;}.app-quote {line-height: 11px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background: #1d1d1d;display: inline-block;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #aaa;vertical-align: top;padding: 20px;box-sizing: border-box;text-align: justify;}.app-story {background-color: var(--couleur-fond);border: 1px solid var(--bordure-bloc);padding: 10px;box-sizing: border-box;height: 300px;}.app-story + .app-story {border-top: 0;height: auto;}.app-story > div {background-color: #f2f2f2;border: 1px solid #393939;padding: 30px 50px;box-sizing: border-box;box-shadow: inset 6px 0 var(--bordure-int), inset 0 6px var(--bordure-int),inset -6px 0 var(--bordure-int), inset 0 -6px var(--bordure-int);height: 100%;}.app-story > div > div {font-size: 11px;text-align: justify;height: 100%;overflow: auto;padding-right: 10px;line-height: 14px;}.joueur .app-avatar {height: 100px;width: 100px;}.app-joueur {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.app-joueur-head {font-family: 'Montserrat', sans-serif;background-color: var(--couleur-fond2);text-transform: uppercase;color: #f2f2f2;font-size: 10px;letter-spacing: 1px;padding: 10px;border: 1px solid var(--bordure-bloc);border-top: 0;}.app-joueur .infos {background-color: var(--couleur-fond);text-transform: none;color: #f2f2f2;font-family: "roboto";letter-spacing: 0px;height: 40px;overflow: auto;border: 1px solid var(--bordure-bloc);border-top: 0;padding: 10px;font-size: 11px;box-sizing: content-box;}.app-credit {position: absolute;bottom: -15px;left: 0;}.app-credit a {font-family: 'Montserrat', sans-serif;text-transform: uppercase;letter-spacing: 1px;font-size: 7px;font-weight: bold;text-decoration: none!important;color: #282828;}</style>

<div class="app"><h2>Prénom Nom</h2><!--
--><div class="app-basics"><div class="app-info"><ul><!--
--><li><label>Surnom</label>écrire ici</li><!--
--><li><label>Date de naissance</label> écrire ici</li><!--
--><li><label>Âge</label> écrire ici</li><!--
--><li><label>Métier</label> écrire ici</li><!--
--><li><label>Groupe</label> écrire ici</li><!--
--><li><label>Race</label> écrire ici</li><!--
--><li><label>Avatar</label> écrire ici</li></ul><!--

--><div class="app-quote">Citation ici</div><!--

--></div><div class="app-avatar"><img src="http://via.placeholder.com/200x320"  /></div></div><!--


--><div class="app-story"><div><div><h3>Physique & Caractère</h3>Texte ici</div></div></div><!--


--><div class="app-story"><div><div><h3>Histoire</h3>Texte ici</div></div></div><!--

--><div class="joueur"><img src="http://via.placeholder.com/80x80" class="app-avatar" /><div class="app-joueur"><div class="app-joueur-head">Créé par <b>Nom du joueur</b></div><div class="infos">Infos supplémentaires</div></div></div><div class="app-credit"><a href="http://terrible.forumactif.org" target="_blank">Awful</a></div></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Snake
La nature se rit des souffrances humaines
Snake


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

Codes et prez - Page 11 Empty
MessageSujet: Re: Codes et prez   Codes et prez - Page 11 Icon_minitimeLun 19 Nov - 21:27


Codes et prez - Page 11 100x100

Name Surname

Group - age - job - favorite pokemon

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?



Code:
<link href="https://fonts.googleapis.com/css?family=Arimo|Raleway:900,400" rel="stylesheet"><style>.shipper-wrap *{box-sizing: border-box;}.shipper-wrap {width: 450px;margin: auto;font-family: 'Arimo', sans-serif;}.shipper-wrap  *{box-sizing: border-box;}.awf-shipper {width: 100%;min-height: 155px;position: relative;padding: 20px;box-sizing: border-box;background-color: #f3f3f3;border-bottom: 6px solid #575757;}.awf-shipper + div {text-align: center;}.awf-shipper1-relations {width: 450px;margin: auto;text-align: center;}.awf-shipper img {padding: 5px;border: 1px solid #ccc;float: left;margin-right: 15px;border-radius: 50%;}.awf-shipper h2, .modal-pop h2 {margin: 15px 0 0 0;display: inline-block;font-family: 'Raleway', sans-serif;font-weight: normal;font-size: 20px;text-transform: lowercase;letter-spacing: -1px;color: #575757;border: 0;}.modal-pop h2 {margin: 15px 0 0 0;display: block;}.shipper-wrap h3 {margin: 0 0 10px 0;display: inline-block;font-family: 'Raleway', sans-serif;font-weight: normal;font-size: 10px;text-transform: uppercase;color: #9b9b9b;}.awf-shipper-desc {padding: 0 10px;box-sizing: border-box;height: 80px;overflow: auto;font-size: 10px;text-align: justify;line-height: 12px;}.awf-shipper-item {width: 110px;border-radius: 50%;display: inline-block;text-decoration: none;margin: 15px;vertical-align: top;cursor: pointer;}.awf-shipper-item img {border-radius: 50%;padding: 5px;border: 1px solid #ccc;}.awf-shipper-item h4 {margin: 10px 0 0 0;font-family: 'Raleway', sans-serif;font-weight: 600;font-size: 10px;text-transform: uppercase;color: #575757;text-align: center;}#essai {transform: none;}.modal {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0, 0, 0, .9);transition: opacity .25s ease;z-index: 999;}.modal-bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}.shipper-wrap input {display: none;}.modal-trigger:checked + .modal {opacity: 1;visibility: visible;}.modal-trigger:checked + .modal .modal-pop {top: 30%;}.modal-pop {transition: top .25s ease;position: relative;top: -20%;right: 0;bottom: 0;left: 0;width: 450px;margin: auto;overflow: auto;background: #fff;padding: 1em 2em;height: 250px;font-size: 11px;text-align: justify;}.modal-bg:after,.modal-bg:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: calc(50% + 215px);margin: -3px 0 0 -1px;top: calc(30% + 10px);transition: all 0.3s, opacity 0.3s 0.3s;z-index: 10;opacity: 0;}.modal-trigger:checked + .modal .modal-bg:after,.modal-trigger:checked + .modal .modal-bg:before {opacity: 1;}.modal-bg:hover:after,.modal-bg:hover:before {background: #aaa;}.modal-bg:before {transform: rotate(-45deg);}.awf-shipper-desc::-webkit-scrollbar,.awf-shipper-content::-webkit-scrollbar {width: 2px;}.awf-shipper-desc::-webkit-scrollbar-track,.awf-shipper-content::-webkit-scrollbar-track {background-color: #ccc;}.awf-shipper-desc::-webkit-scrollbar-thumb,.awf-shipper-content::-webkit-scrollbar-thumb {background-color: #48534F;}.awf-credit {position: absolute;left: 0;top: -15px;}.awf-credit a {color: #ccc !important;text-transform: uppercase;font-size: 8px;letter-spacing: 1px;text-decoration: none!important;}</style>
<div class="shipper-wrap"><div class="awf-shipper"><div class="awf-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div><!--
--><img src="http://placehold.it/100x100" alt=""><!--
--><h2>Name <b>Surname</b></h2><!--
--><h3>Group - age - job - favorite pokemon</h3><!--
--><div class="awf-shipper-desc">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</div></div><div><!--
****FIN DU BLOC D'INTRO ****



*** Pensez à changer les id pour chaque modal ! (ici: modal-1) *** -->
<label class="awf-shipper-item" for="modal-1" name="modal-ship" ><!--
--><img src="http://placehold.it/100x100" alt=""><h4>Name surname</h4><!--
--></label><input class="modal-trigger" id="modal-1" type="radio" name="modal-ship" /><div class="modal"><label class="modal-bg" for="modal-close"></label><div class="modal-pop"><!--
--><h2><b>Prénom</b> Nom</h2><h3>Nature de la relation</h3><p>Aliquam in sagittis nulla. Curabitur euismod diam eget risus venenatis, sed dictum lectus bibendum. Nunc nunc nisi, hendrerit eget nisi id, rhoncus rutrum velit. Nunc vel mauris dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fringilla quis nisi eget imperdiet.</p></div></div><!--

--><label class="awf-shipper-item" for="modal-2" name="modal-ship"><!--
--><img src="http://placehold.it/100x100" alt=""><h4>Name surname</h4><!--
--></label><input class="modal-trigger" id="modal-2" type="radio" name="modal-ship" /><div class="modal"><label class="modal-bg" for="modal-close"></label><div class="modal-pop"><!--
--><h2><b>Prénom</b> Nom</h2><h3>Nature de la relation</h3><p>Popup 2.</p></div></div><!--

--><label class="awf-shipper-item" for="modal-3" name="modal-ship"><!--
--><img src="http://placehold.it/100x100" alt=""><h4>Name surname</h4><!--
--></label><input class="modal-trigger" id="modal-3" type="radio" name="modal-ship" /><div class="modal"><label class="modal-bg" for="modal-close"></label><div class="modal-pop"><!--
--><h2><b>Prénom</b> Nom</h2><h3>Nature de la relation</h3><p>Popup 3.</p></div></div></div><input id="modal-close" type="radio" name="modal-ship" /></div>
Revenir en haut Aller en bas
https://snake-test.forumgratuit.org
Contenu sponsorisé





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

Revenir en haut Aller en bas
 
Codes et prez
Revenir en haut 
Page 11 sur 25Aller à la page : Précédent  1 ... 7 ... 10, 11, 12 ... 18 ... 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: