:: Douane :: We want them :: En construction Voir le sujet précédent Voir le sujet suivant Aller en bas
Modèle à suivre (Obligatoire)
✣ Date d'inscription : 14/05/2018
✣ Lettre d'amour : 288
Banque : 28
Ven 20 Juil - 23:22
Voir le profil de l'utilisateur http://sansfrontiere.forumactif.com


Pseudo

Prenom - Nom - Age - Sexualite - Orientation



Tell me your story

Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant.



Pseudo
Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant.
© Araksha sur épicode

Code:
<style> .liens { width: 400px; padding-bottom:20px; margin:auto; height: auto; background:#FFF2F2; box-shadow:1px 2px 10px black;} .titreliens { margin:auto; position:absolute; margin-top:-35px; color: #FAD5D5; font-family: 'Vivaldi'; text-shadow: 1px 1px lightgrey; font-size: 35px; transition: 1s; } .titreliens:hover { opacity:0.7; transition: 1s; } .imgliens:hover { transition:0.5s; opacity:0.8; } .informations { transition: 0.5s; margin-top:20px;background: #FAD5D5; margin:auto; width:400px; opacity:0.8; color:black; text-align:center; } .informations:hover { transition: 0.5s; opacity: 1;} .story { font-family: 'Century Gothic'; letter-spacing: -0.05em; font-size: 12px; overflow:auto; margin-top: 20px; width: 350px; border-top: 03px solid #FAD5D5; border-bottom: 03px solid #FAD5D5; margin:auto; height: 150px; padding: 10px; text-align: justify; transition: 1s; } .story:hover { transition: 1s; opacity:0.8; } .stitre { margin:auto; text-align:center; color: #FAD5D5; font-family: 'Vivaldi'; text-shadow: 1px 1px lightgrey; font-size: 35px; transition: 1s; } .imgliens { margin:auto; width:200px; border-radius: 13px; } .imgliens:hover { transition: 1s; opacity:0.8; } .ajoutimg { margin-top: 15px; width:50px; height:50px; opacity:0.9; border-radius:05px; float:left; margin-left:10px; } .ajoutlien { margin:auto; width:500px; height:100px; background:#FFF2F2; box-shadow:1px 2px 10px black;}  </style>
<br><div class="liens"><div class="titreliens"> Pseudo</div>
<div class="informations">Age - Sexualite - Orientation</div><br />
<center><img src="https://media.giphy.com/media/pQ4AncpbDjDDW/giphy.gif" class="imgliens" /></center>
<div class="stitre">Tell me your story</div>
<div class="story">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. </div><br /></div>

<div class="ajoutlien"><div class="titreliens">Pseudo</div><img src="http://www.adolph-numerical.co.uk/images/100x100.gif" class="ajoutimg" /><div class="story" style="height:50px; margin-top: 15px;">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant.</div></div>[size=10]<a href="http://epicode.bbactif.com/">©️ Araksha sur épicode</a>[/size]
Revenir en haut Aller en bas
✣ Date d'inscription : 14/05/2018
✣ Lettre d'amour : 288
Banque : 28
Dim 22 Juil - 1:46
Voir le profil de l'utilisateur http://sansfrontiere.forumactif.com


Mon petit mot
écrire un petit message.



Code:
[center]<div class="breyt"></div><div class="fdey">
<center><font class="rgey"></font></center><blockquote><span class="txey">
<font style="font-family:great vibes;font-size: 50px;">[color=#E38D90]Mon petit mot[/color]</font><link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet"></span></blockquote><div style="padding-left:15px;padding-right:15px;"><span class="catey"></span><div class="blcey">[size=12][font=Comic Sans MS]écrire un petit message.
[/font][/size]
</div>
</div></div><div class="breyb"></div>[/center]
Revenir en haut Aller en bas
Page 1 sur 1
Sauter vers: