| Sujet: Fiche pour prédéfinis Mar 3 Juin - 20:16 | |
| Modèle de fiche pour les prédéfinis
Ici vous trouverez les codes nécessaires à la création d'un personnage prédéfini. Le premier est obligatoire, le deuxième facultatif. Le premier sert à présenter le personnage alors que le deuxième, à présenter les liens qu'il a avec les personnages déjà présents sur le forum.
Lorsque vous voulez poster la fiche d'un prédéfini, vous devez poster dans l'un des messages portant en titre le groupe de votre personnage (par exemple "Fidèle", "Unité Spéciale", "Famille Royale" ou "Rebelle") Présentation du prédéfini - Code:
-
<center><table cellspacing="0px" cellpadding="0px"><tr><td><div class="nb"><div style="width: 150px; height: 320px; background-image: url(http://img4.hostingpics.net/pics/125781imgimgimgi.png);"></div></div></td><td><table cellspacing="0px"><tr><div style="width: 400px; height: 50px; background-color: #FFFFFF;"><div class="titre_1">Prénom Nom ;</div></div></tr><tr><td><div style="width: 160px; height: 250px; background-color: #FFFFFF; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; overflow: auto"><div class="desc1">NOM ; écrire ici. </div><div class="desc1">PRÉNOM ; écrire ici.</div><div class="desc1">SURNOMS ; écrire ici.</div><div class="desc1">SEXE ; écrire ici.</div><br /><div class="desc1">ÂGE ; écrire ici.</div><div class="desc1">GROUPE ; écrire ici.</div><div class="desc1">ORIENTATION ; écrire ici.</div><br /><div class="desc1">AVIS SUR LA SITUATION DE WONDERLAND ; écrire ici.</div><br /><div class="desc1">PERSONNAGE DE L'AVATAR ; écrire ici.</div><br /><br /><br /><div class="desc1">PRÉDÉFINI CRÉÉ PAR ; écrire ici.</div></div></div></td><td><div style="width: 177px; height: 250px; background-color: #FFFFFF; padding-top: 20px; padding-bottom: 10px; padding-top: 10px; padding-right: 20px;"><div style="width: 180px; height: 210px; overflow: auto"><div class="desc1"> [center][b]Caractère[/b] caractéristique; caractéristique; caractéristique; caractéristique; caractéristique[/center] écrire ici.</div><br /><div class="desc1"> [center][b]Physique[/b] caractéristique; caractéristique; caractéristique; caractéristique; caractéristique[/center] écrire ici.</div><br /><div class="desc1"> [center][b]Histoire[/b] caractéristique; caractéristique; caractéristique; caractéristique; caractéristique[/center] écrire ici.</div></div></div></td></tr></table></tr></table> <div style="width: 550px; height: 20px; text-align:center; background-color: #FFFFFF; padding-top: 10px;"><div class="desc1"><center>(c) MEI sur [url=http://www.apple-spring.com/]APPLE SPRING[/url]</center></div></div></center>
<style>.nb{filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s} .nb:hover{filter: none; -webkit-filter: grayscale(0);} .titre_1{font-family: Text Me One; font-size: 28px; color: transparent; text-shadow: 2px 2px 2px #D9D9D9; padding-top: 15px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;} .titre_1:hover{color: #D95A67; text-shadow: 1px 1px 1px #C8C8C8; text-indent: 25px; padding-top: 16px} .desc1{font-family: arial; font-size: 10px; line-height: 9px; color: transparent; text-shadow: 1px 1px 1px #C8C8C8; padding-left: 5px; text-align: justify; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} .desc1:hover{color: #C8C8C8; text-shadow: 0px 0px 0px #FFFFFF; padding-top: 1px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}</style> <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'> Liens du prédéfini - Code:
-
<center> <table cellspacing="0px" cellpading="0px"><tr><td><div style="height: 100px; width: 15px; background-color: #D9D9D9;"><div class="bloc_lien"></div></div></td><td><div class="nb"><div style="width: 100px; height: 100px; background-image: url(http://img4.hostingpics.net/pics/816863imgliennnn.png);"></div></div></td><td><div style="width: 400px; height: 80px; padding: 10px; background-color: #FFFFFF;"><div class="titre_lien">nom & prénom ;</div><div class="lien"><br> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse. </div></div></td><td></td><tr></table> <div class="desc1"><center>(c) MEI sur [url=http://www.apple-spring.com/]APPLE SPRING[/url]</center></div> </center>
<style>.bloc_lien{height: 100px; width: 15px; background-color: #D95A67; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0;} .bloc_lien:hover{opacity: 1} .bloc_lien2{height: 15px; width: 100px; background-color: #D95A67; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; opacity: 0;} .bloc_liens2:hover{opacity: 1} .titre_lien{font-family: Text Me One; font-size: 30px; color: transparent; text-shadow: 2px 2px 2px #D9D9D9; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;} .titre_lien:hover{color: #D95A67; text-shadow: 1px 1px 1px #C8C8C8; text-indent: 25px; padding-top: 1px} .nb{filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s} .nb:hover{filter: none; -webkit-filter: grayscale(0);} .lien{width: 400px; height: 60px; overflow: auto; font-family: arial; font-size: 10px; line-height: 9px; color: transparent; text-shadow: 1px 1px 1px #C8C8C8; padding-left: 5px; text-align: justify; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;} .lien:hover{color: #C8C8C8; text-shadow: 0px 0px 0px #FFFFFF; padding-top: 1px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}</style> <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>
|
|