Codes mémoire/relations

 :: Catégorie 1 :: Autriche-Hongrie Voir le sujet précédent Voir le sujet suivant Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Jeu 18 Juin - 16:22

et une info ici

et une info ici

et une info ici

et une info ici

et une info ici



Prénom Nom


TEXTE DESCRIPTIF DU PERSONNAGE

Mes rps :


titredurp - avec Machin
titredurp - avec Machin
titredurp - avec Machin
titredurp - avec Machin
titredurp - avec Machin
titredurp - avec Machin

( CODAGE PAR LILIANA SUR S.o.S RPG )


Code:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Pacifico"><style type="text/css">.f-fond a {color: #c1a5eb!important;} .f-fond {width: 500px; margin: auto; background-color: #f2f2f2; border-bottom: 4px solid #c1a5eb; border-top: 4px solid #c1a5eb;} .f-gif {width: 500px;} .f-fond h1 {margin: 0px; font-weight: normal; font-family: 'pacifico', cursive; font-size: 45px; text-align: center; color: #a5beeb;} .f-fond h2 {margin: 0px 0px -15px 0px; text-align: left; padding-left: 60px; font-family: georgia; font-size: 18px; color: #ebc6a5; font-style: italic; letter-spacing: -2px;} .f-texte, .f-rps, .f-liens {margin: 0px; padding: 0px 10px 0px 10px; text-align: justify; font-size: 11px; color: #7b7b7b; line-height: 12px;} .f-rps {text-align: left; padding: 0px 30px 0px 30px;} .f-liens {height: 80px; margin: 0 10px; padding: 5px; overflow: auto;} .f-liens img {float: left; margin-right: 5px; width: 80px;} .f-infos {opacity: 0; width: 500px; height: 275px; transition-duration: 1s ;-moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; overflow: auto;} .f-infos:hover {opacity: 1; background-color: #f2f2f2;} .f-infos p {width: 170px; height: 15px; text-align: center; font-family: times; font-size: 12px; text-transform: lowercase; font-style: italic; color: white; letter-spacing: 1px; padding: 10px;} .f-infos div {padding: 5px 5px 5px 35px; text-align: center;} </style><!--
FIN DU CSS

DEBUT DU CODE
--><div class="f-fond"><div class="f-gif" style="background-image: url(http://i.imgur.com/n8nztNw.gif)"><!--
--><div class="f-infos"><div style="float: left; height: 225px;"><!--
--><p style="background-color: #eba5aa;">et une info ici</p><!--
--><p style="background-color: #c1a5eb;">et une info ici</p><!--
--><p style="background-color: #a5beeb;">et une info ici</p><!--
--><p style="background-color: #a5ebbc;">et une info ici</p><!--
--><p style="background-color: #ebc6a5;">et une info ici</p></div>
<div><img src="ICONE EN 100*100"> <img src="ICONE EN 100*100">
<img src="ICONE EN 100*100"> <img src="ICONE EN 100*100"></div></div></div><!--

--><h1>Prénom Nom</h1>
<div class="f-texte">TEXTE DESCRIPTIF DU PERSONNAGE</div><!--

-->
<h2>Mes rps :</h2>
<div class="f-rps">► <a href="">titredurp</a> - avec Machin
► <a href="">titredurp</a> - avec Machin
► <a href="">titredurp</a> - avec Machin
► <a href="">titredurp</a> - avec Machin
► <a href="">titredurp</a> - avec Machin
► <a href="">titredurp</a> - avec Machin</div>
</div><!--

--><div style="font-family:arial; font-size: 8px; color:#333333; letter-spacing:2px; text-align:center;">( CODAGE PAR LILIANA SUR <a href="http://www.sos-rpg.com">S.o.S RPG</a> )</div>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Jeu 18 Juin - 16:22

Mes liens féminins :


TEXTE DU LIEN

TEXTE DU LIEN

TEXTE DU LIEN

TEXTE DU LIEN

TEXTE DU LIEN

( CODAGE PAR LILIANA SUR S.o.S RPG )


Code:
        <div class="f-fond">
        <h1>Mes liens féminins :</h1>
        <div class="f-liens" style="background-color: #eba5aa;"><img src="ICONE EN 100*100">TEXTE DU LIEN</div><!--

        -->
        <div class="f-liens" style="background-color: #c1a5eb;"><img src="ICONE EN 100*100">TEXTE DU LIEN</div><!--

        -->
        <div class="f-liens" style="background-color: #a5beeb;"><img src="ICONE EN 100*100">TEXTE DU LIEN</div><!--

        -->
        <div class="f-liens" style="background-color: #a5ebbc;"><img src="ICONE EN 100*100">TEXTE DU LIEN</div><!--

        -->
        <div class="f-liens" style="background-color: #ebc6a5;"><img src="ICONE EN 100*100">TEXTE DU LIEN</div>
        </div><!--

        --><div style="font-family:arial; font-size: 8px; color:#333333; letter-spacing:2px; text-align:center;">( CODAGE PAR LILIANA SUR <a href="http://www.sos-rpg.com">S.o.S RPG</a> )</div>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Jeu 18 Juin - 16:23
Explications du code

Prénom Nom



Qui est-il ?


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed fringilla leo, nec fringilla metus. Fusce suscipit lorem vel erat aliquet mollis. Sed vitae odio erat. Vestibulum fringilla, ligula id porttitor molestie, est ante sodales enim, quis gravida metus nulla ac mi. Fusce pretium laoreet tellus at vestibulum. Fusce mauris mi, porta ut tincidunt ut, interdum vestibulum nulla. Vestibulum eu volutpat libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras in felis non nisi varius consequat. Aenean volutpat lobortis dui, sed semper libero lobortis at. Ut eget ipsum vitae massa molestie suscipit et at tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed malesuada diam tristique dictum egestas. Integer faucibus ipsum vel aliquam faucibus. Fusce quis justo id sapien semper dictum.

Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.


Sa tête en mosaïque




Ses aventures



Passées

En cours

Futures

Rp terminé ▬ decription
Rp terminé ▬ decription
Rp terminé ▬ decription
Rp terminé ▬ decription
Rp terminé ▬ decription
Rp en cours ▬ decription
Rp en cours ▬ decription
Rp en cours ▬ decription
Rp en cours ▬ decription
Rp en cours ▬ decription
• Avec machin
• Avec truc
• Avec bidule

Code par Dehvi sur Never-Utopia



Ses relations



Prénom nom



Type de relation

Description de la relation


Prénom nom



Type de relation

Description de la relation


Prénom nom



Type de relation

Description de la relation


Prénom nom



Type de relation

Description de la relation


Code par Dehvi sur Never-Utopia



Code:

    <div class="perso"><h1>Prénom Nom</h1>
    <img src="http://placehold.it/500x100"/>
    <h2>Qui est-il ?</h2><p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed fringilla leo, nec fringilla metus. Fusce suscipit lorem vel erat aliquet mollis. Sed vitae odio erat. Vestibulum fringilla, ligula id porttitor molestie, est ante sodales enim, quis gravida metus nulla ac mi. Fusce pretium laoreet tellus at vestibulum. Fusce mauris mi, porta ut tincidunt ut, interdum vestibulum nulla. Vestibulum eu volutpat libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras in felis non nisi varius consequat. Aenean volutpat lobortis dui, sed semper libero lobortis at. Ut eget ipsum vitae massa molestie suscipit et at tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed malesuada diam tristique dictum egestas. Integer faucibus ipsum vel aliquam faucibus. Fusce quis justo id sapien semper dictum.

    Nam sollicitudin sagittis semper. Pellentesque mattis venenatis tellus, ac adipiscing elit lacinia et. Ut ut suscipit urna. Etiam interdum sollicitudin turpis, sed sodales urna ultrices id. Phasellus scelerisque pharetra nisi, sit amet commodo nulla blandit in. Donec orci augue, consequat ac pulvinar non, egestas in tortor. Etiam mattis nibh in mollis pretium. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce consectetur dapibus fermentum. Ut porttitor nec tellus ac eleifend.</p>
    <h2>Sa tête en mosaïque</h2>

    <center><img src="http://placehold.it/100x100"/> <img src="http://placehold.it/100x100"/> <img src="http://placehold.it/100x100"/> <img src="http://placehold.it/100x100"/></center>
    <h2>Ses aventures</h2>

    <table class="rps"><tr><td><h3>Passées</h3></td><td><h3>En cours</h3></td><td><h3>Futures</h3></td></tr><tr><td valign="top"><a href="#">Rp terminé</a> ▬ decription
    <a href="#">Rp terminé</a> ▬ decription
    <a href="#">Rp terminé</a> ▬ decription
    <a href="#">Rp terminé</a> ▬ decription
    <a href="#">Rp terminé</a> ▬ decription</td><td valign="top"><a href="#">Rp en cours</a> ▬ decription
    <a href="#">Rp en cours</a> ▬ decription
    <a href="#">Rp en cours</a> ▬ decription
    <a href="#">Rp en cours</a> ▬ decription
    <a href="#">Rp en cours</a> ▬ decription</td><td valign="top">• Avec machin
    • Avec truc
    • Avec bidule</td></tr></table>

    <center>Code par <a href="http://www.never-utopia.com/u17236">Dehvi</a> sur <a href="http://www.never-utopia.com">Never-Utopia</a></center>
    </div>

Code:
    <div class="perso"><h1>Ses relations</h1>

    <table class="relations"><tr><td><h3>Prénom nom</h3>
    <img src="http://placehold.it/230x100"/>
    <p><strong>Type de relation</strong>

    Description de la relation</p>
    </td><td><h3>Prénom nom</h3>
    <img src="http://placehold.it/230x100"/>
    <p><strong>Type de relation</strong>

    Description de la relation</p>
    </td></tr><tr><td><h3>Prénom nom</h3>
    <img src="http://placehold.it/230x100"/>
    <p><strong>Type de relation</strong>

    Description de la relation</p>
    </td><td><h3>Prénom nom</h3>
    <img src="http://placehold.it/230x100"/>
    <p><strong>Type de relation</strong>

    Description de la relation</p>
    </td></tr></table>
    <center>Code par <a href="http://www.never-utopia.com/u17236">Dehvi</a> sur <a href="http://www.never-utopia.com">Never-Utopia</a></center>
    </div>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Sam 30 Jan - 16:27
Description de la relation.
Nom
Prénom
  • Âge ◊ Occupation
  • Genre de la relation
  • Lieu de la rencontre


Code:
    <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_TIMBE.css" rel="stylesheet" type="text/css"><!-- BOITE - COULEUR FOND PERSONNALISABLE --><div class="boxTIMBE" style="background-color:white;"><table cellspacing="0" cellpadding="0"><tr><td><!-- CREDIT --><div class="PUFTIMBE"><a href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a></div><!-- DESCRIPTION --><div class="deslienTIMBE">Description de la relation.</div></td><td style="border-left:1px solid black;"><table cellspacing="0" cellpadding="0"><tr><td><!-- NOM/PRENOM - COULEUR PERSONNALISABLE --><div class="nameTIMBE" style="color:black;">Nom<br/>Prénom</div></td><td><!-- IMAGE LIEN - VEILLER A LAISSER LA CLASS - 75*75 REDIMENSIONNEMENT AUTOMATIQUE - COULEUR BORDURE PERSONNALISABLE --><img class="imgTIMBE" style="border-color:black;" src="http://sd-1.archive-host.com/membres/images/211183412958130190/Icones/Othello.gif" /></td></tr><tr><td colspan="2"><div class="lienfosTIMBE"><!-- DEBUT INFORMATIONS LIEN - 3 LIGNES --><ul><li>Âge ◊ Occupation</li><li>Genre de la relation</li><li>Lieu de la rencontre</li></ul><!-- FIN INFORMATIONS --></div></td></tr></table></td></tr></table></div>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Lun 20 Juin - 14:53
il y a trois versions : par défaut, chaude et froide
pour changer de version, remplacer "template-linus-1 default" par "template-linus-1 warmer" ou "template-linus-1 colder"

pour modifier les barres d'affinités, il vous suffit de changer les chiffres dans l'attribut "class" par un chiffre entre 0 et 10

par exemple : class="tli-affinites-bar tli-hate-4 tli-love-3"
sera rempli à 40% en bleu et à 30% en rose

et : class="tli-affinites-bar tli-hate-2 tli-love-1"
sera rempli à 20% en bleu et à 10% en rose

j'ai corrigé une erreur dans l'énoncé
ce n'est pas "template-linus-1 default" qu'il faut modifier mais "template-linus-2 default"
je pense que ça restait compréhensible mais dans le doute, j'ai préféré rectifier
(oui ce message est un copié/collé mais j'ai répété l'erreur bêtement donc...)

nom prenom

une petite citation un peu classe

nom lorem ipsum
prénom lorem ipsum
âge 08 ans
né(e) le 00/00/0000

mon avatarnomprenom nomprenom

sexe masculin
nationalité française
métier collégien
groupe civils

ce que je recherche
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
nom prénom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.
nom prénom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.
nom prénom
affinités
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.
nom prénom
affinités
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.
©linus pour Epicode


Code:
    <div class="template-linus-3 default"><!-- remplacer default par warmer ou colder pour des couleurs alternatives

    /*** début du bloc entête ***/
    --><div class="tli-header"><!--
    --><h2>nom prenom</h2><!--
    --><h3>une petite citation un peu classe</h3><!--

        /*** début du bloc entête gauche ***/
        --><div class="tli-header-cols"><div class="tli-header-left"><p><!--
        --><span class="tli-champ">nom</span> lorem ipsum<!--
        --><br/><span class="tli-champ">prénom</span> lorem ipsum<!--
        --><br/><span class="tli-champ">âge</span> 08 ans<!--
        --><br/><span class="tli-champ">né(e) le</span> 00/00/0000<!--
        --></p></div><!--
        /*** fin du bloc entête gauche ***/

    /*** début avatar ***/
    --><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/9.jpg" alt="mon avatar"/><!--
    --><span>nomprenom nomprenom</span><!--
    --></a><!--
    /*** fin avatar ***/

        /*** début du bloc entête droite ***/
        --><div class="tli-header-right"><p><!--
        --><span class="tli-champ">sexe</span> masculin<!--
        --><br/><span class="tli-champ">nationalité</span> française<!--
        --><br/><span class="tli-champ">métier</span> collégien<!--
        --><br/><span class="tli-champ">groupe</span> civils<!--
        --></p></div></div><!--
        /*** fin du bloc entête droite ***/

    --></div><!--
    /*** fin du bloc entête ***/

    /*** début du bloc recherche ***/
    --><div class="tli-body-onglet">ce que je recherche</div><!--
    --><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</div><!--
    /*** fin du bloc recherche ***/

    /*** début des blocs liens ***/
    --><div class="tli-liens"><!--

    /*** début du bloc lien ***/
    --><div class="tli-lien"><!--
    --><div class="tli-body-onglet">nom prénom</div><!--
    --><div class="tli-details"><!--

    /*** début avatar ***/
    --><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/6.jpg" alt="mon avatar"/><!--
    --><span>nomprenom nomprenom</span><!--
    --></a><!--
    /*** fin avatar ***/

    --></div><!--

    /*** début liens rps et affinité ***/
    --><div class="tli-more"><!--
    --><div class="tli-affinites"><!--
    --><span>affinités</span><!--
    /*** barre d'affinites : choisir un chiffre entre 0 et 10, tli-hate-N pour la barre bleue, tli-love-N pour la barre rose ***/
    --><div class="tli-affinites-bar tli-hate-1 tli-love-5"></div><!--
    --></div><!--
    --><div class="tli-rps"><!--
    --><span>rps</span><!--
    --><div><!--
    --><a href="#" target=_blank>lien1</a> <!--
    --><a href="#" target=_blank>lien2</a> <!--
    --><a href="#" target=_blank>lien3</a> <!--
    --><a href="#" target=_blank>lien4</a> <!--
    --><a href="#" target=_blank>lien5</a> <!--
    --><a href="#" target=_blank>lien6</a> <!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin liens rps et affinité ***/

    --><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.</div><!--
    --></div><!--
    /*** fin du bloc lien ***/

    /*** début du bloc lien ***/
    --><div class="tli-lien"><!--
    --><div class="tli-body-onglet">nom prénom</div><!--
    --><div class="tli-details"><!--

    /*** début avatar ***/
    --><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/7.jpg" alt="mon avatar"/><!--
    --><span>nomprenom nomprenom</span><!--
    --></a><!--
    /*** fin avatar ***/

    --></div><!--

    /*** début liens rps et affinité ***/
    --><div class="tli-more"><!--
    --><div class="tli-affinites"><!--
    --><span>affinités</span><!--
    /*** barre d'affinites : choisir un chiffre entre 0 et 10, tli-hate-N pour la barre bleue, tli-love-N pour la barre rose ***/
    --><div class="tli-affinites-bar tli-hate-5 tli-love-5"></div><!--
    --></div><!--
    --><div class="tli-rps"><!--
    --><span>rps</span><!--
    --><div><!--
    --><a href="#" target=_blank>lien1</a> <!--
    --><a href="#" target=_blank>lien2</a> <!--
    --><a href="#" target=_blank>lien3</a> <!--
    --><a href="#" target=_blank>lien4</a> <!--
    --><a href="#" target=_blank>lien5</a> <!--
    --><a href="#" target=_blank>lien6</a> <!--
    --><a href="#" target=_blank>lien7</a> <!--
    --><a href="#" target=_blank>lien8</a> <!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin liens rps et affinité ***/

    --><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.</div><!--
    --></div><!--
    /*** fin du bloc lien ***/

    /*** début du bloc lien ***/
    --><div class="tli-lien"><!--
    --><div class="tli-body-onglet">nom prénom</div><!--
    --><div class="tli-details"><!--

    /*** début avatar ***/
    --><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/8.jpg" alt="mon avatar"/><!--
    --><span>nomprenom nomprenom</span><!--
    --></a><!--
    /*** fin avatar ***/

    --></div><!--

    /*** début liens rps et affinité ***/
    --><div class="tli-more"><!--
    --><div class="tli-affinites"><!--
    --><span>affinités</span><!--
    /*** barre d'affinites : choisir un chiffre entre 0 et 10, tli-hate-N pour la barre bleue, tli-love-N pour la barre rose ***/
    --><div class="tli-affinites-bar tli-hate-2 tli-love-2"></div><!--
    --></div><!--
    --><div class="tli-rps"><!--
    --><span>rps</span><!--
    --><div><!--
    --><a href="#" target=_blank>lien1</a> <!--
    --><a href="#" target=_blank>lien2</a> <!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin liens rps et affinité ***/

    --><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.</div><!--
    --></div><!--
    /*** fin du bloc lien ***/

    /*** début du bloc lien ***/
    --><div class="tli-lien"><!--
    --><div class="tli-body-onglet">nom prénom</div><!--
    --><div class="tli-details"><!--

    /*** début avatar ***/
    --><a href="#" title="Voir sa fiche" target=_blank class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/9.jpg" alt="mon avatar"/><!--
    --><span>nomprenom nomprenom</span><!--
    --></a><!--
    /*** fin avatar ***/

    --></div><!--

    /*** début liens rps et affinité ***/
    --><div class="tli-more"><!--
    --><div class="tli-affinites"><!--
    --><span>affinités</span><!--
    /*** barre d'affinites : choisir un chiffre entre 0 et 10, tli-hate-N pour la barre bleue, tli-love-N pour la barre rose ***/
    --><div class="tli-affinites-bar tli-hate-4 tli-love-3"></div><!--
    --></div><!--
    --><div class="tli-rps"><!--
    --><span>rps</span><!--
    --><div><!--
    --><a href="#" target=_blank>lien1</a> <!--
    --><a href="#" target=_blank>lien2</a> <!--
    --><a href="#" target=_blank>lien3</a> <!--
    --><a href="#" target=_blank>lien4</a> <!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin liens rps et affinité ***/

    --><div class="tli-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum semper mi eu lorem lobortis, ut pellentesque risus posuere. Donec sit amet vulputate mi, vel rutrum est. In vehicula venenatis nulla, non elementum elit fermentum nec.</div><!--
    --></div><!--
    /*** fin du bloc lien ***/

    --></div><!--
    /*** fin des blocs liens ***/

    --><div class="tli-credits">©linus pour <a href="http://epicode.bbactif.com/" target=_blank>Epicode</a></div></div><!--
    --><link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/3.css"/>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Jeu 23 Juin - 11:16
NOM Prénom(s)
Âge - Occupation
Résumé de l'histoire du personnage.
▬ lien recherché : description
▬ lien recherché : description
▬ lien recherché : description
Présentation
Répertoire RP
En courstitre du rp ft. ...
titre du rp ft. ...Envisagéstitre du rp ft. ...Terminéstitre du rp ft. ...
adjectif
adjectif
adjectif
adjectif
adjectif


Code:
    <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_BOR.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE DETERMINER LES COULEURS DES ADJECTIFS --><style type="text/css">.adjRLBOR div {background:#a3a3c7 !important; color:black !important;}</style><!-- FICHE RL - TOUTES COULEURS PERSONNALISABLES --><div class="RLBOR"><!-- NOM PRENOM(S) - INFORMATIONS DIVERSES --><div id="tleTRLBOR" style="background:#a3a3c7; color:white;"><!-- BORDURE --><div class="tleRLBOR" style="border-color:white;"><!-- NOM PRENOM(S) --><div>NOM Prénom(s)</div><!-- INFORMATIONS DIVERSES --><span>Âge - Occupation</span></div></div><!-- BLOC A PROPOS --><div style="background:#eeeeee;"><!-- CREDIT --><a class="cdtRLBOR" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><div class="boxRLBOR"><!-- RESUME PERSONNAGE --><div class="youRLBOR" style="border-color:#a3a3c7; color:black;">Résumé de l'histoire du personnage.</div><!-- LIENS RECHERCHES --><div class="seekRLBOR" style="border-color:#a3a3c7; color:black;"><b>▬ lien recherché</b> : description<br/><b>▬ lien recherché</b> : description<br/><b>▬ lien recherché</b> : description</div><!-- LIEN VERS LA PRESENTATION --><a href="" target="_blank" style="background:#a3a3c7; color:white;">Présentation</a><!-- LISTE DES RP --><div class="listTRLBOR" style="background:#a3a3c7; color:white;">Répertoire RP<!-- CONTENU LISTE RP --><div style="background:#eeeeee; border-color:#a3a3c7; color:black;"><!-- EN COURS --><span style="color:#a3a3c7;">En cours</span><!-- CONTENU --><a href="" target="_blank">titre du rp</a> ft. ...<br/><a href="" target="_blank">titre du rp</a> ft. ...<!-- EN ATTENTE --><span style="color:#a3a3c7;">Envisagés</span><!-- CONTENU --><a href="" target="_blank">titre du rp</a> ft. ...<!-- TERMINES --><span style="color:#a3a3c7;">Terminés</span><!-- CONTENU --><a href="" target="_blank">titre du rp</a> ft. ...</div></div></div><!-- 5 ADJECTIFS --><div class="adjRLBOR"><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><!-- IMAGE 200*100 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="http://www.aht.li/2733637/200100.png" /></div></div></div>

Titre
sous-titre
NOM
Prénom
relation

Description

NOM
Prénom
relation

Description

NOM
Prénom
relation

Description



Code:
    <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_BOR.css" rel="stylesheet" type="text/css"><!-- LIENS - TOUTES COULEURS PERSONNALISABLES --><div class="RLBOR"><!-- BLOC TITRE --><div id="tleRLBOR" style="background:#a3a3c7; color:white;"><!-- BORDURE --><div class="tleRLBOR" style="border-color:white;"><!-- TITRE --><div>Titre</div><!-- SOUS-TITRE --><span>sous-titre</span></div></div><!-- LIEN I --><div class="lksRLBOR" style="background:white;"><!-- IMAGE & NOM PRENOM --><div class="npRLBOR"><!-- IMAGE 100*100 --><img src="http://www.aht.li/2901991/100100BW.png" /><!-- NOM PRENOM --><div>NOM<br/>Prénom</div></div><!-- DESCRIPTION --><div class="descRLBOR" style="background:#eae9eb;"><!-- RELATION --><span style="border-color:#a3a3c7; color:black;">relation</span><!-- CONTENU --><p style="color:black;">Description</p></div></div><!-- CREDIT --><a class="cdtRLBOR" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN II --><div class="lksRLBOR" style="background:white;"><!-- IMAGE & NOM PRENOM --><div class="npRLBOR"><!-- IMAGE 100*100 --><img src="http://www.aht.li/2901991/100100BW.png" /><!-- NOM PRENOM --><div>NOM<br/>Prénom</div></div><!-- DESCRIPTION --><div class="descRLBOR" style="background:#eae9eb;"><!-- RELATION --><span style="border-color:#a3a3c7; color:black;">relation</span><!-- CONTENU --><p style="color:black;">Description</p></div></div><!-- LIEN III --><div class="lksRLBOR" style="background:white;"><!-- IMAGE & NOM PRENOM --><div class="npRLBOR"><!-- IMAGE 100*100 --><img src="http://www.aht.li/2901991/100100BW.png" /><!-- NOM PRENOM --><div>NOM<br/>Prénom</div></div><!-- DESCRIPTION --><div class="descRLBOR" style="background:#eae9eb;"><!-- RELATION --><span style="border-color:#a3a3c7; color:black;">relation</span><!-- CONTENU --><p style="color:black;">Description</p></div></div></div>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Ven 5 Aoû - 11:44
Explications du code

mon avatarjean peuplux davincourt

jean peuplux davincourt

l'ombre de ton iench

ce que je recherche

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.
©linus pour Epicode


Code:
    <div class="template-linus-11 lighter"><!-- remplacer lighter par darker pour une luminosité alternative
    --><div class="tli-margin"><!--

    /*** début du bloc liens ***/
    --><div class="tli-header tli-gradient"><!-- remplacer tli-gradient par tli-flat pour enlever le dégradé
    --><a href="#" title="Voir ma fiche" target="_blank" class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/23.jpg" alt="mon avatar"/><!--
    --><span>jean peuplux davincourt</span><!--
    --></a><!--
    --><h2>jean peuplux davincourt</h2><!--
    --><div class="tli-separator"><!--
    --><i class="fa fa-paper-plane"></i><!-- remplacer ici l'icône si vous le souhaitez
    --></div><!--
    --><h3>l'ombre de ton iench</h3><!--
    --></div><!--
    /*** fin du bloc liens ***/

    /*** début du bloc corps de texte ***/
    --><div class="tli-body"><!--

    --><div class="tli-intro"><!--
    --><h3><!--
    -->ce que je recherche<!--
    --></h3><!--
    -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor...<!--
    --></div><!--

    /*** début du bloc personnage 0 ***/
    --><div class="tli-character"><!--

    /*** début avatar pseudo ***/
    --><div class="tli-line"><!--
    --><a href="#character0" class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/14.jpg" alt="mon avatar"/><!--
    --></a><!--
    --><a href="#character0" class="tli-inner-line"><!--
    --><h2>nomprénom nomprénom</h2><!--
    --><h3>type de lien</h3><!--
    --></a><!--
    --><div class="tli-inner-line tli-pastilles"><!--
    --><div class="tli-pastille"><!--
    -->1 rp<!--
    --><div class="tli-liens"><!--
    --><a href="#" target="_blank">titre de mon rp 1</a><br/><!--
    --></div><!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin avatar pseudo ***/
   
    --><span class="tli-target" id="character0"></span><!--
    --><div class="tli-details"><!--
    -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc personnage 0 ***/
    /*** début du bloc personnage 1 ***/
    --><div class="tli-character"><!--

    /*** début avatar pseudo ***/
    --><div class="tli-line"><!--
    --><a href="#character1" class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/27.jpg" alt="mon avatar"/><!--
    --></a><!--
    --><a href="#character1" class="tli-inner-line"><!--
    --><h2>nomprénom nomprénom</h2><!--
    --><h3>type de lien</h3><!--
    --></a><!--
    --><div class="tli-inner-line tli-pastilles"><!--
    --><div class="tli-pastille"><!--
    -->3 rp<!--
    --><div class="tli-liens"><!--
    --><a href="#" target="_blank">titre de mon rp 1</a><br/><!--
    --><a href="#" target="_blank">titre de mon rp 2</a><br/><!--
    --><a href="#" target="_blank">titre de mon rp 3</a><br/><!--
    --></div><!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin avatar pseudo ***/
   
    --><span class="tli-target" id="character1"></span><!--
    --><div class="tli-details"><!--
    -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc personnage 1 ***/
    /*** début du bloc personnage 2 ***/
    --><div class="tli-character"><!--

    /*** début avatar pseudo ***/
    --><div class="tli-line"><!--
    --><a href="#character2" class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/26.jpg" alt="mon avatar"/><!--
    --></a><!--
    --><a href="#character2" class="tli-inner-line"><!--
    --><h2>nomprénom nomprénom</h2><!--
    --><h3>type de lien</h3><!--
    --></a><!--
    --><div class="tli-inner-line tli-pastilles"><!--
    --><div class="tli-pastille"><!--
    -->1 rp<!--
    --><div class="tli-liens"><!--
    --><a href="#" target="_blank">titre de mon rp 1</a><br/><!--
    --></div><!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin avatar pseudo ***/
   
    --><span class="tli-target" id="character2"></span><!--
    --><div class="tli-details"><!--
    -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc personnage 2 ***/
    /*** début du bloc personnage 3 ***/
    --><div class="tli-character"><!--

    /*** début avatar pseudo ***/
    --><div class="tli-line"><!--
    --><a href="#character3" class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/16.jpg" alt="mon avatar"/><!--
    --></a><!--
    --><a href="#character3" class="tli-inner-line"><!--
    --><h2>nomprénom nomprénom</h2><!--
    --><h3>type de lien</h3><!--
    --></a><!--
    --><div class="tli-inner-line tli-pastilles"><!--
    --><div class="tli-pastille"><!--
    -->0 rp<!--
    --><div class="tli-liens"><!--
    --></div><!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin avatar pseudo ***/
   
    --><span class="tli-target" id="character3"></span><!--
    --><div class="tli-details"><!--
    -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc personnage 3 ***/
    /*** début du bloc personnage 4 ***/
    --><div class="tli-character"><!--

    /*** début avatar pseudo ***/
    --><div class="tli-line"><!--
    --><a href="#character4" class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/25.jpg" alt="mon avatar"/><!--
    --></a><!--
    --><a href="#character4" class="tli-inner-line"><!--
    --><h2>nomprénom nomprénom</h2><!--
    --><h3>type de lien</h3><!--
    --></a><!--
    --><div class="tli-inner-line tli-pastilles"><!--
    --><div class="tli-pastille"><!--
    -->2 rp<!--
    --><div class="tli-liens"><!--
    --><a href="#" target="_blank">titre de mon rp 1</a><br/><!--
    --><a href="#" target="_blank">titre de mon rp 2</a><br/><!--
    --></div><!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin avatar pseudo ***/
   
    --><span class="tli-target" id="character4"></span><!--
    --><div class="tli-details"><!--
    -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc personnage 4 ***/
    /*** début du bloc personnage 5 ***/
    --><div class="tli-character"><!--

    /*** début avatar pseudo ***/
    --><div class="tli-line"><!--
    --><a href="#character5" class="tli-avatar"><!--
    --><img src="http://strandhogg.fr/epicode/placeholders/15.jpg" alt="mon avatar"/><!--
    --></a><!--
    --><a href="#character5" class="tli-inner-line"><!--
    --><h2>nomprénom nomprénom</h2><!--
    --><h3>type de lien</h3><!--
    --></a><!--
    --><div class="tli-inner-line tli-pastilles"><!--
    --><div class="tli-pastille"><!--
    -->1 rp<!--
    --><div class="tli-liens"><!--
    --><a href="#" target="_blank">titre de mon rp 1</a><br/><!--
    --></div><!--
    --></div><!--
    --></div><!--
    --></div><!--
    /*** fin avatar pseudo ***/
   
    --><span class="tli-target" id="character5"></span><!--
    --><div class="tli-details"><!--
    -->Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam varius metus eget euismod scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id lectus in orci lacinia vulputate. Integer tempor commodo risus, sit amet condimentum turpis faucibus eu. Mauris a tellus placerat, elementum massa sit amet, molestie ex. Vivamus tincidunt augue quis nibh iaculis, a aliquet leo ullamcorper. Quisque ullamcorper ullamcorper leo a feugiat. Proin sed felis luctus, imperdiet lectus id, imperdiet ex. Maecenas pharetra, arcu pharetra iaculis laoreet, nunc mi blandit enim, nec faucibus erat ipsum ac tortor. Pellentesque et felis sit amet est laoreet lacinia. Pellentesque et felis sit amet est laoreet lacinia.<!--
    --></div><!--
    --></div><!--
    /*** fin du bloc personnage 5 ***/
   
    --></div><!--
    /*** fin du bloc corps de texte ***/

    --><div class="tli-credits">©linus pour <a href="http://epicode.bbactif.com/" target="_blank">Epicode</a></div><!--
    --></div><!--
    --></div><!--
    --><link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/11.css?color1p=8191d0"/><!-- remplacer ici la couleur si vous le souhaitez
    --><link rel="stylesheet" href="http://strandhogg.fr/epicode/css/font-awesome.min.css"/><!--
    --><link href="https://fonts.googleapis.com/css?family=Raleway|Unica+One" rel="stylesheet"/>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Ven 6 Jan - 17:47
Nom Prénom
Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit. Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit



Les scénarios désirés

Scénario 1► Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit, qui ita evisceratus ut cruciatibus membra deessent, inplorans caelo iustitiam, torvum renidens fundato pectore mansit inmobilis nec se incusare nec quemquam alium passus et tandem nec confessus nec confutatus cum abiecto consorte poenali est morte multatus. et ducebatur intrepidus temporum iniquitati insultans, imitatus Zenonem illum veterem Stoicum qui ut mentiretur quaedam laceratus diutius, avulsam sedibus linguam suam cum cruento sputamine in oculos interrogantis Cyprii regis inpegit.

Scénario 2 ► Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit, qui ita evisceratus ut cruciatibus membra deessent, inplorans caelo iustitiam, torvum renidens fundato pectore mansit inmobilis nec se incusare nec quemquam alium passus et tandem nec confessus nec confutatus cum abiecto consorte poenali est morte multatus. et ducebatur intrepidus temporum iniquitati insultans, imitatus Zenonem illum veterem Stoicum qui ut mentiretur quaedam laceratus diutius, avulsam sedibus linguam suam cum cruento sputamine in oculos interrogantis Cyprii regis inpegit.

Scénario 3 ► Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit, qui ita evisceratus ut cruciatibus membra deessent, inplorans caelo iustitiam, torvum renidens fundato pectore mansit inmobilis nec se incusare nec quemquam alium passus et tandem nec confessus nec confutatus cum abiecto consorte poenali est morte multatus. et ducebatur intrepidus temporum iniquitati insultans, imitatus Zenonem illum veterem Stoicum qui ut mentiretur quaedam laceratus diutius, avulsam sedibus linguam suam cum cruento sputamine in oculos interrogantis Cyprii regis inpegit.


Ma vie jusqu'à aujourd'hui

Titre du RP avec Untel et c'est En cours► En deux mots.
Titre du RP avec Untel et c'est En cours► En deux mots.
Titre du RP avec Untel et c'est En cours► En deux mots.
Titre du RP avec Untel et c'est En cours► En deux mots.
Code by Frosty Blue de Never Utopia




Code:
    <div class="nico-agenda"><img src="http://i68.servimg.com/u/f68/18/01/25/82/agenda10.png"/><div class="nico-maintitle-box"><div class="nico-maintitle">Nom Prénom</div>Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit. Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit</div>

    <br><div class="nico-subtitle">Les scénarios désirés</div>
    <b>Scénario 1►</b> Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit, qui ita evisceratus ut cruciatibus membra deessent, inplorans caelo iustitiam, torvum renidens fundato pectore mansit inmobilis nec se incusare nec quemquam alium passus et tandem nec confessus nec confutatus cum abiecto consorte poenali est morte multatus. et ducebatur intrepidus temporum iniquitati insultans, imitatus Zenonem illum veterem Stoicum qui ut mentiretur quaedam laceratus diutius, avulsam sedibus linguam suam cum cruento sputamine in oculos interrogantis Cyprii regis inpegit.

    <b>Scénario 2 ►</b> Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit, qui ita evisceratus ut cruciatibus membra deessent, inplorans caelo iustitiam, torvum renidens fundato pectore mansit inmobilis nec se incusare nec quemquam alium passus et tandem nec confessus nec confutatus cum abiecto consorte poenali est morte multatus. et ducebatur intrepidus temporum iniquitati insultans, imitatus Zenonem illum veterem Stoicum qui ut mentiretur quaedam laceratus diutius, avulsam sedibus linguam suam cum cruento sputamine in oculos interrogantis Cyprii regis inpegit.

    <b>Scénario 3 ►</b> Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit, qui ita evisceratus ut cruciatibus membra deessent, inplorans caelo iustitiam, torvum renidens fundato pectore mansit inmobilis nec se incusare nec quemquam alium passus et tandem nec confessus nec confutatus cum abiecto consorte poenali est morte multatus. et ducebatur intrepidus temporum iniquitati insultans, imitatus Zenonem illum veterem Stoicum qui ut mentiretur quaedam laceratus diutius, avulsam sedibus linguam suam cum cruento sputamine in oculos interrogantis Cyprii regis inpegit.

    <br><div class="nico-subtitle">Ma vie jusqu'à aujourd'hui</div>
    <b><a href="..."/>Titre du RP</a></b> avec <i>Untel</i> et c'est <b><span style="color: mediumaquamarine;">En cours</span></b>► En deux mots.
    <b><a href="..."/>Titre du RP</a></b> avec <i>Untel</i> et c'est <b><span style="color: mediumaquamarine;">En cours</span></b>► En deux mots.
    <b><a href="..."/>Titre du RP</a></b> avec <i>Untel</i> et c'est <b><span style="color: mediumaquamarine;">En cours</span></b>► En deux mots.
    <b><a href="..."/>Titre du RP</a></b> avec <i>Untel</i> et c'est <b><span style="color: mediumaquamarine;">En cours</span></b>► En deux mots.
    <div class="nico-credits">Code by Frosty Blue de <a href="http://www.never-utopia.com">Never Utopia</a></div></div>

    <style type="text/css">.nico-agenda {background: white; border-right: 8px #81835b solid; width: 510px; padding: 20px; box-shadow: 0px 0px 4px lightgrey; margin: auto;  color: #624641; text-align: justify; font-family: 'Marvel'; font-size: 16px;} .nico-agenda img {display: inline-block; position: relative;} .nico-maintitle-box {position: relative; right: -40px; display: inline-block; vertical-align: top; width: 250px; font-family: 'Poiret One'; font-size: 16px;} .nico-maintitle {background: #81835b; color: white; text-align: center; padding: 10px; font-size: 25px; font-family: 'Voltaire'; text-transform: uppercase; margin-bottom: 10px;} .nico-subtitle {font-size: 25px; border-bottom: #81835b 1px solid; width: 100%; color: #81835b; padding-bottom: 2px; font-family: 'Quicksand';} .nico-credits {text-align: right; font-size: 12px; margin-top: 5px; margin-bottom: -10px; color: #81835b;}
    </style><link href='https://fonts.googleapis.com/css?family=Poiret+One|Quicksand|Ruda|Amaranth|Voltaire' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300|Marvel' rel='stylesheet' type='text/css'>

Les liens
Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit, qui ita evisceratus ut cruciatibus membra deessent, inplorans caelo iustitiam, torvum renidens fundato pectore mansit inmobilis nec se incusare nec quemquam alium passus et tandem nec confessus nec confutatus cum abiecto consorte poenali est morte multatus.



Nom Prénom

Titre du lien ► On est comme ça.



Nom Prénom

Titre du lien ► On est comme ça.



Nom Prénom

Titre du lien ► On est comme ça.



Nom Prénom

Titre du lien ► On est comme ça.



Nom Prénom

Titre du lien ► On est comme ça.

Code by Frosty Blue de Never Utopia




Code:
    <div class="nico-agenda"><img src="http://i68.servimg.com/u/f68/18/01/25/82/agenda15.png"/><div class="nico-maintitle-box" style="width: 300px";><div class="nico-maintitle">Les liens</div>Cumque pertinacius ut legum gnarus accusatorem flagitaret atque sollemnia, doctus id Caesar libertatemque superbiam ratus tamquam obtrectatorem audacem excarnificari praecepit, qui ita evisceratus ut cruciatibus membra deessent, inplorans caelo iustitiam, torvum renidens fundato pectore mansit inmobilis nec se incusare nec quemquam alium passus et tandem nec confessus nec confutatus cum abiecto consorte poenali est morte multatus.
    </div>

    <br><div class="nico-subtitle">Nom Prénom</div>
    <div class="nico-lien"><img src="..."/><b>Titre du lien ►</b> On est comme ça.</div>

    <br><div class="nico-subtitle">Nom Prénom</div>
    <div class="nico-lien"><img src="..."/><b>Titre du lien ►</b> On est comme ça.</div>

    <br><div class="nico-subtitle">Nom Prénom</div>
    <div class="nico-lien"><img src="..."/><b>Titre du lien ►</b> On est comme ça.</div>

    <br><div class="nico-subtitle">Nom Prénom</div>
    <div class="nico-lien"><img src="..."/><b>Titre du lien ►</b> On est comme ça.</div>

    <br><div class="nico-subtitle">Nom Prénom</div>
    <div class="nico-lien"><img src="..."/><b>Titre du lien ►</b> On est comme ça.</div>
    <div class="nico-credits">Code by Frosty Blue de <a href="http://www.never-utopia.com">Never Utopia</a></div></div>

    <style type="text/css">.nico-agenda {background: white; border-right: 8px #81835b solid; width: 510px; padding: 20px; box-shadow: 0px 0px 4px lightgrey; margin: auto;  color: #624641; text-align: justify; font-family: 'Marvel'; font-size: 16px;} .nico-agenda img {display: inline-block; position: relative;} .nico-maintitle-box {position: relative; right: -40px; display: inline-block; vertical-align: top; width: 250px; font-family: 'Poiret One'; font-size: 16px;} .nico-maintitle {background: #81835b; color: white; text-align: center; padding: 10px; font-size: 25px; font-family: 'Voltaire'; text-transform: uppercase; margin-bottom: 10px;} .nico-subtitle {font-size: 25px; border-bottom: #81835b 1px solid; width: 100%; color: #81835b; padding-bottom: 2px; font-family: 'Quicksand';} .nico-credits {text-align: right; font-size: 12px; margin-top: 5px; margin-bottom: -10px; color: #81835b;} .nico-lien img {width: 100px; height: 100px; background: #81835b; overflow: hidden; float: left; margin-right: 10px;} .nico-lien {min-height: 100px; border-bottom: #624641 30px solid; padding-bottom: 10px;}
    </style><link href='https://fonts.googleapis.com/css?family=Poiret+One|Quicksand|Ruda|Amaranth|Voltaire' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300|Marvel' rel='stylesheet' type='text/css'>
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Ven 6 Jan - 17:49

Lover - Love is when the other person's happiness is more important than your own. H. Jackson Brown, Jr.
Good Friend - A real friend is one who walks in when the rest of the world walks out. Walter Winchell
Friend - One loyal friend is worth ten thousand relatives. Euripide
Acquaintance - The beginning of an acquaintance whether with persons or things is to get a definite outline of our ignorance. George Eliot
Indifferent - At the bottom of enmity between strangers lies indifference. Soren Kierkegaard
Rival - I embrace my rival, but only to strangle him. Jean Racine
Frenemy - An enemy to whom you show kindness becomes your friend, excepting lust, the indulgence of which increases its enmity. Saadi
Enemy - You have enemies? Good. That means you've stood up for something, sometime in your life. Winston Churchill
Mortal Enemy - Know thy self, know thy enemy. A thousand battles, a thousand victories. Sun Tzu

Nom Prénom




description du lien



description du lien



description du lien


Code de Frosty Blue


Code:
    <div class="color-topbox">
    <div class="center-box"><div class="color-code"><div class="cube1"></div><div class="desc"><b>Lover</b> - Love is when the other person's happiness is more important than your own. <i>H. Jackson Brown, Jr.</i></div></div><div class="color-code"><div class="cube2"></div><div class="desc"><b>Good Friend</b> - A real friend is one who walks in when the rest of the world walks out. <i>Walter Winchell</i></div></div><div class="color-code"><div class="cube3"></div><div class="desc"><b>Friend</b> - One loyal friend is worth ten thousand relatives. <i>Euripide</i></div></div><div class="color-code"><div class="cube4"></div><div class="desc"><b>Acquaintance</b> - The beginning of an acquaintance whether with persons or things is to get a definite outline of our ignorance. <i>George Eliot</i></div></div><div class="color-code"><div class="cube5"></div><div class="desc"><b>Indifferent</b> - At the bottom of enmity between strangers lies indifference. <i>Soren Kierkegaard</i></div></div><div class="color-code"><div class="cube6"></div><div class="desc"><b>Rival</b> - I embrace my rival, but only to strangle him. <i>Jean Racine</i></div></div><div class="color-code"><div class="cube7"></div><div class="desc"><b>Frenemy</b> - An enemy to whom you show kindness becomes your friend, excepting lust, the indulgence of which increases its enmity. <i>Saadi</i></div></div><div class="color-code"><div class="cube8"></div><div class="desc"><b>Enemy</b> - You have enemies? Good. That means you've stood up for something, sometime in your life. <i>Winston Churchill</i></div></div><div class="color-code"><div class="cube9"></div><div class="desc"><b>Mortal Enemy</b> -  Know thy self, know thy enemy. A thousand battles, a thousand victories. <i>Sun Tzu</i></div></div></div>
    <div class="color-name">Nom Prénom</div></div>

    <div class="color-body">
    <div class="color-linkbox" style="background-color: #f93974;"><div class="color-linkname">Nom Prénom</div><div class="color-reminder">Rival</div></div>
    <div class="color-descbox"><div class="linkdesc">description du lien</div><img src="..."/><img src="..."/><img src="..."/></div>

    <div class="color-linkbox" style="background-color: #6b39f9"><div class="color-linkname">Nom Prénom</div><div class="color-reminder">Mortal Enemy</div></div>
    <div class="color-descbox"><div class="linkdesc">description du lien</div><img src="..."/><img src="..."/><img src="..."/></div>

    <div class="color-linkbox" style="background-color: #05f598"><div class="color-linkname">Nom Prénom</div><div class="color-reminder">Lover</div></div>
    <div class="color-descbox"><div class="linkdesc">description du lien</div><img src="..."/><img src="..."/><img src="..."/></div>

    <div class="frost">Code de <a href="http://www.never-utopia.com/">Frosty Blue</a></div></div><style type="text/css">.color-topbox {width: 500px; margin: auto; position: relative;} .color-code {height: 20px; width: 20px; display: inline-block; vertical-align: top; margin-right: 15px; opacity: 0.5; transition: 1s; -webkit-transition: 1s;} .desc {background: black; color: lightgrey; text-align: justify; position: absolute; z-index: 2; opacity: 0; transition: 1s; -webkit-transition: 1s; width: 0px; box-sizing:border-box; padding: 10px; height: 50px; overflow: auto; position: absolute; left: 0px; top: 45px;} .cube1:hover {-webkit-transition: 1s; transition: 1s; box-shadow: 0px 0px 3px lightgrey;} .color-code:hover {opacity: 1; transition: 1s; -webkit-transition: 1s;} .color-code:hover .desc {width: 500px; opacity: 1; -webkit-transition: 1s; transition: 1s;} .cube1 {height: 20px; width: 20px; background: #05f598; position: relative; -webkit-transition: 1s; transition: 1s;} .cube2 {height: 20px; width: 20px; background: #81f939; position: relative; transition: 1s; -webkit-transition: 1s;} .cube3 {height: 20px; width: 20px; background: #f9f639; position: relative; transition: 1s; -webkit-transition: 1s;} .cube4 {height: 20px; width: 20px; background: #f99c39; position: relative; transition: 1s; -webkit-transition: 1s;} .cube5 {height: 20px; width: 20px; background: #f93939; position: relative; -webkit-transition: 1s; transition: 1s;} .cube6 {height: 20px; width: 20px; background: #f93974; position: relative; transition: 1s; -webkit-transition: 1s;} .cube7 {height: 20px; width: 20px; background: #ed39f9; position: relative; transition: 1s; -webkit-transition: 1s;} .cube8 {height: 20px; width: 20px; background: #b63bf7; position: relative; transition: 1s; -webkit-transition: 1s;} .cube9 {height: 20px; width: 20px; background: #6b39f9; position: relative; transition: 1s; -webkit-transition: 1s;} .color-name {font-size: 30px; position: relative; z-index: 1; color: black; text-align: center; letter-spacing: 15px; text-transform: uppercase; font-family:'Cantarell'; font-weight: bold; line-height: 30px;} .color-body {width: 500px; margin: auto;} .color-linkbox {width: 500px; margin: auto; text-align: center; font-family: 'Cantarell'; text-transform: uppercase; letter-spacing: 5px; color: black; font-size: 18px; padding: 7px; box-sizing: border-box; height: 30px;} .color-linkname {position: relative; transition: 1s; -webkit-transition: 1s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s;} .color-linkbox:hover .color-linkname {-webkit-filter: blur(25px); filter: blur(25px); opacity: 0; transition: 1s; -webkit-transition: 1s;} .color-reminder {opacity: 0; transition: 1s; -webkit-transition: 1s; position: relative; top: -18px; color: white;} .color-linkbox:hover .color-reminder {opacity: 1; transition-delay: 1s; -webkit-transition-delay: 1s; -webkit-transition: 1s; transition: 1s;} .color-descbox {width: 500px; height: 70px; margin: auto; box-sizing: border-box; padding: 10px; background: black;} .linkdesc {box-sizing: border-box; padding: 10px; height: 50px; width: 300px; float: left; overflow: auto; background: lightgrey; color: black; font-family: 'Cantarell'; text-align: justify; position: relative; z-index: 1;} .color-descbox img {height: 50px; width: 50px; background: white; overflow: hidden; margin-left: 8px;} .frost {opacity: 0.5; color: lightgrey; font-size: 10px; text-align: center;} .center-box {margin: auto; text-align: center;}

    </style><link href='https://fonts.googleapis.com/css?family=Cantarell:400,700' rel='stylesheet' type='text/css' />
Revenir en haut Aller en bas
Legend
Compte PNJ ▬ Admin
avatar
✦ Anecdotes : 401
Compte PNJ ▬ Admin
Ven 6 Jan - 17:50
Explications du code

Autre code

Prénom P. Nom
type de lien • Un p'tit blabla qui roxxe de ma grand mama à poney sans bombe attention, ou sinon, c'est la description de votre lien ici ! Un peu de longueur siouplé. Un peu de longueur siouplé.


Code:
    <div style="color:#A09FC9; font-size:30px; text-align: center; font-family: lobster two; font-weight:bold; font-style:italic; padding-right:100px;margin-bottom:5px;text-transform:lowercase;"> Prénom P. Nom </div><div style="background-color: #E7E7E9; border-radius:20px; padding:10px; color:#000; text-align:justify;width:430px;margin: auto;border-right: 4px solid lightgrey;border-left: 4px solid lightgrey;"><img style="border:4px solid #fff; margin-left:-30px; margin-top:-30px; float:left; border-radius:100px;" src="LIEN ICON 100*100"/><b>type de lien</b>  • Un p'tit blabla qui roxxe de ma grand mama à poney sans bombe attention, ou sinon, c'est la description de votre lien ici ! Un peu de longueur siouplé. Un peu de longueur siouplé.<br/></div>

Revenir en haut Aller en bas
Contenu sponsorisé
Contenu sponsorisé
Contenu sponsorisé
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en hautPage 1 sur 1
Sujets similaires
-
» Vends Action Replay Game Cube avec carte mémoire de codes+cartes VIP
» Ride en la mémoire d' un ami dcd
» [Culture] Vidéos et Codes HeroPad sur le Blog de LEGO
» Les relations entre les personnages
» Fate : Unlimited Codes (system 246)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Catégorie 1 :: Autriche-Hongrie-
Sauter vers: