Modèle de Journaux

<div class="fofo-fiche"><div class="fofo-leftblock"><div class="fofo-left"><b>Projet 1 - </b>Description du RP désiré
<b>Projet 2 - </b>Description du RP désiré
<b>Projet 3 - </b>Description du RP désiré
</div><div class="fofo-www"><a href="pres">Fiche de présentation</a> - <a href="rp">Relations</a></div></div><div class="fofo-right">Nom<br>Prénom<br>Age<br><font color=white>Pirate</font><div class="fofo-credits">Code by Frosty Blue de <a href="http://www.never-utopia.com">Never Utopia</a></div></div>

<br><div class="fofo-linktitle">RPs en cours</div><div class="fofo-linktxt"><b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.
<b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.
<b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.
<b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.</div>

<div class="fofo-linktitle">RPs terminés</div><div class="fofo-linktxt"><b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.
<b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.
<b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.
<b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.</div>

<div class="fofo-linktitle">RPs abandonnés</div><div class="fofo-linktxt"><b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.
<b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.
<b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.
<b>Titre du RP - <a href="lien du rp">www</a></b>, avec Nom Prénom.</div>
</div>
</div>

<link href='http://fonts.googleapis.com/css?family=Josefin+Sans|Orbitron|Dosis:400,300|Exo:400,300' rel='stylesheet' type='text/css'><style type="text/css">.fofo-fiche {width: 500px; margin: auto; text-align: justify; color: black; font-family: 'Exo';} .fofo-leftblock {display: inline-block;} .fofo-left {background: lightgrey; width: 250px; padding: 15px; margin-bottom: 10px; height: 200px; overflow: auto;} .fofo-www {background: black; width: 270px; padding: 5px; font-size 15px; text-align: center; position: relative;} .fofo-www a {color: white!important; text-decoration: none!important; position: relative; transition: 50em; font-weight: bold;} .fofo-www a:hover {color: turquoise!important; font-weight: bold; text-shadow: 0px 0px 0px white; transition: 50em;} .fofo-right {background: turquoise; display: inline-block; margin-left: 10px; width: 190px; padding: 10px; height: 250px; font-family: 'Orbitron'; text-transform: uppercase; text-align: left; font-size: 30px; line-height: 35px; vertical-align: top;} .fofo-credits {font-weight-bold; font-family: 'Exo'; font-size: 9px; text-align: center; position: relative; bottom: -85px; color: white;} .fofo-linktitle {width: 490px; padding: 5px; background: black; color: white; font-weight: bold; text-align: center; vertical-align: top; font-size: 14px; display: inline-block; margin-left: auto; margin-right: auto;} .fofo-linktxt {width: 480px; padding: 10px; background: lightgrey; height: 92px; margin-top: 10px; overflow: auto; margin-left: auto; margin-right: auto;} .fofo-linktxt a {color: white!important; transition: 50em;} .fofo-linktxt a:hover {color: turquoise!important; transition: 50em;}
</style>