Modèles (facultatifs)
Voir le sujet précédent Voir le sujet suivant Aller en bas

 :: Démarrage de l'aventure :: Exposition des personnages :: Fiches de liens
MessageSujet: Modèles (facultatifs) Mer 18 Mai - 12:26




Prénom P² NomUne petite citation ?
Titre séduisant
Emphase! Il est en général de bon ton de se présenter dans ce petit bloc. Pas la peine de nous faire un RP de 50km, quelques mots suffiront. Et vous avez tout le bloc EN DESSOUS pour décrire les liens que vous cherchez de toute urgence!  
Je cherche...
Cet espace n'est pas illimité, parce qu'un scroll c'est moche, cela dit, vous pouvez toujours en mettre un dans le css avec un overflow auto sur le bloc urielinfos. Et merci de NE PAS RETIRER LE CREDIT! (c'est pratique l'emphase, pas vrai?)
Fiche Présentation - Fiche RP's - Fiche par Ehawee

Code:
<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT|Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT|Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<style>.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;} .urielfond3 {width: 400px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; padding: 15px; }.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; }.uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;}.urielfond3 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond3 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}</style>
<style>.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;}.urielfond {width: 500px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A} .urielavatar {border-right: 4px solid #F2B45A} #urielright {width: 270px; height: 300px; float: right; padding: 10px; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; } .urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; } #urielprez {height: 150px; padding-right: 5px; overflow: auto; } .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielinfos {height: 100px; overflow: hidden; } .urielfond a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}.urielfond2 {width: 420px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; border-right: 4px solid #F2B45A} .urielfond2 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond2 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielslide div {background-color: #46282C; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-right: 4px solid #F2B45A; position: relative; overflow: hidden; } #urielslide div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslide div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #urielslided div {background-color: #46282C; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-left: 4px solid #F2B45A; position: relative; overflow: hidden; } #urielslided div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslided div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px);} .uriellien{height: 240px; overflow: auto;text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; display: block; padding: 5px;  }</style>
<span class="urielgt">Prénom P² Nom</span><span class="urielst">Une petite citation ?</span>
<div class="urielfond"><img src="http://img15.hostingpics.net/pics/981077Eric.png" class="urielavatar"/><div id="urielright"><span class="urieltitre">Titre séduisant</span> <div id="urielprez"><span class="uem">Emphase!</span> Il est en général de bon ton de se présenter dans ce petit bloc. Pas la peine de nous faire un RP de 50km, quelques mots suffiront. Et vous avez tout le bloc EN DESSOUS pour décrire les liens que vous cherchez de toute urgence!  </div><span class="urieltitre">Je cherche...</span><div id="urielinfos">Cet espace n'est pas illimité, parce qu'un scroll c'est moche, cela dit, vous pouvez toujours en mettre un dans le css avec un overflow auto sur le bloc urielinfos. Et merci de<span class="uem"> NE PAS RETIRER LE CREDIT!</span> (c'est pratique l'emphase, pas vrai?)</div><center><a href="">Fiche Présentation -</a><a href=""> Fiche RP's -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></div></div>

Mes liensUne petite citation ?

here i am Emphase! Allez, n'aies pas peur, dit tout!

Présentation - Liens - Fiche par Ehawee

here i am Emphase! Bande de petits cachottiers je ne savais pas que vous aviez fait tout ça ensemble!

Présentation - Liens - Fiche par Ehawee


here i am Emphase! Allez, n'aies pas peur, dit tout!

Présentation - Liens - Fiche par Ehawee

here i am Emphase! Bande de petits cachottiers je ne savais pas que vous aviez fait tout ça ensemble!

Présentation - Liens - Fiche par Ehawee


Code:
<span class="urielgt">Mes liens</span><span class="urielst">Une petite citation ?</span>
<div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span>Allez, n'aies pas peur, dit tout!</span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://img15.hostingpics.net/pics/981077Eric.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span> Bande de petits cachottiers je ne savais pas que vous aviez fait tout ça ensemble! </span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://img15.hostingpics.net/pics/981077Eric.png" /></div></div></div><div style="clear: both"></div></div>
<div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span>Allez, n'aies pas peur, dit tout!</span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://img15.hostingpics.net/pics/981077Eric.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span> Bande de petits cachottiers je ne savais pas que vous aviez fait tout ça ensemble! </span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://img15.hostingpics.net/pics/981077Eric.png" /></div></div></div><div style="clear: both"></div></div>
Pour rajouter 2 liens :
Code:

<div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span>Allez, n'aies pas peur, dit tout!</span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://img15.hostingpics.net/pics/981077Eric.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span> Bande de petits cachottiers je ne savais pas que vous aviez fait tout ça ensemble! </span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></p><img src="http://img15.hostingpics.net/pics/981077Eric.png" /></div></div></div><div style="clear: both"></div></div>

Mes RpsUne petite citation ?
Titre du RP | Lien ft. ... Description du RP

Titre du RP | Lien ft. ... Description du RP

Titre du RP | Lien ft. ... Description du RP

Fiche Présentation - Fiche Liens - Fiche par Ehawee

Code:
<span class="urielgt">Mes Rps</span><span class="urielst">Une petite citation ?</span>
<div class="urielfond3"><span class="urieltitre">Titre du RP | <a href="">Lien</a></span> <span class="uem">ft. ...</span> Description du RP

<span class="urieltitre">Titre du RP | <a href="">Lien</a></span> <span class="uem">ft. ...</span> Description du RP

<span class="urieltitre">Titre du RP | <a href="">Lien</a></span> <span class="uem">ft. ...</span> Description du RP

<center><a href="">Fiche Présentation -</a><a href=""> Fiche Liens -</a><a href="http://www.never-utopia.com/"> Fiche par Ehawee</a></center></div>
avatar
Staff
Staff
Voir le profil de l'utilisateur http://mundus.jdrforum.com
Revenir en haut Aller en bas
Modèles (facultatifs)
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Land des Gabions, un modèle de site pour les sans-abri
» Laurelin et Telperion
» [RP] Nomination : Vicaire Général
» Modèle de présentation descriptif
» Des modèles de lettres types gratuits

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mundus : Les chroniques oubliées :: Démarrage de l'aventure :: Exposition des personnages :: Fiches de liens-
Sauter vers: