AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

 :: Douane :: We want them :: En construction Voir le sujet précédent Voir le sujet suivant Aller en bas

Modèle à suivre (Obligatoire)

avatar
✣ Date d'inscription : 14/05/2018
✣ Lettre d'amour : 230
Banque : -170
Voir le profil de l'utilisateur
Ven 20 Juil - 23:22


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
avatar
✣ Date d'inscription : 14/05/2018
✣ Lettre d'amour : 230
Banque : -170
Voir le profil de l'utilisateur
Dim 22 Juil - 1:46


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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Douane :: We want them :: En construction-
Sauter vers: