modèle fiche de liens

Admin Messages : 81 Date d'inscription : 03/03/2013

Nom & Prénom

feat. Nom de la célébrité

Scénario Inventé

Log In

Nom:

texte

Prénom:

texte

Âge & anniversaire:

texte texte

Occupation:

texte

Groupe:

texte

. . . . . . . . . . . . . . . . .

Groupe

Rang

. . . . . . . . . . . . . . . . .

Inventaire

Ici, les RP à faire, en cours ou terminés.

A piece of me

Ici tu peux mettre des anecdotes, des informations importantes sur ton personnage, bref ce que tu penses de primordial.

Hey ! I want someone like...

♀/♂ Titre du lien

— description

♀/♂ Titre du lien

— description

♀/♂ Titre du lien

— description

♀/♂ Titre du lien

— description

♀/♂ Titre du lien

— description

♀/♂ Titre du lien

— description

Code:: <center><link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
<div class="fondprez"><div style="background-image: url('http://i19.servimg.com/u/f19/18/43/20/06/captur12.png');width: 500px;height:1005px;border-right: 2px solid #a4cbaf;border-left: 2px solid #a4cbaf;">
<img src= "https://33.media.tumblr.com/c6a958b34b202a890b83829b395bb3f8/tumblr_nlc9jcNcRY1tk6aqzo1_500.gif" style="width:450px;height:200px;border:double 2px #f5e5a1;padding:3px;"><div style="font-family: 'Satisfy', cursive;font-size:38px;color:white;text-shadow: #d45564 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;"> Nom & Prénom</div>
<div class="preztitle2"><div style="font-family: 'Unica One', cursive;letter-spacing:3px;margin-top:-4px;">feat. Nom de la célébrité</div>
<INPUT type="checkbox" checked><span style="color: #c3d8a6; text-transform: uppercase; font-size: 12px;font-family:Oswald;">Scénario</span> <INPUT type="checkbox"> <span style="color: #d8a6a6;text-transform: uppercase; font-size: 12px;font-family:Oswald;">Inventé</span></div>

<div class="box1"><div style="border-top: 10px solid #de7176;padding-left:3px;">
<div style="float:left;margin-left:5px;width: 150px;height:588px;background-color:white;font-family: 'Unica One', cursive;text-align:justify;padding:3px;">
[center]<div style="color:#de7176;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;font-size:20px;">Log In</div>[/center]
<span class="text01"><div style="color:#c3d8a6;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">Nom:</div></span>texte
<span class="text02"><div style="color:#f5e5a1;text-shadow:#f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px,white 1px -1px;">Prénom:</div></span>texte
<span class="text01"><div style="color:#c3d8a6;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">Âge & anniversaire:</div></span> texte texte
<span class="text02"><div style="color:#f5e5a1;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">Occupation:</div></span>texte
<span class="text01"><div style="color:#c3d8a6;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">Groupe:</div></span>texte

[center]. . . . . . . . . . . . . . . . .[/center]

<div style="font-family: 'Satisfy', cursive;font-size:38px;color:white;text-shadow: #d45564 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;text-align:center;"> Groupe</div>
<div class="preztitle2"><div style="text-align:center;">Rang</div></div>
[center]. . . . . . . . . . . . . . . . .[/center]

<img src="http://data3.whicdn.com/images/168377086/large.gif" style="width:130px;height:55px;margin-left:5px;padding:3px;border:1px solid #f5e5a1;background-color: #ffffff;">

[center]<div style="color:#de7176;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;font-size:20px;">Inventaire</div>[/center]
<div style="text-align:justify;font-family:arial;font-size:11px;">Ici, les RP à faire, en cours ou terminés.</div>
</div><div style="font-family: 'Satisfy', cursive;font-size:28px;color:white;text-shadow: #c3d8a6 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;"> A piece of me</div><div class="box2"><img src="http://data2.whicdn.com/images/168554418/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><img src="http://data3.whicdn.com/images/168554112/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><div style="background-color:#FFFFFF;width:307px;height:180px;text-align:justify;float:left;margin-left:10px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Ici tu peux mettre des anecdotes, des informations importantes sur ton personnage, bref ce que tu penses de primordial.</div><div class="preztitle2"></div>
<FORM><SELECT onChange="document.location=this.options[this.selectedIndex].value" style=" width:130px;float:left;margin-left:30px;"><OPTION SELECTED>QUALITÉ</OPTION><OPTION SELECTED>QUALITÉ</OPTION><OPTION SELECTED>QUALITÉ</OPTION><OPTION SELECTED>QUALITÉ</OPTION><OPTION SELECTED>QUALITÉ</OPTION></SELECT></FORM><FORM><SELECT onChange="document.location=this.options[this.selectedIndex].value" style=" width:130px;float:left;margin-left:10px;"><OPTION SELECTED>DÉFAUT</OPTION><OPTION SELECTED>DÉFAUT</OPTION><OPTION SELECTED>DÉFAUT</OPTION><OPTION SELECTED>DÉFAUT</OPTION><OPTION SELECTED>DÉFAUT</OPTION></SELECT></FORM><br/>
<BR>

</div><div style="font-family: 'Satisfy', cursive;font-size:28px;color:white;text-shadow: #f5e5a1 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;padding-top:30px;"> Hey ! I want someone like...</div><div class="box2"><div style="background-color:#FFFFFF;width:260px;height:180px;text-align:justify;width:307px;float:left;margin-left:10px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">
<span class="text01"><div style="color:#c3d8a6;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">♀/♂ Titre du lien</div></span>— description
<span class="text02"><div style="color:#f5e5a1;text-shadow:#f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px,white 1px -1px;">♀/♂ Titre du lien</div></span>— description
<span class="text01"><div style="color:#c3d8a6;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">♀/♂ Titre du lien</div></span>— description
<span class="text01"><div style="color:#f5e5a1;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">♀/♂ Titre du lien</div></span>— description
<span class="text01"><div style="color:#c3d8a6;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">♀/♂ Titre du lien</div></span>— description
<span class="text01"><div style="color:#f5e5a1;text-shadow: #f1f1f8 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;">♀/♂ Titre du lien</div></span>— description
</div><img src="http://data3.whicdn.com/images/167663367/large.gif"style="width:150px;height:73px;float:right;margin-right:10px;"><img src="http://data1.whicdn.com/images/167663461/large.gif"style="width:150px;height:73px;float:right;margin-right:10px;">

</div>
</div>
</div>
</div>

Dernière édition par ara le Sam 7 Oct - 11:35, édité 1 fois

Admin Messages : 81 Date d'inscription : 03/03/2013

Girls and their hidden feels

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.

Code:: <center><link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
<div class="fondprez"><div style="background-image: url('http://i19.servimg.com/u/f19/18/43/20/06/captur12.png');width: 500px;height:800px;border-right: 2px solid #a4cbaf;border-left: 2px solid #a4cbaf;">
<div style="font-family: 'Satisfy', cursive;font-size:28px;color:white;text-shadow: #c3d8a6 2px 2px, #FFFFFF -1px 1px, white -1px -1px, white 1px -1px;"> Girls and their hidden feels</div><div class="box2">
<img src="http://data2.whicdn.com/images/168554418/large.gif"style="width:150px;height:73px;float:left;margin-left:15px;"><img src="http://data3.whicdn.com/images/168554112/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><img src="http://data2.whicdn.com/images/168554418/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><div style="background-color:#FFFFFF;width:147px;height:160px;text-align:justify;float:left;margin-left:10px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.</div><div class="preztitle2"></div><div style="background-color:#FFFFFF;width:145px;height:160px;text-align:justify;float:left;margin-left:5px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.</div><div class="preztitle2"></div><div style="background-color:#FFFFFF;width:145px;height:160px;text-align:justify;float:left;margin-left:7px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.</div><div class="preztitle2"></div>

<img src="http://data2.whicdn.com/images/168554418/large.gif"style="width:150px;height:73px;float:left;margin-left:15px;"><img src="http://data3.whicdn.com/images/168554112/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><img src="http://data2.whicdn.com/images/168554418/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><div style="background-color:#FFFFFF;width:147px;height:160px;text-align:justify;float:left;margin-left:10px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.</div><div class="preztitle2"></div><div style="background-color:#FFFFFF;width:145px;height:160px;text-align:justify;float:left;margin-left:5px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.</div><div class="preztitle2"></div><div style="background-color:#FFFFFF;width:145px;height:160px;text-align:justify;float:left;margin-left:7px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.</div><div class="preztitle2"></div>

<img src="http://data2.whicdn.com/images/168554418/large.gif"style="width:150px;height:73px;float:left;margin-left:15px;"><img src="http://data3.whicdn.com/images/168554112/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><img src="http://data2.whicdn.com/images/168554418/large.gif"style="width:150px;height:73px;float:left;margin-left:10px;"><div style="background-color:#FFFFFF;width:147px;height:160px;text-align:justify;float:left;margin-left:10px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.</div><div class="preztitle2"></div><div style="background-color:#FFFFFF;width:145px;height:160px;text-align:justify;float:left;margin-left:5px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.</div><div class="preztitle2"></div><div style="background-color:#FFFFFF;width:145px;height:160px;text-align:justify;float:left;margin-left:7px;overflow:auto;font-family:arial;text-size:11px;padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet mi nec urna feugiat molestie pharetra in elit. Aenean vitae condimentum metus. Curabitur bibendum sollicitudin mollis. Aliquam erat volutpat. Nulla ac justo aliquet, consequat sapien in, congue libero. Vivamus lacus justo, cursus ut tellus sed, pulvinar condimentum risus. Sed et ornare leo. Etiam convallis orci quis odio imperdiet, aliquam facilisis nulla rutrum. Praesent non massa pellentesque, cursus nisi at, accumsan turpis. Cras venenatis mauris arcu, id dapibus mauris pulvinar non.</div><div class="preztitle2"></div>

</div>
</div>
</div>
</div>

» modèle de présentations
» Fiche de réponse
» Fiche présentation