Partagez | 
 

˜˜˜˜˜˜ → Modèle de présentation (facultatif)
maybe life should be about more than just surviving


Admin
avatar
28/05/2014 Partout et nulle part 1734 Nobody 39
Admin


Sujet: → Modèle de présentation (facultatif)
Dim 8 Juin - 13:06

Vous trouverez à la suite quelques exemples de présentations pour vous fiches de liens. Bien évidemment, cette liste est non exhaustive et non obligatoire. Vous pouvez bien entendu prendre d'autres codages, que l'on peut, par exemple, trouver sur bazart ou encore Pub RPG Design  
N'hésitez pas à modifier les couleurs pour adapter au design du forum  


   
Titre trop cool

         
Qui je suis


         Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus. Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.

passe ta souris si tu veux en savoir plus
Age: ICI Orientation sexuelle: ICI Situation amoureuse: ICI Aptitudes : ICI Tribu: ICIDisponibilité RP : Oui/Non   Fiche RPs
   
© The Hundred


Code:
<link href="http://www.aht.li/2833206/ex_fiche_liens.css" type="text/css" rel="stylesheet">
   <link href='http://fonts.googleapis.com/css?family=Poiret+One|Six+Caps' rel='stylesheet' type='text/css'>
   <center><div class="fondprez"><div class="walter2" style="font-size: 28px;">Titre trop cool</div>
         <table><tr><td><div class="descriptionliens"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Qui je suis</div><h1>
         Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus. Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.Je suis le plus beau et le plus fort de tous les guerriers grounders. Je suis un petit cent espiègle qui vole dans les greniers des tribus.</h1></div>[size=8]passe ta souris si tu veux en savoir plus[/size]</div></div></td><td style="width:300px; height:100px;"><div class="identité"><v>Age: ICI </v><v>Orientation sexuelle: ICI </v><v>Situation amoureuse: ICI </v><v> Aptitudes : ICI </v><v>Tribu: ICI</v><img src="http://static.tumblr.com/2cae3345416dc73cff94e4ceb7fd1846/pkhqbcw/B5Anfvgya/tumblr_static_1r28tbp8gxy8ko404gkkococg.gif" style="width:235px;height:120px" /><v>Disponibilité RP : Oui/Non  </v> <v> [url=http://www.the-hundred.org/]Fiche[/url] </v> <v> [url=http://www.the-hundred.org/]RPs[/url] </v>
   
[right][size=8]©️ The Hundred[/size][/right]
</div></td></tr></table></div></center>


Dernière édition par Game Master le Ven 19 Fév - 14:52, édité 3 fois

Admin
avatar
28/05/2014 Partout et nulle part 1734 Nobody 39
Admin


Sujet: Re: → Modèle de présentation (facultatif)
Dim 8 Juin - 13:07


Ton titre ici



PSEUDO; relation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.


PSEUDO; relation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.


PSEUDO; relation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.


PSEUDO; relation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.



Code:
<link href="http://www.aht.li/2833206/ex_fiche_liens.css" type="text/css" rel="stylesheet"><link href='http://fonts.googleapis.com/css?family=Poiret+One|Six+Caps' rel='stylesheet' type='text/css'>
<center><div class="fondprez" style="width:480px;"><div class="walter2" style="font-size: 28px;">Ton titre ici </div><br>
<br><table><tr><td><img style="height:80px; width:80px;margin-left:8px; border: 2px solid rgba(0,198,143,0.15); border-radius:50px;" src="https://38.media.tumblr.com/cef650b3257d2374f6339ea186d44d34/tumblr_nlkfqdADbR1qac5b6o7_r1_400.gif"></img></td><td><div style="text-align:left;"><b> [size=11]PSEUDO[/size]</b>; <i>relation</i></div><div class="relations" style="height:50px; width:370px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.</div></td></tr></table><br>
<table><tr><td><div style="text-align:left;"><b> [size=11]PSEUDO[/size]</b>; <i>relation</i></div><div class="relations" style="height:50px; width:370px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.</div></td><td><img style="height:80px; width:80px;margin-left:8px; border: 2px solid rgba(0,198,143,0.15); border-radius:50px;" src="https://38.media.tumblr.com/cef650b3257d2374f6339ea186d44d34/tumblr_nlkfqdADbR1qac5b6o7_r1_400.gif"></img></td></tr></table><br>
<table><tr><td><img style="height:80px; width:80px;margin-left:8px; border: 2px solid rgba(0,198,143,0.15); border-radius:50px;" src="https://38.media.tumblr.com/cef650b3257d2374f6339ea186d44d34/tumblr_nlkfqdADbR1qac5b6o7_r1_400.gif"></img></td><td><div style="text-align:left;"><b> [size=11]PSEUDO[/size]</b>; <i>relation</i></div><div class="relations" style="height:50px; width:370px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.</div></td></tr></table><br>
<table><tr><td><div style="text-align:left;"><b> [size=11]PSEUDO[/size]</b>; <i>relation</i></div><div class="relations" style="height:50px; width:370px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.</div></td><td><img style="height:80px; width:80px;margin-left:8px; border: 2px solid rgba(0,198,143,0.15); border-radius:50px;" src="https://38.media.tumblr.com/cef650b3257d2374f6339ea186d44d34/tumblr_nlkfqdADbR1qac5b6o7_r1_400.gif"></img></td></tr></table><br></div></center>




Prénom + Nom
lien de la mort qui tue
   
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.


Prénom + Nom
lien de la mort qui tue
   
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
   


Prénom + Nom
lien de la mort qui tue
   
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.


Prénom + Nom
lien de la mort qui tue
   
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.


Code:
<link href="http://www.aht.li/2833206/ex_fiche_liens.css" type="text/css" rel="stylesheet"><link href='http://fonts.googleapis.com/css?family=Poiret+One|Six+Caps' rel='stylesheet' type='text/css'>
<center><table cellpadding=10><tr><td><div class="fondprez" style="width:200px; border-radius:10px;"><img width="180" height="100" Src="http://auto.img.v4.skyrock.net/1443/83411443/pics/3216857857_1_10_0ApSYVq4.gif" style="padding: 1px; opacity: 0.8;box-shadow: 0px 0px 3px #1A1A1A inset; border-radius:10px;"><br><br><div class="walter2" style="font-size: 20px;">Prénom + Nom </div>[i]lien de la mort qui tue[/i]
   <center><div class="relations" style="height:148px; width:180px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu. </div></center></div></td><td><div class="fondprez" style="width:200px; border-radius:10px;"><img width="180" height="100" Src="http://auto.img.v4.skyrock.net/1443/83411443/pics/3216857857_1_10_0ApSYVq4.gif" style="padding: 1px; opacity: 0.8;box-shadow: 0px 0px 3px #1A1A1A inset; border-radius:10px;"><br><br><div class="walter2" style="font-size: 20px;">Prénom + Nom </div>[i]lien de la mort qui tue[/i]
   <center><div class="relations" style="height:148px; width:180px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu. </div></center></div></td></tr></table>
   <table cellpadding=10><tr><td><div class="fondprez" style="width:200px; border-radius:10px;"><img width="180" height="100" Src="http://auto.img.v4.skyrock.net/1443/83411443/pics/3216857857_1_10_0ApSYVq4.gif" style="padding: 1px; opacity: 0.8;box-shadow: 0px 0px 3px #1A1A1A inset; border-radius:10px;"><br><br><div class="walter2" style="font-size: 20px;">Prénom + Nom </div>[i]lien de la mort qui tue[/i]
   <center><div class="relations" style="height:148px; width:180px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu. </div></center></div></td><td><div class="fondprez" style="width:200px; border-radius:10px;"><img width="180" height="100" Src="http://auto.img.v4.skyrock.net/1443/83411443/pics/3216857857_1_10_0ApSYVq4.gif" style="padding: 1px; opacity: 0.8;box-shadow: 0px 0px 3px #1A1A1A inset; border-radius:10px;"><br><br><div class="walter2" style="font-size: 20px;">Prénom + Nom </div>[i]lien de la mort qui tue[/i]
   <center><div class="relations" style="height:148px; width:180px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu.
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi interdum sapien in elit ultricies, non venenatis orci tempor. Pellentesque sodales elementum sagittis. Sed eu feugiat nisi, vitae euismod orci. Praesent vitae tortor et odio malesuada congue. Aenean non lectus ut metus dictum imperdiet. Morbi lobortis sollicitudin massa, vel pharetra lorem sollicitudin id. In hac habitasse platea dictumst. Praesent at lacinia turpis. Aliquam accumsan auctor ligula interdum lobortis. Ut id egestas urna, id placerat elit. Duis eget blandit eros. Aenean in libero eleifend, posuere diam ac, mattis arcu. </div></center></div></td></tr></table></center>




Girls / Boys


Prénom Nom

+ Lien

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.


Prénom Nom

+ Lien

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.

Prénom Nom

+ Lien

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.


Prénom Nom

+ Lien

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.



Code:
<link href="http://www.aht.li/2833206/ex_fiche_liens.css" type="text/css" rel="stylesheet"><link href='http://fonts.googleapis.com/css?family=Poiret+One|Six+Caps' rel='stylesheet' type='text/css'>
<center><div class="fondprez"><br><br><div class="walter2" style="font-size: 28px;"> Girls / Boys</div><center><table><tr><td><div class="descriptionliens"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Prénom Nom</div><h1><div class="donneesb">+ Lien </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.</div><br/></h1></div></div></div></td>
<td><div class="descriptionliens"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Prénom Nom</div><h1><div class="donneesb">+ Lien </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.  </div></td></tr><tr><td><div class="descriptionliens"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Prénom Nom</div><h1><div class="donneesb">+ Lien </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.</div><br/></h1></div></div></div></td>
<td><div class="descriptionliens"><div style="width: 200px; height: 320px; background-image: url(http://img11.hostingpics.net/pics/357242larged.png);  background-repeat: no-repeat; margin-left:0px;"><div class="survol_1"><div class="qui">Prénom Nom</div><h1><div class="donneesb">+ Lien </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec neque ac purus blandit fringilla vitae vitae felis. Vestibulum tellus augue, porttitor ut velit nec, vestibulum cursus ligula. Fusce porttitor facilisis aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et orci euismod, tincidunt dui sed, venenatis massa. Maecenas id orci a dolor semper volutpat. Phasellus eleifend massa ex, nec interdum nisi venenatis non. Nullam convallis, tellus at tempus hendrerit, leo nunc malesuada nibh, eget elementum justo neque eget dui. Quisque rhoncus nunc non venenatis faucibus. Sed blandit, nunc ac mollis tempor, est risus varius nibh, a volutpat felis nunc id metus. Suspendisse quis commodo turpis. Nulla eget sagittis sapien.  </div></td></tr></table></center></div> </center>


Dernière édition par Game Master le Ven 19 Fév - 14:54, édité 2 fois

Admin
avatar
28/05/2014 Partout et nulle part 1734 Nobody 39
Admin


Sujet: Re: → Modèle de présentation (facultatif)
Mar 3 Nov - 15:00




le titre que tu veux

A propos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.

Amis

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.


Amours

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.

Emmerdes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.



Pour changer la couleur des onglets, cela se passe entre les balises "style"
Code:
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed|Wire+One' rel='stylesheet' type='text/css'>
<link href='http://www.seiryuu.org/~cal/code/cal-indexcard.css' rel='stylesheet' type='text/css'>
<style>.indexcard label.ic-label-about{background-color:#DDECC3 !important;}.indexcard label.ic-label-friends{background:#E2DE97 !important;}.indexcard label.ic-label-lovers{background:#6CB3AF !important;}.indexcard label.ic-label-enemies{background:#90BF98 !important;}</style>
<div class="indexcard"><div class="ic-base"><div class="ic-clip"><img src="http://i.imgur.com/K4vVufM.png"></div><div class="ic-icon"><img src="http://placehold.it/100x100"></div><div class="ic-title">le titre que tu veux</div><div class="ic-main"><input id="ic-link-1" type="radio" name="radio-set" class="ic-link-about" checked="checked"/><label for="ic-link-1" class="ic-label-about"><span data-hover="A propos">A propos</span></label><input id="ic-link-2" type="radio" name="radio-set" class="ic-link-friends" /><label for="ic-link-2" class="ic-label-friends"><span data-hover="Amis">Amis</span></label> <input id="ic-link-3" type="radio" name="radio-set" class="ic-link-lovers" /><label for="ic-link-3" class="ic-label-lovers"><span data-hover="Amours">Amours</span></label><input id="ic-link-4" type="radio" name="radio-set" class="ic-link-enemies" /><label for="ic-link-4" class="ic-label-enemies"><span data-hover="Emmerdes">Emmerdes</span></label><div class="ic-content"><div class="ic-about"><h2 class="ic-header">A propos</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p></div><div class="ic-friends"><h2 class="ic-header">Amis</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p>
</div><div class="ic-lovers"><h2 class="ic-header">Amours</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p></div><div class="ic-enemies"><h2 class="ic-header">Emmerdes</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p></div></div></div></div><div class="ic-credit">㎈</div></div>



LE NOM ICI

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.



Pareil que précédemment, pour changer la couleur de fond et ainsi adapter en fonction de s'il s'agit d'amis, d'emmerdes ou d'amours, cela se passe entre les balises style!
Code:
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed|Wire+One' rel='stylesheet' type='text/css'>
<link href="http://www.seiryuu.org/~cal/code/cal-indexcard.css" rel="stylesheet" type="text/css">
<style>.indexcard-rep-fr{background-color: #E2DE97;}</style><div class="indexcard-rep-fr"><div class="ic-rep-fr-base"><div class="ic-rep-fr-clip"><img src="http://i.imgur.com/K4vVufM.png"></div><div class="ic-rep-fr-icon"><img src="http://placehold.it/100x100"></div><div class="ic-rep-fr-title">LE NOM ICI</div><div class="ic-rep-fr-main"><div class="ic-rep-fr-content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis lectus sit amet nulla finibus pulvinar. Pellentesque vehicula, ex quis finibus faucibus, enim leo aliquet ligula, vel pretium nisi felis quis diam. Donec id vulputate orci, sed ultricies dui. Ut nulla nisi, fermentum nec ex vel, faucibus suscipit est.</p></div></div></div><div class="ic-rep-fr-credit">㎈</div></div>

Admin
avatar
28/05/2014 Partout et nulle part 1734 Nobody 39
Admin


Sujet: Re: → Modèle de présentation (facultatif)
Mar 3 Nov - 15:55




Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eleifend condimentum sem eget aliquet. Aliquam interdum, nulla eu ultricies congue, est justo ultrices sapien, ac fermentum orci diam nec ipsum. Sed lacinia, est id mollis tincidunt, quam ex congue felis, vitae pharetra purus dui nec leo. Vivamus dapibus aliquet justo. Morbi convallis turpis tincidunt felis facilisis, vitae finibus tortor maximus. Aenean scelerisque erat vitae euismod dapibus. Nulla vitae sapien dolor. Pellentesque pretium lacinia leo, et dignissim tortor egestas sed. Nulla ullamcorper turpis et purus elementum rhoncus. Integer rhoncus imperdiet sem consequat semper. Quisque auctor rutrum elit sit amet consequat. Nam efficitur sit amet nibh auctor posuere. Fusce ultricies consectetur dolor et ultricies.
Sed tempus pretium turpis, non convallis ipsum dictum quis. Nunc bibendum felis nibh, pharetra tempus dolor mattis eu. Phasellus mattis egestas augue fermentum volutpat. Maecenas sed facilisis ex. Proin a diam ut justo volutpat porta quis eget nunc. Vestibulum rutrum ut urna quis gravida. Quisque in nulla faucibus, sagittis nisl nec, mattis velit. In nec malesuada eros.
Vivamus tincidunt lectus vitae mattis rhoncus. Sed mattis euismod mauris nec laoreet. Nulla scelerisque porttitor feugiat. Proin viverra eros et massa imperdiet, sagittis porttitor erat bibendum. Integer facilisis interdum quam, consectetur luctus mauris. Donec vel blandit purus. Sed quam tortor, vehicula eu sodales id, placerat et lacus. Morbi gravida ex efficitur, euismod erat et, maximus lorem. Phasellus erat dui, vehicula ut sapien id, dictum euismod diam.
ta citation ici pour faire joli

ton prénom



Code:
<style>#arabella{height: 370px; width: 430px; border: 1px solid #000; position: relative; overflow: hidden} .arat{height: 70px; line-height: 70px; width: 410px; padding-right: 20px; font-family: montserrat; color: #fff; background: url(http://i.imgur.com/qG4Q3og.png); text-align: right; position: absolute; text-transform: uppercase; font-size: 9px; letter-spacing: 2px} .ara1{height: 200px; width: 100%; background-color: red; position: absolute; top: 70px} .ara1a{height: 180px; width: 195px; border: 5px solid transparent; padding: 5px; background-color: #040411; position: absolute; overflow: auto; font-family: montserrat; font-size: 9px; text-align: justify; line-height: 9px; color: #d4d4d4} .ara1b{height: 200px; width: 50%; position: absolute; left: 50%; -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); filter: grayscale(100%);} .ara2 {height: 200px; width: 100%; position: absolute; background-color: blue; top: 70px;} .aral{height: 100px; width: 100%; bottom: 0px; background: url(http://i.imgur.com/qG4Q3og.png);  position: absolute;} .aral h1{font-family: oswald; text-transform: lowercase;color:#c9c9c9;font-size:65px;padding-top:40px;margin-left: 100px;} .arall{height: 15px; line-height: 15px; color: #c9be79; font-family: montserrat; text-transform: uppercase; font-size: 8px; position: absolute; left: 150px; top: 350px;} .aral1{height: 70px; width: 70px; top: 280px; left: 20px; border: 5px #fff solid; position: absolute} #arabella .ara1{left: 430px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; transition: 0.6s linear;} #arabella:hover .ara1{left: 0px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; transition: 0.6s linear;}#arabella .ara2{left: 0px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; transition: 0.6s linear;} #arabella:hover .ara2{left: -430px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; transition: 0.6s linear;}</style>

<link href='http://fonts.googleapis.com/css?family=Montserrat|Oswald' rel='stylesheet' type='text/css'>
<center><div id="arabella"><div class="arat">[url=http://www.the-hundred.org]présentation[/url] <font style="color: #c9be79">//</font> [url=http://www.the-hundred.org]fiche RPs[/url] </div><div class="ara2"><img src="https://s-media-cache-ak0.pinimg.com/736x/c4/6f/15/c46f15b0a56fbe6f417fccf43dd6cc94.jpg" style="height: 200px; width: 430px"></div><div class="ara1"><div class="ara1a">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eleifend condimentum sem eget aliquet. Aliquam interdum, nulla eu ultricies congue, est justo ultrices sapien, ac fermentum orci diam nec ipsum. Sed lacinia, est id mollis tincidunt, quam ex congue felis, vitae pharetra purus dui nec leo. Vivamus dapibus aliquet justo. Morbi convallis turpis tincidunt felis facilisis, vitae finibus tortor maximus. Aenean scelerisque erat vitae euismod dapibus. Nulla vitae sapien dolor. Pellentesque pretium lacinia leo, et dignissim tortor egestas sed. Nulla ullamcorper turpis et purus elementum rhoncus. Integer rhoncus imperdiet sem consequat semper. Quisque auctor rutrum elit sit amet consequat. Nam efficitur sit amet nibh auctor posuere. Fusce ultricies consectetur dolor et ultricies.
Sed tempus pretium turpis, non convallis ipsum dictum quis. Nunc bibendum felis nibh, pharetra tempus dolor mattis eu. Phasellus mattis egestas augue fermentum volutpat. Maecenas sed facilisis ex. Proin a diam ut justo volutpat porta quis eget nunc. Vestibulum rutrum ut urna quis gravida. Quisque in nulla faucibus, sagittis nisl nec, mattis velit. In nec malesuada eros.
Vivamus tincidunt lectus vitae mattis rhoncus. Sed mattis euismod mauris nec laoreet. Nulla scelerisque porttitor feugiat. Proin viverra eros et massa imperdiet, sagittis porttitor erat bibendum. Integer facilisis interdum quam, consectetur luctus mauris. Donec vel blandit purus. Sed quam tortor, vehicula eu sodales id, placerat et lacus. Morbi gravida ex efficitur, euismod erat et, maximus lorem. Phasellus erat dui, vehicula ut sapien id, dictum euismod diam.</div><div class="ara1b"><img src="http://stylopics.com/wp-content/uploads/2013/09/tumblr_me88u23VA31rycmpbo1_500_large.jpg" style="height: 200px; width: 215px"></div></div><div class="aral"><a href="http://shine.b1.jcink.com/index.php?showuser=6723"><div class="aral1"><img src="http://data.whicdn.com/images/60282972/large.gif" style="height: 70px; width: 70px;"></div></a><div class="arall">ta citation ici pour faire joli</div><h1 style="margin-top:270px">ton prénom</h1></div></div></div></center>

Contenu sponsorisé


Sujet: Re: → Modèle de présentation (facultatif)

 

→ Modèle de présentation (facultatif)

Page 1 sur 1

 Sujets similaires

-
» Modèle de présentation
» Modèle de Présentation [HTML]
» Modèle de présentation
» Modèle de présentation (professeur & personnel)
» ─ Modèle de Présentation.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
The Hundred :: personnages :: Demandes de liens-