Partagez | 
 

 Modèle à suivre

Aller en bas 
AuteurMessage
Le fossoyeur
Admin
avatar

Messages : 62
Date d'inscription : 13/11/2012

MessageSujet: Modèle à suivre   Dim 15 Jan - 11:18

Ce modèle est facultatif, vous pouvez très bien utiliser le vôtre ou en trouver un autre. Un petit clic sur "Ce qui donne" vous donnera un aperçu de la fiche !

Code:
<link href="https://fonts.googleapis.com/css?family=Bubblegum+Sans" rel="stylesheet" />
<style> .fisuivi_red {margin: 0 auto; width: 450px; height: 400px; background-color: #e9e9e3; background-image: url("http://zupimages.net/up/16/35/vqad.png"); position: relative;} .fired_cont_avatar {width: 200px; height: 400px; background: #fff; position: relative; overflow: hidden;} .fired_avatar {width: 200px; height: 400px; position: absolute; top: 0px; left: 0px; transition: all 2s;} .fired_cont_avatar:hover .fired_avatar {position: absolute; top: 0px; left: 200px;} .fired_informations {width: 200px; height: 400px; background-color: #ca3a43; background-image: url("http://zupimages.net/up/16/35/vqad.png"); position: absolute; top: 0px; left: -200px; transition: all 2s;} .fired_cont_avatar:hover .fired_informations {position: absolute; top: 0px; left: 0px;} .fisuivi_red h1 {margin: 10px auto 0; width: 180px; height: 15px; background: #e9e9e3; font-size: 30px; color: #5a4b61; font-family: 'Bubblegum Sans', cursive; text-shadow: 1px 1px 0px #d51b20; text-transform: uppercase; font-weight: normal; font-style: italic; line-height: 10px; text-align: right;} .fired_infos_perso {margin: 0 auto; width: 180px; height: 300px; background: #e9e9e3; padding: 5px; box-sizing: border-box; font-size: 12px; color: #5a4b61; line-height: 22px; text-align: justify; overflow: auto;} .fisuivi_red h2 {display: inline; background: #5a4b61; padding: 3px; box-sizing: border-box; font-size: 10px; color: #e9e9e3; text-transform: uppercase;} .fired_recherches {width: 200px; height: 250px; background: #e9e9e3; border-bottom: 5px solid #ca3a43; padding: 5px; box-sizing: border-box; font-size: 12px; color: #5a4b61; text-align: justify; overflow: auto; position: absolute; top: 25px; right: 25px;} .fisuivi_red h3 {position: absolute; bottom: 5px; right: 80px; font-size: 14px; color: #5a4b61; font-weight: normal;} .fisuivi_red a {color: #5a4b61; text-decoration: none;}
</style>


<div class="fisuivi_red"><div class="fired_cont_avatar">
<div class="fired_informations">
<h1>Pseudo</h1>
<div class="fired_infos_perso"><h2>Âge</h2> blablabla
<h2>Origine</h2> blablabla
<h2>Orientation</h2> blablabla
<h2>Études</h2> blablabla
<h2>Groupe</h2> blablabla

<h2>Autre</h2> Quam ob rem cave Catoni anteponas ne istum quidem ipsum, quem Apollo, ut ais, sapientissimum iudicavit; huius enim facta, illius dicta laudantur. De me autem, ut </div>
</div>
<img src="https://redcdn.net/hpimg4/pics/285816paeeavatar.png" class="fired_avatar" alt="Avatar" /></div>
<div class="fired_recherches"><h2>Meilleur ami(e) ♀/ ♂</h2> description du lien en question, les attentes, idées de rp et cetera...

<h2>Simple ami(e) ♀/♂</h2> description du lien en question, les attentes, idées de rp et cetera...

<h2>Ennemi(e) ♀/♂</h2> description du lien en question, les attentes, idées de rp et cetera...
</div>
<h3>©️️ <a href="http://epicode.bbactif.com/">Lazy sur Epicode </a> </h3>
</div>

Ce qui donne:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://grandeuretdecheance.forumactif.com
 
Modèle à suivre
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Procédure à suivre avant de poster
» suivre Trace
» Suivre un tracé!
» Sur un Etrex 30 Comment suivre la randonnée en cours
» Suivre un tracé et en créer un en même temps

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Gouvernement d'Irlande :: Le bureau des mœurs :: Nouer des liens-
Sauter vers: