Sangs Mêles Originels
Bienvenue sur Vampire's Kindgom.

Nous vous invitons à lire le contexte et vous informons de la répartition des personnages sur le forum :

Vampires : 24
Esclaves : 21
Résidents : 2
Affranchis : 5
Dévots : 10


Vous avez les cartes en main pour faire le personnage de votre choix.

A bientôt.


Forum test
 
AccueilFAQRechercherS'enregistrerConnexionCalendrierPortail

Sauvegarde du codage PA

Voir le sujet précédent Voir le sujet suivant Aller en bas
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Sauvegarde du codage PA 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">
           
<!--                                                           ESPACE CONTEXTE                                                          -->                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
<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>
           
<!--                                                          ESPACE INFOS ET VOTES                                                          -->                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
<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>
           
<!--                                                          END COLONNE "LEFT"                                                         -->                                        
<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>
                           
<!--                                                          END COLONNE "RIGHT"                                                         -->                                                                                                                                                                                                                                                                                                                                                                                                        
<div style="text-align: center;" id="footer1">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
<!--                                                         <marquee behavior="" direction="right"

onmouseover="this.stop();" onmouseout="this.start();" scrollamount="1">                                                         -->                <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
Revenir en haut Aller en bas
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du codage PA 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">
                                         
<!--                       ESPACE CADRE LIENS                       -->                      
<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>
                                         
<!--                       ESPACE CONTEXTE                       -->                      
<div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                       
<div id="contexte">
                    CONTEXTE                      
</div>
                                         
</div>
                                         
<!--                       ESPACE NEWS ET RP                       -->                      
<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>
                                         
<!--                       END COLONNE "LEFT"                       -->                      
<!--                       ESPACE TOP SITES                       -->                      
<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>
                                         
<!--                       END COLONNE "RIGHT"                       -->                      
<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>
Revenir en haut Aller en bas
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du codage PA 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">
                                                                                                                                                                                       
            <!--                                                                                        ESPACE CADRE LIENS                                                                                        -->                                                                                     
            <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>
                                                                                                                                                                                       
            <!--                                                                                        ESPACE CONTEXTE                                                                                        -->                                                                                     
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                                                                                                                                                                        
               <div id="contexte">
                                                                                                      CONTEXTE                                                                                       
               </div>
                                                                                                                                                                                          
            </div>
                                                                                                                                                                                       
            <!--                                                                                        ESPACE NEWS ET RP                                                                                        -->                                                                                     
            <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>
                                                                                                                                                                                    
         <!--                                                                                        END COLONNE "LEFT"                                                                                        -->                                                                                     
         <!--                                                                                        ESPACE TOP SITES                                                                                        -->                                                                                     
         <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>
                                                                                                                                                                                    
         <!--                                                                                        END COLONNE "RIGHT"                                                                                        -->                                                                                     
         <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>
Revenir en haut Aller en bas
Selene Craft
avatar
Date d'inscription : 15/03/2017
Messages : 68

Feuille de personnage
En Quelques Mots: niÂge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du codage PA 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">
                                                                                                                                                                                                                               
            <!--                                                                                                            ESPACE CADRE LIENS                                                                                                            -->                                                                                                         
            <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>
                                                                                                                                                                                                                               
            <!--                                                                                                            ESPACE CONTEXTE                                                                                                            -->                                                                                                         
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                                                                                                                                                                                                                
               <div id="contexte">
                                                                                                                          CONTEXTE                                                                                                           
               </div>
                                                                                                                                                                                                                                  
            </div>
                                                                                                                                                                                                                               
            <!--                                                                                                            ESPACE NEWS ET RP                                                                                                            -->                                                                                                         
            <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>
                                                                                                                                                                                                                            
         <!--                                                                                                            END COLONNE "LEFT"                                                                                                            -->                                                                                                         
         <!--                                                                                                            ESPACE TOP SITES                                                                                                            -->                                                                                                         
         <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>
                                                                                                                                                                                                                            
         <!--                                                                                                            END COLONNE "RIGHT"                                                                                                            -->                                                                                                         
         <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>
Revenir en haut Aller en bas
http://sangsmelesoriginels.forumactif.com
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du codage PA 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">
                                                                                                                                                                                                                                                                                                 
            <!--                                                                                                                                  ESPACE CADRE LIENS                                                                                                                                  -->                                                                                                                                         
            <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>
                                                                                                                                                                                                                                                                                                 
            <!--                                                                                                                                  ESPACE CONTEXTE                                                                                                                                  -->                                                                                                                                         
            <div style="overflow: hidden; margin-bottom: 10px; margin-left:10px;">
                                                                                                                                                                                                                                                                                                        
               <div id="contexte">
                                                                                                                                                                CONTEXTE                                                                                                                                               
               </div>
                                                                                                                                                                                                                                                                                                        
            </div>
                                                                                                                                                                                                                                                                                                 
            <!--                                                                                                                                  ESPACE NEWS ET RP                                                                                                                                  -->                                                                                                                                         
            <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>
                                                                                                                                                                                                                                                                                        
         <!--                                                                                                                                  END COLONNE "LEFT"                                                                                                                                  -->                                                                                                                                       
         <!--                                                                                                                                  ESPACE NEWS                                                                                                                                -->                                                                                                                                       
         <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>
                                                                                                                                                                                                                                                                                        
         <!--                                                                                                                                  END COLONNE "RIGHT"                                                                                                                                  -->                                                                                                                                       
         <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>
Revenir en haut Aller en bas
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du codage PA 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">
                                                                                                                                                                                                                                                                                                                    
 <!--                                                                                                                                                 ESPACE CADRE LIENS                                                                                                                                                 -->                                                                                                                                                          
 <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>
                                                                                                                                                                                                                                                                                                                    
 <!--                                                                                                                                                 ESPACE CONTEXTE                                                                                                                                                 -->                                                                                                                                                          
 <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>
                                                                                                                                                                                                                                                                                                                    
 <!--                                                                                                                                                 ESPACE NEWS ET RP                                                                                                                                                 -->                                                                                                                                                          
 <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>
                                                                                                                                                                                                                                                                                                              
 <!--                                                                                                                                                 END COLONNE "LEFT"                                                                                                                                                 -->                                                                                                                                                      
 <!--                                                                                                                                                 ESPACE NEWS                                                                                                                                                -->                                                                                                                                                      
 <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>
                                                                                                                                                                                                                                                                                                              
 <!--                                                                                                                                                 END COLONNE "RIGHT"                                                                                                                                                 -->                                                                                                                                                      
 <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>
Revenir en haut Aller en bas
Selene Craft
avatar
Date d'inscription : 15/03/2017
Messages : 68

Feuille de personnage
En Quelques Mots: niÂge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du codage PA 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">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
            <!--                                                                                                                                                                                                                                ESPACE CADRE LIENS                                                                                                                                                                                                                                -->                                                                                                                                                                                                                                         
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
            <!--                                                                                                                                                                                                                                ESPACE CONTEXTE                                                                                                                                                                                                                                -->                                                                                                                                                                                                                                         
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
            <!--                                                                                                                                                                                                                                ESPACE VOTES ET RP                                                                                                                                                                                                                                -->                                                                                                                                                                                                                                         
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
         <!--                                                                                                                                                                                                                                END COLONNE "LEFT"                                                                                                                                                                                                                                -->                                                                                                                                                                                                                                     
         <!--                                                                                                                                                                                                                                ESPACE NEWS                                                                                                                                                                                                                                -->                                                                                                                                                                                                                                     
         <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
         <!--                                                                                                                                                                                                                                END COLONNE "RIGHT"                                                                                                                                                                                                                                -->                                                                     
         <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>
Revenir en haut Aller en bas
http://sangsmelesoriginels.forumactif.com
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du codage PA 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">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <!--                                                                                                                                                                                                                                                          ESPACE CADRE LIENS                                                                                                                                                                                                                                                          -->                                                                                                                                                                                                                                                                 
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <!--                                                                                                                                                                                                                                                          ESPACE CONTEXTE                                                                                                                                                                                                                                                          -->                                                                                                                                                                                                                                                                 
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <!--                                                                                                                                                                                                                                                          ESPACE VOTES ET RP                                                                                                                                                                                                                                                          -->                                                                                                                                                                                                                                                                 
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
         <!--                                                                                                                                                                                                                                                          END COLONNE "LEFT"                                                                                                                                                                                                                                                          -->                                                                                                                                                                                                                                                               
         <!--                                                                                                                                                                                                                                                          ESPACE NEWS                                                                                                                                                                                                                                                        -->                                                                                                                                                                                                                                                               
         <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
         <!--                                                                                                                                                                                                                                                          END COLONNE "RIGHT"                                                                                                                                                                                                                                                          -->                                                                                             
         <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>
                                                           
Revenir en haut Aller en bas
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du codage PA 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">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <!--                                                                                                                                                                                                                                                                              ESPACE CADRE LIENS                                                                                                                                                                                                                                                                              -->                                                                                                                                                                                                                                                                                                 
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <!--                                                                                                                                                                                                                                                                              ESPACE CONTEXTE                                                                                                                                                                                                                                                                              -->                                                                                                                                                                                                                                                                                                 
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <!--                                                                                                                                                                                                                                                                              ESPACE VOTES ET RP                                                                                                                                                                                                                                                                              -->                                                                                                                                                                                                                                                                                                 
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
         <!--                                                                                                                                                                                                                                                                              END COLONNE "LEFT"                                                                                                                                                                                                                                                                              -->                                                                                                                                                                                                                                                                                             
         <!--                                                                                                                                                                                                                                                                              ESPACE NEWS                                                                                                                                                                                                                                                                              -->                                                                                                                                                                                                                                                                                           
         <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
         <!--                                                                                                                                                                                                                                                                              END COLONNE "RIGHT"                                                                                                                                                                                                                                                                              -->                                                                                                                           
         <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>
Revenir en haut Aller en bas
L'ange noir
avatar
Date d'inscription : 15/03/2017
Messages : 481

Feuille de personnage
En Quelques Mots: Âge du personnage: Nationalité:
MessageSujet: Re: Sauvegarde du codage PA 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">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
            <!--                                                                                                                                                                                                                                                                                                                            ESPACE CADRE LIENS                                                                                                                                                                                                                                                                                                                            -->                                                                                                                                                                                                                                                                                                                                                 
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
            <!--                                                                                                                                                                                                                                                                                                                            ESPACE CONTEXTE                                                                                                                                                                                                                                                                                                                            -->                                                                                                                                                                                                                                                                                                                                                 
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
            <!--                                                                                                                                                                                                                                                                                                                            ESPACE VOTES ET RP                                                                                                                                                                                                                                                                                                                            -->                                                                                                                                                                                                                                                                                                                                                 
            <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
         <!--                                                                                                                                                                                                                                                                                                                            END COLONNE "LEFT"                                                                                                                                                                                                                                                                                                                            -->                                                                                                                                                                                                                                                                                                                                             
         <!--                                                                                                                                                                                                                                                                                                                            ESPACE NEWS                                                                                                                                                                                                                                                                                                                            -->                                                                                                                                                                                                                                                                                                                                         
         <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>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
         <!--                                                                                                                                                                                                                                                                                                                            END COLONNE "RIGHT"                                                                                                                                                                                                                                                                                                                            -->                                                                                                                                                                         
         <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>
Revenir en haut Aller en bas
Contenu sponsorisé
MessageSujet: Re: Sauvegarde du codage PA
Revenir en haut Aller en bas

Sauvegarde du codage PA

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» [Résolu] save oe - sauvegarde automatique ou manuel ?
» sauvegarde correcte ?
» [Résolu] Utilisation de REGCLEANER (sauvegarde)
» [Résolu] Sauvegarde automatique de documents
» Problème de sauvegarde

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sangs Mêles Originels :: Administration :: Mode d'emploi du forum :: Templates / PA / CSS-