Sauvegarde du codage PA

Date d'inscription : 15/03/2017
Messages : 485

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:

L'ange noir - Admin

Dim 30 Avr 2017 - 13:29

ANCIEN CODE

Code:: <meta charset="UTF-8" /> <title>Pa-Lisou</title> <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 10px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* stylisation format date des news */ .date { font-weight: bold; color: gray; font-size: 11px; text-transform: uppercase; } /* stylisation liens menu */ ul#menu a { text-decoration: none; color: #BD882D; letter-spacing: 0px; font-size: 16px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } ul#menu a:hover { letter-spacing: 2px; font-weight: bold; } /* stylisation pseudo "staff" */ .pseudo { margin: 5px 0px; font-weight: bold; font-size: 110%; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } #pa-1 h1 { width: 100%; height: 130px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 780px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; margin-right: 10px; min-height: 145px; } .right { width: 126px; height: 250px; border: 2px solid #000; float: left; padding: 10px; } /* MENU */ ul#menu { width: 100%; padding: 5px 0px; border-top: 1px solid black; border-bottom: 1px solid black; list-style-type: none; text-align: center; text-transform: uppercase; } ul#menu li{ display: inline-block; margin: 0; padding: 0 !important; } ul#menu li:after { content: "—"; padding: 0 15px; } ul#menu li:last-child:after { content: ""; padding: 0px; } /* contexte */ #contexte { width: 596px; max-width: 596px; height: 136px; max-height:136px; padding: 10px; margin-bottom: 10px; border: 2px solid black; } img.contexteimg { width: 160px; height: 140px; margin: 0 10px 0 0; float: left; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /* INFOS ET VOTES */ .twocols { float: left; width: 281px; height: 81px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; } .twocols:nth-child(even) { margin-right: 0px; } /* NEW PREDEFINIS */ .contentstaff { width: 75%; text-align: left; margin-bottom: 10px; } .contentstaff img { width: 100%; height: auto; } .research {text-align: center;} .research a { display: inline-block; width: 50px; height: 50px; background: orange; margin-right: 5px; margin-bottom: 10px; text-align: center; } .research a img{ width: 50px; height: 50px; } /* PARTENAIRES */ #footer1 { clear: both; width: 100%; padding-top: 10px !important; } #footer1 img { width: 88px; height: 31px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div style="display: none;" class="not-connected"> <h1> Si tu venais t'inscrire ? </h1> </div> <ul id="menu"> <li> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a> </li> <li> <a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a> </li> <li> <a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a> </li> <li> <a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a> </li> <li> <a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a> </li> <li> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </li> </ul> <div id="container"> <div class="left">  <div id="contexte"> <img class="contexteimg" alt="" src="http://img4.hostingpics.net/pics/833449header12PETITE.png" /> <div class="texte-contexte"> <p> Nous sommes en 2027. Dans l'ombre, les vampires exercent leur pouvoir en ce monde, qu'ils ont découpé en trois grandes puissances, divisées sur le sort des humains. Beaucoup les considèrent comme un réservoir inépuisable d'esclaves, des jouets dont l'unique raison d'être est de répondre à tous leurs caprices. D'autres choisissent de tourner le dos à cette pratique ancestrale, de vivre en paix, et de se lier à l'espèce humaine en échange de leur délicieux sang. Les intrigues politiques se jouent entre les puissances vampiriques et pendant ce temps, les humains se font enlever et réduire en esclavage, tandis que d'autres tentent d'échapper à ce sort épouvantable en se mettant sous la protection de vampires qui refusent ce genre de pratique. Une partie de la population connait leur existence, les affranchis. </p> <p> Quel rôle jouerez vous dans Vampire's Kingdom ? </p> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px;"> <div class="twocols news"> INFOS <br /> <p> Nous demandons <strong>20 lignes (ou 350 mots)</strong> </p><br /> <p> Nous comptons : <strong>24 vampires - 10 dévots -</strong> </p> <p> <strong>21 esclaves - 5 affranchis - 2 résidents</strong> </p> </div> <div class="twocols choses"> <p> <strong><span style="font-size: 16px;">Les Top-Sites pour voter :</span></strong><br /><a target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529"><span style="font-size: 40px;">♣</span></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181" class="postlink" target="_blank"><span style="font-size: 40px;">♣</span></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=424" class="postlink" target="_blank"><span style="font-size: 40px;">♣</span></a> <a href="http://www.root-top.com/topsite/velusia/in.php?ID=531" class="postlink" target="_blank"><span style="font-size: 40px;">♣</span></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank"><span style="font-size: 40px;">♣</span></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank"><span style="font-size: 40px;">♣</span></a><br /> </p> </div> </div> </div>  <div class="right"> <div class="threecols research"> <h2> Les prédéfinis </h2> <a href="http://vampires-kingdom.forumactif.com/t6453-les-residents#401985"> <img alt="Coleen" src="http://i86.servimg.com/u/f86/18/89/02/60/januar10.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-3"> <img alt="Douglas" src="http://i68.servimg.com/u/f68/18/89/02/60/alex_p10.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-4#410992"> <img alt="Iqbal" src="http://i84.servimg.com/u/f84/18/89/02/60/idris_11.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6454-les-vampires#405160"> <img alt="Ian" src="http://i86.servimg.com/u/f86/18/89/02/60/alex_o10.png" /></a><a href="http://vampires-kingdom.forumactif.com/t6453-les-residents#401985"> <img alt="Coleen" src="http://i86.servimg.com/u/f86/18/89/02/60/januar10.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-3"> <img alt="Douglas" src="http://i68.servimg.com/u/f68/18/89/02/60/alex_p10.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-4#410992"> <img alt="Iqbal" src="http://i84.servimg.com/u/f84/18/89/02/60/idris_11.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6454-les-vampires#405160"> <img alt="Ian" src="http://i86.servimg.com/u/f86/18/89/02/60/alex_o10.png" /></a> </div> </div>  <div style="text-align: center;" id="footer1">  <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857- bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a target="_blank" href="http://divinetemptation.forumactif.org/"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> </div> </div> </div> </div>

Dernière édition par L'ange noir le Jeu 4 Mai 2017 - 19:45, édité 1 fois

Date d'inscription : 15/03/2017
Messages : 485

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:

L'ange noir - Admin

Lun 1 Mai 2017 - 12:01

DERNIERE VERSION DE LA PA

Code:: <meta charset="UTF-8" /> <title>Pa-Lisou</title> <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 10px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } #pa-1 h1 { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 780px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; margin-right: 10px; min-height: 145px; } .right { width: 126px; height: 280px; border: 2px solid #000; float: right; padding: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* CADRE LIENS */ #cadreliens{ width: 150px; max-width: 150px; height: 280px; max-height:280px; padding: 10px; margin-bottom: 10px; border: 2px solid black; float:left; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* ESPACE CONTEXTE */ #contexte{ float: left; width: 410px; height: 95px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /* ESPACE NEWS ET RP*/ .twocols { float: left; width: 188px; height: 152px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .twocols:nth-child(even) { margin-right: 0px; } /* ESPACE TOP SITES */ #footer2 { clear: both; width: 100%; } #footer2 img { width: 80px; height: 33px; margin-top:5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer2 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* PARTENAIRES */ #footer1 { clear: both; width: 100%; padding-top: 15px !important; } #footer1 img { width: 88px; height: 31px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div id="container"> <div class="left">  <div id="cadreliens"> <div class="texte-contexte"> <h3> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a> <br /> <a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a> <br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </h3> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div id="contexte"> CONTEXTE </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div class="twocols news"> INFOS <br /> <marquee direction="up" scrollamount="2" style="width: 180px; height: 150px;"> <p> Mise à jour du contexte </p> <p> Création d'un prédéfini vampire : Jo Laterreur </p> </marquee> </div> <div class="twocols choses"> RP EN COURS <marquee direction="up" scrollamount="2" style="width: 180px; height: 150px;"> <p> La flamme s'allume </p> <p> Quand les vampires attaquent </p> <p> Soumets toi </p> </marquee> </div> </div> </div>   <div class="right"> <div id="footer2" style="text-align: center;"> <h2> VOTONS POUR VK </h2><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=424" class="postlink" target="_blank" rel="nofollow"><img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a> <a target="_blank" class="postlink" href="http://www.root-top.com/topsite/velusia/in.php?ID=531"><img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/korben/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a> </div> </div>  <div id="footer1" style="text-align: center;"> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857- bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a href="http://divinetemptation.forumactif.org/" target="_blank"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> </div> </div> </div> </div>

Date d'inscription : 15/03/2017
Messages : 485

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:

L'ange noir - Admin

Sam 6 Mai 2017 - 16:56

Sauvegarde du 06/05/2017

Code:: <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 10px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } #pa-1 h1 { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 780px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; margin-right: 10px; min-height: 145px; } .right { width: 126px; height: 305px; border: 2px solid #000; float: right; padding: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* CADRE LIENS */ #cadreliens{ width: 150px; max-width: 150px; height: 120px; max-height:120px; padding: 10px; margin-bottom: 10px; border: 2px solid black; float:left; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* ESPACE CONTEXTE */ #contexte{ width: 410px; height: 120px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /* ESPACE NEWS ET RP*/ .twocols1 { float: left; width: 204px; height: 152px; border: 2px solid #000; margin-right: 10px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .twocols2 { width: 357px; height: 152px; border: 2px solid #000; margin-right: 8px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /*Widget Sujets récents*/ #recent_topics { color: black; font-size: 14px; height: 190px; width: 300px; overflow-y:hidden; overflow-x:auto; } /* ESPACE TOP SITES */ #votes{ clear: both; width: 100%; } #votes img { width: 80px; height: 33px; margin-top:5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #votes img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* PARTENAIRES */ #footer1 { clear: both; width: 100%; padding-top: 10px !important; } #footer1 img { width: 88px; height: 31px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div id="container"> <div class="left">  <div id="cadreliens"> <div class="texte-contexte"> <h3> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a><br /><a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a><br /><a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a><br /><a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a><br /><a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a><br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </h3> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div id="contexte"> CONTEXTE </div> </div>  <div style="overflow: hidden; margin-bottom: 10px;"> <div class="twocols1"> INFOS <br /> </div> <div class="twocols2 RP"> DERNIERS MESSAGES <table> <tbody> <tr> <td align="center"> <marquee scrollamountstyle="height: 250px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" direction="up" behavior="none"> <div id="recent_topics"> </div> <script type="text/javascript"> jQuery.get('/portal',function(data){ jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html()); }); </script> </marquee> </td> </tr> </tbody> </table> </div> </div> </div>   <div class="right"> <div id="votes" style="text-align: center;"> <h2> VOTONS POUR VK </h2><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=424" class="postlink" target="_blank" rel="nofollow"><img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a> <a target="_blank" class="postlink" href="http://www.root-top.com/topsite/velusia/in.php?ID=531"><img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/korben/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a> </div> </div>  <div id="footer1" style="text-align: center;"> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857- bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a href="http://divinetemptation.forumactif.org/" target="_blank"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> </div> </div> </div> </div>

Date d'inscription : 15/03/2017
Messages : 71

Feuille de personnage
En Quelques Mots: niÂge du personnage: Nationalité:

Selene Craft - Admin

Mar 9 Mai 2017 - 17:48

Sauvegarde du 09/05/17 pour ajout du widget news

Code:: <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 10px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } #pa-1 h1 { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 780px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; margin-right: 10px; min-height: 145px; } .right { width: 126px; height: 305px; border: 2px solid #000; float: right; padding: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* CADRE LIENS */ #cadreliens{ width: 150px; max-width: 150px; height: 120px; max-height:120px; padding: 10px; margin-bottom: 10px; border: 2px solid black; float:left; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* ESPACE CONTEXTE */ #contexte{ width: 410px; height: 120px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /* ESPACE NEWS ET RP*/ .twocols1 { float: left; width: 204px; height: 152px; border: 2px solid #000; margin-right: 10px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .twocols2 { width: 357px; height: 152px; border: 2px solid #000; margin-right: 8px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /*Widget Sujets récents*/ #recent_topics { color: black; font-size: 14px; height: 190px; width: 300px; overflow-y:hidden; overflow-x:auto; } /* ESPACE TOP SITES */ #votes{ clear: both; width: 100%; } #votes img { width: 80px; height: 33px; margin-top:5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #votes img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* PARTENAIRES */ #footer1 { clear: both; width: 100%; padding-top: 10px !important; } #footer1 img { width: 88px; height: 31px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div id="container"> <div class="left">  <div id="cadreliens"> <div class="texte-contexte"> <h3> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a><br /><a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a><br /><a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a><br /><a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a><br /><a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a><br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </h3> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div id="contexte"> CONTEXTE </div> </div>  <div style="overflow: hidden; margin-bottom: 10px;"> <div class="twocols1"> INFOS <br /> <table> <tbody> <tr> <td colspan="2"> <iframe name="news" src=" http://sangsmelesoriginels.forumactif.com/h1-news scrolling=" no"="" frameborder="0" style="width: 195px; height: 150px;"> </iframe> </td> </tr> </tbody> </table> </div> <div class="twocols2 RP"> DERNIERS MESSAGES <table> <tbody> <tr> <td align="center"> <marquee scrollamountstyle="height: 250px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" direction="up" behavior="none"> <div id="recent_topics"> </div> <script type="text/javascript"> jQuery.get('/portal',function(data){ jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html()); }); </script> </marquee> </td> </tr> </tbody> </table> </div> </div> </div>   <div class="right"> <div id="votes" style="text-align: center;"> <h2> VOTONS POUR VK </h2><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=424" class="postlink" target="_blank" rel="nofollow"><img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a> <a target="_blank" class="postlink" href="http://www.root-top.com/topsite/velusia/in.php?ID=531"><img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/korben/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a> </div> </div>  <div id="footer1" style="text-align: center;"> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857- bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a href="http://divinetemptation.forumactif.org/" target="_blank"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> </div> </div> </div> </div>

Date d'inscription : 15/03/2017
Messages : 485

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:

L'ange noir - Admin

Sam 13 Mai 2017 - 19:46

Sauvegarde du 13/05 pour changement de cases :

Code:: <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 10px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } #pa-1 h1 { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 850px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; margin-right: 10px; min-height: 145px; } .right { width: 196px; height: 305px; border: 2px solid #000; float: right; padding: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* CADRE LIENS */ #cadreliens{ width: 150px; max-width: 150px; height: 120px; max-height:120px; padding: 10px; margin-bottom: 10px; border: 2px solid black; float:left; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* ESPACE CONTEXTE */ #contexte{ width: 410px; height: 120px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /* ESPACE NEWS ET RP*/ .twocols1 { float: left; width: 204px; height: 152px; border: 2px solid #000; margin-right: 10px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .twocols2 { width: 357px; height: 152px; border: 2px solid #000; margin-right: 8px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /*Widget Sujets récents*/ #recent_topics { color: black; font-size: 14px; height: 190px; width: 300px; overflow-y:hidden; overflow-x:auto; } /* ESPACE TOP SITES */ #votes{ clear: both; width: 100%; } #votes img { width: 80px; height: 33px; margin-top:5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #votes img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* PARTENAIRES */ #footer1 { clear: both; width: 100%; padding-top: 10px !important; } #footer1 img { width: 88px; height: 31px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div id="container"> <div class="left">  <div id="cadreliens"> <div class="texte-contexte"> <h3> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a><br /><a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a><br /><a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a><br /><a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a><br /><a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a><br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </h3> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div id="contexte"> CONTEXTE </div> </div>  <div style="overflow: hidden; margin-bottom: 10px;"> <div class="twocols1"> <div id="votes" style="text-align: center;"> <h2> VOTONS POUR VK </h2> <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/lilie/in.php?ID=424"><img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a> <a href="http://www.root-top.com/topsite/velusia/in.php?ID=531" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=14016"><img src="http://img.root-top.com/topsite/korben/banner.gif" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646"><img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a> </div> </div> <div class="twocols2 RP"> DERNIERS MESSAGES <table> <tbody> <tr> <td align="center"> <marquee scrollamountstyle="height: 250px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" direction="up" behavior="none"> <div id="recent_topics"> </div> <script type="text/javascript"> jQuery.get('/portal',function(data){ jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html()); }); </script> </marquee> </td> </tr> </tbody> </table> </div> </div> </div>   <div class="right"> <h2> NEWS </h2> <table> <tbody> <tr> <td colspan="2"> <iframe name="news" src=" http://sangsmelesoriginels.forumactif.com/h1-news scrolling=" no"="" frameborder="0" style="width: 195px; height: 290px;"> </iframe> </td> </tr> </tbody> </table> </div>  <div id="footer1" style="text-align: center;"> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857- bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a href="http://divinetemptation.forumactif.org/" target="_blank"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> </div> </div> </div> </div>

Date d'inscription : 15/03/2017
Messages : 485

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:

L'ange noir - Admin

Lun 15 Mai 2017 - 15:17

Sauvegarde pour inclure le résumé du contexte

Code:: <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 10px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } #pa-1 h1 { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 850px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; margin-right: 10px; min-height: 145px; } .right { width: 196px; height: 305px; border: 2px solid #000; float: right; padding: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* CADRE LIENS */ #cadreliens{ width: 150px; max-width: 150px; height: 120px; max-height:120px; padding: 10px; margin-bottom: 10px; border: 2px solid black; float:left; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* ESPACE CONTEXTE */ #contexte{ width: 410px; height: 120px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /* ESPACE NEWS ET RP*/ .twocols1 { float: left; width: 204px; height: 152px; border: 2px solid #000; margin-right: 10px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .twocols2 { width: 357px; height: 152px; border: 2px solid #000; margin-right: 8px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /*Widget Sujets récents*/ #recent_topics { color: black; font-size: 14px; height: 190px; width: 300px; overflow-y:hidden; overflow-x:auto; } /* ESPACE TOP SITES */ #votes{ clear: both; width: 100%; } #votes img { width: 80px; height: 33px; margin-top:5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #votes img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* PARTENAIRES */ #footer1 { clear: both; width: 100%; padding-top: 10px !important; } #footer1 img { width: 88px; height: 31px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div id="container"> <div class="left">  <div id="cadreliens"> <div class="texte-contexte"> <h3> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a><br /><a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a><br /><a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a><br /><a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a><br /><a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a><br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </h3> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div id="contexte"> LE CONTEXTE <p style="text-align: left; margin-top: 10px; color:black;"> 2027. Le monde est sous la domination des vampires, protégés par des dévots (mi vampires-mi hommes). Une crise économique, et des combats sanglants pour se partager la terre, ont laissé les peuples en proie au chaos. Les plus chanceux ont trouvé refuge dans le Protectorat tandis que d'autres tentent d'échapper à l'esclavage imposé par le Roi et L'Empereur.... </p> <p style="font-size: 15px; text-align: left;"> <a href="http://vampires-kingdom.forumactif.com/f7-contexte-et-infos" class="postlink" target="_blank" rel="nofollow">Lire la suite...</a> </p> <p> </p> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px;"> <div class="twocols1"> <div style="text-align: center;" id="votes"> <h2> VOTONS POUR VK </h2> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529"><img src="http://img.root-top.com/topsite/serpentgy/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" /></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=424" class="postlink" target="_blank" rel="nofollow"><img src="https://i58.servimg.com/u/f58/19/65/31/91/892fd710.png" /></a> <a target="_blank" class="postlink" href="http://www.root-top.com/topsite/velusia/in.php?ID=531"><img src="http://img.root-top.com/topsite/velusia/banner.gif" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/korben/banner.gif" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lhunt3r/banner.gif" /></a> </div> </div> <div class="twocols2 RP"> DERNIERS MESSAGES <table> <tbody> <tr> <td align="center"> <marquee behavior="none" direction="up" scrollamount="2" onmouseout="this.start();" onmouseover="this.stop();" scrollamountstyle="height: 250px;"> <div id="recent_topics"> </div> <script type="text/javascript"> jQuery.get('/portal',function(data){ jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html()); }); </script> </marquee> </td> </tr> </tbody> </table> </div> </div> </div>   <div class="right"> <h2> NEWS </h2> <table> <tbody> <tr> <td colspan="2"> <iframe style="width: 195px; height: 290px;" frameborder="0" no"="" src=" http://sangsmelesoriginels.forumactif.com/h1-news scrolling=" name="news"> </iframe> </td> </tr> </tbody> </table> </div>  <div style="text-align: center;" id="footer1"> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857- bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a target="_blank" href="http://divinetemptation.forumactif.org/"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> </div> </div> </div> </div>

Date d'inscription : 15/03/2017
Messages : 71

Feuille de personnage
En Quelques Mots: niÂge du personnage: Nationalité:

Selene Craft - Admin

Jeu 15 Juin 2017 - 15:12

Code:: <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-transform: uppercase; text-align: center; font-style: italic; margin-bottom: 5px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } #pa-1 h1 { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 850px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; min-height: 145px; } .right { width: 196px; height: 305px; border: 2px solid #000; float: right; padding: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* CADRE LIENS */ #cadreliens{ width: 150px; max-width: 150px; height: 120px; max-height:120px; padding: 10px; margin-bottom: 10px; border: 2px solid black; float:left; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* ESPACE CONTEXTE */ #contexte{ width: 410px; height: 120px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /*sujets récents*/ .twocols2 { width: 320px; height: 152px; border: 2px solid #000; margin-right: 8px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /*Widget Sujets récents*/ #recent_topics { color: black; font-size: 14px; height: 190px; width: 300px; overflow-y:hidden; overflow-x:auto; } /* ESPACE VOTE */ .twocols1 { float: left; width: 240px; height: 152px; border: 2px solid #000; margin-right: 10px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #votes{ clear: both; width: 100%; } #votes img { width: 55px; height: 60px; margin-top:3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #votes img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /*PREDEFINIS*/ #predefinis{ float: left; width: 310px; height: 75px; border: 2px solid #000; padding-top: 10px; padding-bottom: 10px; margin-right: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #predefinis img { padding: 10px; width: 52px; height: 52px; border-radius: 100px; -moz-border-radius: 100px; -wekbit-border-radius: 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } img.space { margin: 20px; } /* PARTENAIRES */ #blocpartenaire{ width: 500px; height: 75px; border: 2px solid #000; padding: 10px; overflow: hidden; float:right; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #footer1 { clear: both; width: 100%; padding-top: 10px !important; } #footer1 img { width: 65px; height: 25px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div id="container"> <div class="left">  <div id="cadreliens"> <div class="texte-contexte"> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a><br /><a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a><br /><a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a><br /><a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a><br /><a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a><br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div id="contexte"> LE CONTEXTE <p style="text-align: left; margin-top: 10px; color:black;"> 2027. Le monde est sous la domination des vampires, protégés par des dévots (mi vampires-mi hommes). Une crise économique, et des combats sanglants pour se partager la terre, ont laissé les peuples en proie au chaos. Les plus chanceux ont trouvé refuge dans le Protectorat tandis que d'autres tentent d'échapper à l'esclavage imposé par le Roi et L'Empereur.... </p> <p style="font-size: 15px; text-align: left;"> <a href="http://vampires-kingdom.forumactif.com/f7-contexte-et-infos" class="postlink" target="_blank" rel="nofollow">Lire la suite...</a> </p> <p> </p> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px;"> <div class="twocols1"> <div style="text-align: center;" id="votes"> <h2> VOTONS POUR VK </h2> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=424" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a target="_blank" class="postlink" href="http://www.root-top.com/topsite/velusia/in.php?ID=531"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> </div> </div> <div class="twocols2 RP"> DERNIERS MESSAGES <table> <tbody> <tr> <td align="center"> <marquee behavior="none" direction="up" scrollamount="2" onmouseout="this.start();" onmouseover="this.stop();" scrollamountstyle="height: 250px;"> <div id="recent_topics"> </div> <script type="text/javascript"> jQuery.get('/portal',function(data){ jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html()); }); </script> </marquee> </td> </tr> </tbody> </table> </div> </div> </div>   <div class="right"> LES NEWS <table> <tbody> <tr> <td colspan="2"> <iframe style="width: 195px; height: 290px;" frameborder="0" no"="" src=" http://sangsmelesoriginels.forumactif.com/h1-news scrolling=" name="news"> </iframe> </td> </tr> </tbody> </table> </div>  <div id="predefinis"> <h2> Les prédéfinis </h2> <a href="http://vampires-kingdom.forumactif.com/t6453-les-residents#401985"> <img alt="Coleen" src="http://i86.servimg.com/u/f86/18/89/02/60/januar10.png" /></a> <a href="http://vampires- kingdom.forumactif.com/t6640-les-affranchis-3-3"> <img alt="Douglas" src="http://i68.servimg.com/u/f68/18/89/02/60/alex_p10.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-4#410992"> <img alt="Iqbal" src="http://i84.servimg.com/u/f84/18/89/02/60/idris_11.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6454-les-vampires#405160"> <img alt="Ian" src="http://i86.servimg.com/u/f86/18/89/02/60/alex_o10.png" /></a> </div> <div id="blocpartenaire"> Nos partenaires <div style="text-align: center;" id="footer1"> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857- bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a target="_blank" href="http://divinetemptation.forumactif.org/"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> </div> </div> </div> </div> </div>

Date d'inscription : 15/03/2017
Messages : 485

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:

L'ange noir - Admin

Ven 16 Juin 2017 - 13:23

Pour que les titres soient tous les mêmes

Code:: <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-align: center; font-style: italic; margin-bottom: 5px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } /*nom du connecté*/ #pa-1 h1 { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 850px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; min-height: 145px; } .right { width: 196px; height: 305px; border: 2px solid #000; float: right; padding: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* CADRE LIENS */ #cadreliens{ width: 150px; max-width: 150px; height: 120px; max-height:120px; padding: 10px; margin-bottom: 10px; border: 2px solid black; float:left; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texteliens { font-family: sans-serif; font-size: 16px; color: #BD882D; font-style: italic; text-align: left; letter-spacing: 1px; margin-left: 5px; margin-bottom: 5px !important; /* = espace sous les titres */ } /* ESPACE CONTEXTE */ #contexte{ width: 410px; height: 120px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /*sujets récents*/ .twocols2 { width: 320px; height: 152px; border: 2px solid #000; margin-right: 8px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /*Widget Sujets récents*/ #recent_topics { color: black; font-size: 14px; height: 190px; width: 300px; overflow-y:hidden; overflow-x:auto; } /* ESPACE VOTE */ .twocols1 { float: left; width: 240px; height: 152px; border: 2px solid #000; margin-right: 10px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #votes{ clear: both; width: 100%; } #votes img { width: 55px; height: 60px; margin-top:3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #votes img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /*PREDEFINIS*/ #predefinis{ float: left; width: 310px; height: 75px; border: 2px solid #000; padding-top: 10px; padding-bottom: 10px; margin-right: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #predefinis img { padding: 10px; width: 52px; height: 52px; border-radius: 100px; -moz-border-radius: 100px; -wekbit-border-radius: 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } img.space { margin: 20px; } /* PARTENAIRES */ #blocpartenaire{ width: 500px; height: 75px; border: 2px solid #000; padding: 10px; overflow: hidden; float:right; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #footer1 { clear: both; width: 100%; padding-top: 10px !important; } #footer1 img { width: 65px; height: 25px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div id="container"> <div class="left">  <div id="cadreliens"> <div class="texteliens"> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a><br /><a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a><br /><a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a><br /><a href="http://vampires-kingdom.forumactif.com/f8-la-faq">FAQ</a><br /><a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a><br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div id="contexte"> <h2> LE CONTEXTE </h2> <p style="text-align: left; margin-top: 10px; color:black;"> 2027. Le monde est sous la domination des vampires, protégés par des dévots (mi vampires-mi hommes). Une crise économique, et des combats sanglants pour se partager la terre, ont laissé les peuples en proie au chaos. Les plus chanceux ont trouvé refuge dans le Protectorat tandis que d'autres tentent d'échapper à l'esclavage imposé par le Roi et L'Empereur.... </p> <p style="font-size: 15px; text-align: left;"> <a rel="nofollow" target="_blank" class="postlink" href="http://vampires-kingdom.forumactif.com/f7-contexte-et-infos">Lire la suite...</a> </p> <p> </p> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px;"> <div class="twocols1"> <div id="votes" style="text-align: center;"> <h2> VOTONS POUR VK </h2> <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/lilie/in.php?ID=424"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/velusia/in.php?ID=531" class="postlink" target="_blank"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=14016"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=14016"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> </div> </div> <div class="twocols2 RP"> <h2> DERNIERS MESSAGES </h2> <table> <tbody> <tr> <td align="center"> <marquee scrollamountstyle="height: 250px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" direction="up" behavior="none"> <div id="recent_topics"> </div> <script type="text/javascript"> jQuery.get('/portal',function(data){ jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html()); }); </script> </marquee> </td> </tr> </tbody> </table> </div> </div> </div>   <div class="right"> <h2> LES NEWS </h2> <table> <tbody> <tr> <td colspan="2"> <iframe name="news" src=" http://sangsmelesoriginels.forumactif.com/h1-news scrolling=" no"="" frameborder="0" style="width: 195px; height: 290px;"> </iframe> </td> </tr> </tbody> </table> </div>  <div id="predefinis"> <h2> LES PREDEFINIS </h2> <a href="http://vampires-kingdom.forumactif.com/t6453-les-residents#401985"> <img src="http://i86.servimg.com/u/f86/18/89/02/60/januar10.png" alt="Coleen" /></a> <a href="http://vampires- kingdom.forumactif.com/t6640-les-affranchis-3-3"> <img src="http://i68.servimg.com/u/f68/18/89/02/60/alex_p10.png" alt="Douglas" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-4#410992"> <img src="http://i84.servimg.com/u/f84/18/89/02/60/idris_11.png" alt="Iqbal" /></a> <a href="http://vampires-kingdom.forumactif.com/t6454-les-vampires#405160"> <img src="http://i86.servimg.com/u/f86/18/89/02/60/alex_o10.png" alt="Ian" /></a> </div> <div id="blocpartenaire"> <div id="footer1" style="text-align: center;"> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857- bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://www.reversa-rpg.com"><img src="http://img15.hostingpics.net/pics/181411boutonpart1.png" /></a> <a href="http://autresvies.forumgratuit.org"><img src="http://i40.servimg.com/u/f40/11/60/23/04/cadre_15.png" /></a> <a href="http://xmhorizon.forumactif.org/"><img src="http://img15.hostingpics.net/pics/360527BOUTON.jpg" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a href="http://divinetemptation.forumactif.org/" target="_blank"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> </div> </div> </div> </div> </div>

Date d'inscription : 15/03/2017
Messages : 485

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:

L'ange noir - Admin

Dim 18 Juin 2017 - 20:52

Sauvegarde suite ajout de 2 site de votes:

Code:: <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-align: center; font-style: italic; margin-bottom: 5px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } /*nom du connecté*/ #pa-1 h1 { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 850px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; min-height: 145px; } .right { width: 196px; height: 305px; border: 2px solid #000; float: right; padding: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* CADRE LIENS */ #cadreliens{ width: 150px; max-width: 150px; height: 120px; max-height:120px; padding: 10px; margin-bottom: 10px; border: 2px solid black; float:left; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texteliens { font-family: sans-serif; font-size: 16px; color: #BD882D; font-style: italic; text-align: left; letter-spacing: 1px; margin-left: 5px; margin-bottom: 5px !important; /* = espace sous les titres */ } /* ESPACE CONTEXTE */ #contexte{ width: 410px; height: 120px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /*sujets récents*/ .twocols2 { width: 320px; height: 152px; border: 2px solid #000; margin-right: 8px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /*Widget Sujets récents*/ #recent_topics { color: black; font-size: 14px; height: 190px; width: 300px; overflow-y:hidden; overflow-x:auto; } /* ESPACE VOTE */ .twocols1 { float: left; width: 240px; height: 152px; border: 2px solid #000; margin-right: 10px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #votes{ clear: both; width: 100%; } #votes img { width: 55px; height: 60px; margin-top:3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #votes img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /*PREDEFINIS*/ #predefinis{ float: left; width: 310px; height: 75px; border: 2px solid #000; padding-top: 10px; padding-bottom: 10px; margin-right: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #predefinis img { padding: 10px; width: 52px; height: 52px; border-radius: 100px; -moz-border-radius: 100px; -wekbit-border-radius: 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } img.space { margin: 20px; } /* PARTENAIRES */ #blocpartenaire{ width: 500px; height: 75px; border: 2px solid #000; padding: 10px; overflow: hidden; float:right; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #footer1 { clear: both; width: 100%; padding-top: 10px !important; } #footer1 img { width: 65px; height: 25px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div id="container"> <div class="left">  <div id="cadreliens"> <div class="texteliens"> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a><br /><a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a><br /><a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a><br /><a href="http://vampires-kingdom.forumactif.com/f8-la-faq">Le guide</a><br /><a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a><br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div id="contexte"> <h2> LE CONTEXTE </h2> <p style="text-align: left; margin-top: 10px; color:black;"> 2027. Le monde est sous la domination des vampires, protégés par des dévots (mi vampires-mi hommes). Une crise économique, et des combats sanglants pour se partager la terre, ont laissé les peuples en proie au chaos. Les plus chanceux ont trouvé refuge dans le Protectorat tandis que d'autres tentent d'échapper à l'esclavage imposé par le Roi et L'Empereur.... </p> <p style="font-size: 15px; text-align: left;"> <a href="http://vampires-kingdom.forumactif.com/f7-contexte-et-infos" class="postlink" target="_blank" rel="nofollow">Lire la suite...</a> </p> <p> </p> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px;"> <div class="twocols1"> <div style="text-align: center;" id="votes"> <h2> VOTONS POUR VK </h2> <a href="http://www.root-top.com/topsite/vampie/in.php?ID=1" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=424" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a target="_blank" class="postlink" href="http://www.root-top.com/topsite/velusia/in.php?ID=531"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=14016" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=494"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /> </a> </div> </div> <div class="twocols2 RP"> <h2> DERNIERS MESSAGES </h2> <table> <tbody> <tr> <td align="center"> <marquee behavior="none" direction="up" scrollamount="2" onmouseout="this.start();" onmouseover="this.stop();" scrollamountstyle="height: 250px;"> <div id="recent_topics"> </div> <script type="text/javascript"> jQuery.get('/portal',function(data){ jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html()); }); </script> </marquee> </td> </tr> </tbody> </table> </div> </div> </div>   <div class="right"> <h2> LES NEWS </h2> <table> <tbody> <tr> <td colspan="2"> <iframe style="width: 195px; height: 290px;" frameborder="0" no"="" src=" http://sangsmelesoriginels.forumactif.com/h1-news scrolling=" name="news"> </iframe> </td> </tr> </tbody> </table> </div>  <div id="predefinis"> <h2> LES PREDEFINIS </h2><a href="http://vampires-kingdom.forumactif.com/t6453-les-residents#401985"> <img alt="Coleen" src="http://i86.servimg.com/u/f86/18/89/02/60/januar10.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-3"> <img alt="Douglas" src="http://i68.servimg.com/u/f68/18/89/02/60/alex_p10.png" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-4#410992"> <img alt="Iqbal" src="http://i84.servimg.com/u/f84/18/89/02/60/idris_11.png" /></a><a href="http://vampires-kingdom.forumactif.com/t6454-les-vampires#405160"> <img alt="Ian" src="http://i86.servimg.com/u/f86/18/89/02/60/alex_o10.png" /></a> </div> <div id="blocpartenaire"> <div style="text-align: center;" id="footer1"> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857-bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a target="_blank" href="http://divinetemptation.forumactif.org/"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> <a href="http://laserenissime.forumactif.org"><img alt="La Sérénissime" src="http://zupimages.net/up/17/14/tcxq.gif" /></a> </div> </div> </div> </div> </div>

Date d'inscription : 15/03/2017
Messages : 485

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:

L'ange noir - Admin

Mer 12 Juil 2017 - 19:06

Pour ajout des staffs dans la PA :

Code:: <style> /* ajustements personnels */ /* stylisation paragraphe contexte + choses à savoir : */ #pa { font-family: "Lucida Handwriting", cursive; font-size: 12px; position: relative; } /* stylisation titres */ #pa h2 { font-family: sans-serif; font-size: 14px; color: #BD882D; text-align: center; font-style: italic; margin-bottom: 5px !important; /* = espace sous les titres */ } /* stylisation liens de toute la PA */ #pa a{ text-decoration: none; color: #BD882D; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #pa a:hover{ text-decoration: none; color: black; } /* normalize */ #pa h1,#pa h2,#pa h3,#pa h4,#pa h5,#pa h6, ul, p { margin: 0; padding: 0; font-weight: normal;} /* GÉNÉRAL */ #pa { width: 920px; margin: 0 auto; border: 5px solid black; } /*nom du connecté*/ #pa-1 h1 { width: 100%; height: 100px; line-height: 100px; text-align: center; color: #BD882D; } #container { width: 850px; margin: 20px auto 10px; overflow: hidden; } .left { width: 620px; float: left; min-height: 145px; } /*ESPACE NEWS*/ .right { width: 196px; height: 205px; border: 2px solid #000; float: right; padding: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .staffs { font-family: arial, "Lucida Handwriting", cursive; font-size: 15px; width: 196px; height: 66px; border: 2px solid #000; float: right; padding: 10px; padding-top: 10px; margin-top: 10px; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /* CADRE LIENS */ #cadreliens{ width: 150px; max-width: 150px; height: 120px; max-height:120px; padding: 10px; margin-bottom: 10px; border: 2px solid black; float:left; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texteliens { font-family: sans-serif; font-size: 16px; color: #BD882D; font-style: italic; text-align: left; letter-spacing: 1px; margin-left: 5px; margin-bottom: 5px !important; /* = espace sous les titres */ } /* ESPACE CONTEXTE */ #contexte{ width: 410px; height: 120px; border: 2px solid #000; margin-right: 10px; padding: 10px; position: relative; overflow: hidden; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } .texte-contexte { width: 410px; height: 140px; padding-right: 15px; /* espace pour scrollbar */ float: left; text-align: justify; overflow-y: auto; /* scrolling */ } .texte-contexte p{ margin-bottom: 20px;} .texte-contexte p:last-child{ margin-bottom: 0px;} /*sujets récents*/ .twocols2 { width: 320px; height: 152px; border: 2px solid #000; margin-right: 8px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } /*Widget Sujets récents*/ #recent_topics { color: black; font-size: 14px; height: 190px; width: 300px; overflow-y:hidden; overflow-x:auto; } /* ESPACE VOTE */ .twocols1 { float: left; width: 240px; height: 152px; border: 2px solid #000; margin-right: 10px; padding: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #votes{ clear: both; width: 100%; } #votes img { width: 55px; height: 60px; margin-top:3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #votes img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /*PREDEFINIS*/ #predefinis{ float: left; width: 310px; height: 75px; border: 2px solid #000; padding: 10px 0px 15px 0px; margin-right: 10px; overflow: hidden; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #predefinis img { padding: 10px; width: 52px; height: 52px; border-radius: 100px; -moz-border-radius: 100px; -wekbit-border-radius: 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } img.space { margin: 20px; } /* PARTENAIRES */ #blocpartenaire{ width: 500px; height: 80px; border: 2px solid #000; padding: 10px; overflow: hidden; float:right; color:#BD882D; background-image:url(https://i58.servimg.com/u/f58/19/65/31/91/textur12.jpg); background-size: cover; } #footer1 { clear: both; width: 100%; padding-top: 10px !important; } #footer1 img { width: 70px; height: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #footer1 img:hover { -webkit-animation-origin: center center; -moz-animation-origin: center center; -ms-animation-origin: center center; -o-animation-origin: center center; animation-origin: center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #credits { position: absolute; bottom: -20px; right: 0; } </style> <div id="pa"> <div id="pa-1"> <div class="connected"> <h1> Bienvenue <span class="user-name">{USERNAME}</span> </h1> <p> <span style="font-size: 15px;"><strong>Forum ouvert depuis le 8 août 2007 ! Interdit aux moins de 18 ans </strong></span> </p><br /> </div> <div id="container"> <div class="left">  <div id="cadreliens"> <div class="texteliens"> <a href="http://vampires-kingdom.forumactif.com/f5-reglement">Règlement</a><br /><a href="http://vampires-kingdom.forumactif.com/t10-le-contexte">Contexte</a><br /><a href="http://vampires-kingdom.forumactif.com/f1-les-scenarios-pv-et-predefinis">Prédéfinis</a><br /><a href="http://vampires-kingdom.forumactif.com/f8-la-faq">Le guide</a><br /><a href="http://vampires-kingdom.forumactif.com/t1374-le-parrainage">Parrainage</a><br /> <a href="http://vampires-kingdom.forumactif.com/f69-les-pubs-et-les-partenaires">Partenariat</a> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;"> <div id="contexte"> <h2> LE CONTEXTE </h2> <p style="text-align: left; margin-top: 10px; color:black;"> 2027. Le monde est sous la domination des vampires, protégés par des dévots (mi vampires-mi hommes). Une crise économique, et des combats sanglants pour se partager la terre, ont laissé les peuples en proie au chaos. Les plus chanceux ont trouvé refuge dans le Protectorat tandis que d'autres tentent d'échapper à l'esclavage imposé par le Roi et L'Empereur.... </p> <p style="font-size: 15px; text-align: left;"> <a rel="nofollow" target="_blank" class="postlink" href="http://vampires-kingdom.forumactif.com/f7-contexte-et-infos">Lire la suite...</a> </p> <p> </p> </div> </div>  <div style="overflow: hidden; margin-bottom: 10px;"> <div class="twocols1"> <div id="votes" style="text-align: center;"> <h2> VOTONS POUR VK </h2> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/vampie/in.php?ID=1"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10529" class="postlink" target="_blank" rel="nofollow"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5181"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/lilie/in.php?ID=424"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/velusia/in.php?ID=531" class="postlink" target="_blank"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=14016"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2646"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /></a> <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=494"><img src="https://img4.hostingpics.net/pics/959209Chauve.png" /> </a> </div> </div> <div class="twocols2 RP"> <h2> DERNIERS MESSAGES </h2> <table> <tbody> <tr> <td align="center"> <marquee scrollamountstyle="height: 250px;" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" direction="up" behavior="none"> <div id="recent_topics"> </div> <script type="text/javascript"> jQuery.get('/portal',function(data){ jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html()); }); </script> </marquee> </td> </tr> </tbody> </table> </div> </div> </div>   <div class="right"> <h2> LES NEWS </h2> <table> <tbody> <tr> <td colspan="2"> <iframe name="news" src=" http://sangsmelesoriginels.forumactif.com/h1-news scrolling=" no"="" frameborder="0" style="width: 195px; height: 290px;"> </iframe> </td> </tr> </tbody> </table> </div> <div class="staffs"> <h2> LE STAFF </h2> <ul style="text-align: center; color:black; list-style-type: none; letter-spacing: 2px; "> <li> Sélène Craft </li> <li> L'Ange Noir </li> <li> Liu Kuan Ti </li> </ul> <p> </p> </div>  <div id="predefinis"> <h2> LES PREDEFINIS </h2><a href="http://vampires-kingdom.forumactif.com/t6453-les-residents#401985"> <img src="http://i86.servimg.com/u/f86/18/89/02/60/januar10.png" alt="Coleen" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-3"> <img src="http://i68.servimg.com/u/f68/18/89/02/60/alex_p10.png" alt="Douglas" /></a> <a href="http://vampires-kingdom.forumactif.com/t6640-les-affranchis-3-4#410992"> <img src="http://i84.servimg.com/u/f84/18/89/02/60/idris_11.png" alt="Iqbal" /></a><a href="http://vampires-kingdom.forumactif.com/t6454-les-vampires#405160"> <img src="http://i86.servimg.com/u/f86/18/89/02/60/alex_o10.png" alt="Ian" /></a> </div> <div id="blocpartenaire"> <div id="footer1" style="text-align: center;"> <a href="http://atlantisinsurrection.forumactif.fr"><img src="http://image.noelshack.com/fichiers/2014/32/1407326857-bouton8831pegase.png" /></a> <a href="http://clan-kravt.fr/index.php"><img src="http://www.pixenli.com/images/1437/1437740289001813800.png" /></a> <a href="http://black-out.forumactif.org"><img src="http://img4.hostingpics.net/pics/364734boutonBOlight100x35.gif" /></a> <a href="http://marbrume.forumrpg.org"><img src="http://i21.servimg.com/u/f21/12/99/58/89/bouton11.jpg" /></a> <a href="http://asaria-evolution.forumactif.org"><img src="http://img4.hostingpics.net/pics/663170368006asatest.gif" /></a> <a href="http://darkdawnsymphony.forumgratuit.org"></a> <a href="http://divinetemptation.forumactif.org/" target="_blank"><img src="http://img4.hostingpics.net/pics/537513DivineTemptation3.jpg" /></a> <a href="http://thedepraveddominance.forumdiet.net"><img src="http://i.imgur.com/rcYsLLm.png" /></a> <a href="http://laserenissime.forumactif.org"><img src="http://zupimages.net/up/17/14/tcxq.gif" alt="La Sérénissime" /></a> </div> </div> </div> </div> </div>

Contenu sponsorisé -