forum test Aly
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -55%
Coffret d’outils – STANLEY – ...
Voir le deal
21.99 €

 

 Nouvelle PA

Aller en bas 
AuteurMessage
Silheiha & Kinngol V.
Admin
Silheiha & Kinngol V.


Messages : 16
Date d'inscription : 19/01/2015

Nouvelle PA Empty
MessageSujet: Nouvelle PA   Nouvelle PA EmptySam 21 Mar - 19:41

Code:
<div id="fond_PA">
<h1 id="titre_PA">Bienvenue  {USERNAME}</h1>
<h3 id="soustitre_PA"><div id="M14_Stats_All"><div class="M14_Stats"></div>
<div class="M14_New_User"></div></div></h3>
   
<div class="cadre_PA staff">
<span class="titre_cadre titre_staff">STAFF</span><br /> 
      
<div id="text_staff">Passer votre souris sur les boutons pour voir les portraits de nos staffeux.
<br /> Un clique pour découvrir leur profil.
<br /><img src="http://img15.hostingpics.net/pics/134570chibi.png" /></div>
         
<div class="bouton_croix">
<img class="image_staff un" src="http://img1.wikia.nocookie.net/__cb20120225115529/walkingdead/images/0/0a/Daryl-dixon-picture.jpg" /
><a href="http://new-divine.positiforum.com/u1">
<img class="img_croix" src="http://img4.hostingpics.net/pics/793740Sanstitre8.jpg" /></a></div>
                   
<div class="bouton_croix">
<img class="image_staff deux" src="http://img1.wikia.nocookie.net/__cb20120225115529/walkingdead/images/0/0a/Daryl-dixon-picture.jpg" />
<a href="http://new-divine.positiforum.com/u3">
<img class="img_croix" src="http://img4.hostingpics.net/pics/793740Sanstitre8.jpg" /></a></div>
         
<div class="bouton_croix"><img class="image_staff trois" src="http://img1.wikia.nocookie.net/__cb20120225115529/walkingdead/images/0/0a/Daryl-dixon-picture.jpg" />
<a href="http://new-divine.positiforum.com/u2">
<img class="img_croix" src="http://img4.hostingpics.net/pics/793740Sanstitre8.jpg" /></a></div>
</div>
      
<div id="contexte_titre">
<span class="titre_cadre titre_contexte">CONTEXTE</span>       
<div class="cadre_PA contexte">
<p>Quize ans après la victoire du Sanctuaire sur Hadès, le monde est en cendres.  <br />La Déesse Athéna n'est plus qu'une âme virevoltant tentant de préserver les fragments d'humanités éparpillés sur la Terre où règnent désormais les puissants Titans.
<br />Gaïa, réveillée par ses enfants et apprenant le meurtre d'Hadès, se rangea de leurs côtés et rendit à ce monde son état primitif. Un cataclysme qui a poussé non seulement Poséidon et Zeus, mais également tout le panthéon Égyptien à revenir en ce monde.
<br /><br />  Le monde des Hommes se disloque, serez-vous l’instrument de sa reconstruction ou de son anéantissement ?<br />     

<center>¤¤¤ <a href="http://new-divine.positiforum.com/t12-2-new-divine-contexte">La suite ?</a> ~
<a href="http://new-divine.positiforum.com/t14-1-new-divine-hypermyth">Hypermyth</a> ¤¤¤</center></p>
            
<div class="titre_liens">
<a href="http://new-divine.positiforum.com/t30-4-guide-du-nouvel-arrivant">Guide du Nouvel Arrivant</a> ~
<a href="http://new-divine.positiforum.com/t28-1-reglement-general">Règlement</a> ~
<a href="http://new-divine.positiforum.com/t20-1-camps-et-rangs-associes">Camps et Rangs associés</a> ~
<a href="http://new-divine.positiforum.com/f17-systeme-de-jeu">Système de Jeu</a><br /></div>
          
</div></div>
                    
<div class="cadre_PA top_sites">
<span class="titre_cadre titre_pv">TOP SITES</span>                     
      
<div id="pv">
<a href="http://www.root-top.com/topsite/dolceleb/in.php?ID=2250">
<img class="img_pv" src="http://img15.hostingpics.net/pics/693917topsite.png" /></a>     

<a href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=429">
<img class="img_pv" src="http://img15.hostingpics.net/pics/612498topsite2.png" /></a>                 

<a href="http://www.root-top.com/topsite/melu/in.php?ID=4001">
<img class="img_pv" src="http://img11.hostingpics.net/pics/915889topsite3.png" /></a>                 

<a href="http://www.root-top.com/topsite/azzare34/in.php?ID=8493">
<img class="img_pv" src="http://img11.hostingpics.net/pics/333579topsite6.png" /></a>                 

<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=4615">
<img class="img_pv" src="http://img15.hostingpics.net/pics/597691topsite4.png" /></a>                 

<a href="http://www.root-top.com/topsite/medusaah/in.php?ID=22">
<img class="img_pv" src="http://img15.hostingpics.net/pics/748296topsite5.png" /></a>   

<br /><br /> Un ptit vote <br /> toutes les <br /> deux heures<br /> pour aider<br />le forum. 
</div></div>
            
<div class="cadre_PA honneur_PA">
<span class="titre_cadre titre_honneur">A L'HONNEUR</span><br />     

<center><table border="0"><tbody><tr><td>
                        
<d class="info">
<img src="http://img15.hostingpics.net/pics/175577721.jpg" class="imgwidget" /><span><e style="COLOR: #F2EAED !important; FONT-SIZE: 18px !important" class="titrePA1">Akri des Gémeaux</e> <br /><f style="COLOR: #F2EAED !important">Votant du mois</f> <f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f><br /> <a href="http://new-divine.positiforum.com/u6" style="COLOR: #F2EAED !important">Profil</a></span></d>                           
                  
</td><td><table border="0"><tbody><tr><td>
                                                                         <a href="http://new-divine.positiforum.com/t44-resultat-de-mars#90?tid=1b882c5ff0692264caa0a932975fcf9f" class="postlink">Voir les Résultats</a>
<br /> 
<a href="http://new-divine.positiforum.com/t43-les-concours-qu-est-ce-que-c-est#89?tid=1b882c5ff0692264caa0a932975fcf9f" class="postlink">Voir les Concours</a>       

</td></tr></tbody></table></td><td>
                        
<d class="info">
<img src="http://img11.hostingpics.net/pics/559258348208cosmos.png" class="imgwidget" /><span><e style="COLOR: #F2EAED !important; FONT-SIZE: 18px !important" class="titrePA1">Inconnu</e> <br /><f style="COLOR: #F2EAED !important">Ecrivain du mois</f><f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f><br /><a href="#" style="COLOR: #F2EAED !important">Profil</a></span></d>       
                  
</td></tr></tbody></table></center>
                                   
<div class="M14_Anniv"></div></div></div>

<div class="cadre_PA partenaires_PA">
<span class="titre_cadre titre_partenaires">PARTENAIRES OR</span>           
   
<div class="img_partenaires">
       
<a target="_blank" href="http://www.forum.dol-celeb.com"><img class="utopia" src="http://www.dol-celeb.com/forum/images/dolceleb5.jpg" /></a>       

<a target="_blank" href="http://valhistar.forumgratuit.fr"><img class="utopia" src="http://i55.servimg.com/u/f55/17/97/26/60/valhis20.jpg" /></a>         

<a target="_blank" href="http://terrae.forumpro.fr/"><img class="utopia" src="http://image.noelshack.com/fichiers/2015/01/1420378729-bouton-100x35-terrae.jpg" /></a>       

<a target="_blank" href="http://cursed-anthalia.fantasyboard.net/"><img class="utopia" src="http://i.imgur.com/CZFhPe7.png" /></a>               

<a target="_blank" href="http://rebornrotd.forumactif.org/"><img class="utopia" src="http://image.noelshack.com/fichiers/2014/51/1418623207-100-3512-copie.png" /></a>       

<a target="_blank" href="http://fullmetalrebirth.forumactif.org"><img class="utopia" src="http://img11.hostingpics.net/pics/633921boutonpartenariatteste1.png" /></a>                 

<a target="_blank" href="http://bleach-new-destiny.forumactif.fr/"><img class="utopia" src="http://img11.hostingpics.net/pics/921470527679partbnd.png" /></a>               

<a target="_blank" href="http://new-divine.positiforum.com/"><img class="utopia" src="http://img11.hostingpics.net/pics/281647Bouton100X35.jpg" /></a>
</div>
      
<span id="nous_lier">
<a href="http://new-divine.positiforum.com/t37-notre-fiche-et-boutons">Fiche et Boutons</a> ~
<a href="http://new-divine.positiforum.com/t53-liste-de-nos-partenaires-annuaires-sites-associes">Tous ? </a> ~
<a href="http://new-divine.positiforum.com/t45-demande-de-partenariat">Vous ?</a></span>
</div>
   
<div class="cadre_PA ref_PA">
<span class="titre_cadre titre_ref">RÉFÉRENCEMENTS</span> 
   
<div class="img_partenaires">
      
<a target="_blank" href="http://frole-pbf.net/?showpage=list&id=582"><img class="opac" src="http://www.frole-pbf.net/img/links/80x15.png" /></a>       

<a target="_blank" href="http://www.sawen.net/saint-seiya-new-divine-s2760.html"><img class="opac" src="http://parle-net.com/spd/linkage/bouton-sawen.jpg" /></a>     

<a target="_blank" href="https://www.facebook.com/groups/490521361058628/?fref=ts"><img class="opac" src="http://oi62.tinypic.com/35b9lyr.jpg" /></a>     

<a target="_blank" href="http://www.tourdejeu.net/annu/fichejeu.php?id=13355"><img class="opac" src="http://img15.hostingpics.net/pics/566792boutontdj.jpg" /></a>     

<a target="_blank" href="http://www.forumsdeforumactif.com/t16903-saint-seiya-new-divine"><img class="opac" src="http://img15.hostingpics.net/pics/534247vote210.png" /></a>

<br /><br />
<a target="_blank" href="http://www.royale-pub.com/t17902-saint-seiya-new-divine"><img class="opac" src="http://img11.hostingpics.net/pics/251372logo8831.png" /></a>       

<a target="_blank" href="http://www.melodie-pub.net/t15603-saint-seiya-new-divine"><img class="opac" src="http://i59.servimg.com/u/f59/14/44/90/04/th/logo8810.png" /></a>     

<a target="_blank" href="http://www.pub-rpg-design.com/t98558-saint-seiya-new-divine"><img class="opac" src="http://img15.hostingpics.net/pics/752276739140logo2.png" /></a>       

<a href="http://be-us.forumactif.org/t741-saint-seiya-saint-seiya-new-divine" target="_blank"><img style="width: 88px; height: 31px;" src="http://image.noelshack.com/fichiers/2014/47/1416396074-b1.png" class="opac" /></a> 
   
</div></div>
         
<div class="cadre_PA nouveaute_PA">
<span class="titre_cadre titre_nouveaute">NOUVEAUTÉS & EVENT</span> 
   
<div class="contenant1"><div class="contenant_img1">
<img src="http://img15.hostingpics.net/pics/472066pacontexte.png" /></div>

<div class="contenant_description1"><div class="bidule3">

<div class="titre_pa1">Nouveautés</div>

<br /> 01/03/2015 : <a href="http://new-divine.positiforum.com/t94-les-nouvelles-de-new-divine#441">Les nouvelles du mois</a>
<br />12/03/2015 : MAJ du contexte concernant la naissances des Géants et des Centurion :<a href="http://new-divine.positiforum.com/t100-mise-a-jour-du-contexte">ici</a>
<br />MAJ concernant l'affichage des PNJ et du profil<br /><br /> 
            
<div class="titre_pa1">Event</div>
<br /> En réflexion, on vous réserve quelques surprise !<br /><br />
</div>

</div></div><br /><br />   

<span "="" style="color: #F2EAED; display:block; text-align: center; margin-top: -5px; margin-left :-20px"><a duplicate-content="" www.copyscape.com="" "="" href=" http:="><img border="0" title="Protected by Copyscape Plagiarism Checker - Do not copy content from this page." alt="Protected by Copyscape Duplicate Content Penalty Protection" src="http://banners.copyscape.com/images/cs-bl-234x16.gif" style="width: 234px; height: 16px;" /><br /></a>

<a class="postlink" href="http://new-divine.positiforum.com/t1-5-credits-du-forum"><span style="font-size: 9px;"><span style="color: #F2EAED;">© Crédits</span></span></a></span><br /> 

<span "="" style="color: #F2EAED; display:block; text-align: center; margin-top: -15px; margin-left :-20px">Forum réservé aux 16 ans et plus, pouvant contenir des scènes à caractère violent, érotique, horrifique ou des injures.</span><br /> 

<span "="" style="color: #F2EAED; display:block; text-align: center; margin-top: -10px; margin-left :-25px">
<img src="http://img11.hostingpics.net/pics/668426ChromeLogo.png" />
<img src="http://img11.hostingpics.net/pics/138686Mozilla.png" /></span><br />

<span style="color: #A6865D; display:block; text-align: center; margin-top: -5px; margin-left: -20px;">(c) PA by Lihuén sur <a href="http://www.never-utopia.com/">Never-Utopia</a></span>
   
<div class="cadre_PA1 effectifs">
<span class="titre_cadre titre_effectifs">EFFECTIFS</span> 
<div class="placement-slides"><ul class="rslides">

<li><img alt="" src="http://img15.hostingpics.net/pics/699024dieuxx.jpg" /></li>
                         
<li><img alt="" src="http://img15.hostingpics.net/pics/793777sanctuaire.jpg" /></li>
                         
<li><img alt="" src="http://img15.hostingpics.net/pics/579098Othrys.jpg" /></li>
             
<li><img alt="" src="http://img15.hostingpics.net/pics/441430Asgard.jpg" /> </li>

</ul></div>
</div><br><br><br>

<link href="http://fonts.googleapis.com/css?family=Calligraffitti" rel="stylesheet" type="text/css" />


Dernière édition par Admin le Jeu 26 Mar - 15:02, édité 15 fois
Revenir en haut Aller en bas
https://forumtesta.kanak.fr
Silheiha & Kinngol V.
Admin
Silheiha & Kinngol V.


Messages : 16
Date d'inscription : 19/01/2015

Nouvelle PA Empty
MessageSujet: Re: Nouvelle PA   Nouvelle PA EmptyDim 22 Mar - 15:07

Code:
/* ------------ MISE EN FORME PA ------------ */
#fond_PA {
  height: 1000px;
  width: 798px;
  border-top : 4px solid #A6865D;
  background:url('http://img15.hostingpics.net/pics/168271test.png') no-repeat;
}
#titre_PA {
  color: #F2EAED;
  font-family: 'Calligraffitti', cursive;
  font-size: 38px;
  text-shadow: 0px 0px 15px #F2EAED;
  margin-bottom: -25px;
  margin-top : 10px;
  text-align: center;
}
#soustitre_PA {
  color: #F2EAED;
  font-family: 'Calligraffitti', cursive;
  text-align: center;
  margin-top : 10px;
}

/*stats du QEEL sur la PA*/
#M14_Stats_All
{
margin: -20px 0px 2px 0%;
width : 704 px;
font-family : 'georgia';
}
#M14_New_User
{
margin: -2px 0px 2px 0%;
width : 704 px;
font-family : 'georgia';
}
.M14_Anniv .row1
{
background-color :#A6865D;
border: 1px dotted #F2EAED;
}
 
.M14_Anniv
{
padding:5px;
height:40px;
overflow-y:auto;
}
/*fin stats du QEEL sur la PA*/

.cadre_PA {
  background: rgba(166, 134, 93, 0.5);
  box-shadow: 2px 2px 2px black;
  font-family: Georgia;
  font-size: 14px;
  position: relative;
  display: inline-block;
  z-index: 0;
}
.titre_cadre {
  color: #403424;
  font-family: 'Calligraffitti', cursive;
  font-weight: bold;
  font-size: 20px;
  z-index: 3;
  text-align: left;
  display: inline-block;
  position: absolute;
}
.titre_liens{
font-family: 'Calligraffitti', cursive;
font-size: 14px;
text-align : center;
text-shadow: 0 0 15px #F2EAED;
border : 1px dotted #F2EAED;
color: #A6865D;
background-color :#403424;
position: relative;
}

/* MISE EN FORME DU CADRE STAFF */
#text_staff {
width : 180px;
height : 130px;
color : #F2EAED;
font-family :Georgia;
font-size :12px;
text-aling : justify;
}
.staff {
  width: 200px;
  height: 155px;
  float: left;
  margin-left: 10px;
}
.titre_staff {
  width: 15px;
  word-wrap: break-word; 
  top: -10px;
  left: -5px;
  line-height: 32px;
}
.bouton_croix {
  display: inline-block;
  margin: 10px auto 20px auto;
  overflow: visible;
  width: 31px;
  height: 28px;
}
.bouton_croix .image_staff {
  position: absolute;
  width: 180px;
  height: 143px;
  z-index: 1;
  visibility: hidden;
}
.bouton_croix .un {
  margin: -150px 0px 0px -37px;
}
.bouton_croix .deux {
  margin: -150px 0px 0px -71px;
}
.bouton_croix .trois {
  margin: -150px 0px 0px -105px;
}
.bouton_croix:hover .image_staff {
  visibility: visible;
}
/* MISE EN FORME DU CONTEXTE */
.contexte {
  width: 416px;
  height: 300px;
  padding: 5px;
  text-align: justify;
  overflow: auto;
  left: 10px;
  top: 1px;
  font-family: Georgia;
  color: #F2EAED;
}
.contexte p {
  font-family: Georgia;
  color: #F2EAED;
}
.titre_contexte {
  width: 416px;
  margin-left: -10px;
  margin-top : -10px;
}
#contexte_titre {
  overflow: visible;
  display: inline-block;
  width: 430px;
  height: 160px;
}

/* MISE EN FORME TOPS SITE */
.top_sites {
  width: 92px;
  height: 530px;
  float: right;
  margin-right: 10px;
}
.titre_pv {
  width: 15px;
  word-wrap: break-word;
  top: -10px;
  right: -5px;
  line-height: 32px;
}
#pv {
  margin-top: 30px;
}
.img_pv {
  margin: 2px 0px 2px 0px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: linear;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: linear;
  transition-duration: 1s;
  transition-timing-function: linear;
}

.img_pv:hover {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/*MISE EN FORME DU CADRE A L'HONNEUR*/
.honneur_PA {
  width: 200px;
  height: 155px;
  margin-top: 35px;
  margin-left : 10px;
  float: left;
}
.titre_honneur {
  left: 5px;
  top: -10px;
}

/* Images */
.imgwidget {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: linear;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: linear;
  transition-duration: 1s;
  transition-timing-function: linear;
}

.imgwidget:hover {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
/*fin img*/

/*MISE EN FORME PARTENAIRES */
.partenaires_PA {
  position: relative;
  display: inline-block;
  margin: -535px 0px 0px 10px;
  width: 200px;
  height: 105px;
  float: left;
}
.titre_partenaires {
  width: 200px;
  left: 5px;
  top: -10px;
}
.img_partenaires {
  margin-top: 30px;
}
.img_partenaires img {
  margin: 1px 1px 0px 0px;
}
#nous_lier {
  color: #403424;
  text-align: center;
  font-size: 10px;
  display: block;
  padding: 10px;
}
#nous_lier a {
  text-decoration: none;
  color: #403424;
  font-family: Georgia;
  font-weight: bold;
}
/*opacité +zoom*/
.utopia{
width :45px;
height :16px;
opacity: 0.5;
transition: 1s;
transform: all;
}

.utopia:hover{
width :100px;
height :35px;
opacity: 1;
transition: 1s;
transform: all;
}
/*fin opcité + zoom*/

/* MISE EN FORME REFERENCEMENTS */
.ref_PA {
  width: 200px;
  height: 180px;
  margin-top: -412px;
  float: left;
  margin-left: 10px;
}
.titre_ref{
  left: -1px;
  top: -10px;
}
/* Opacité images */
.opac {
    opacity: 0.5;
/* formule firefox */
    filter: alpha(opacity=50);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
            }
       
.opac:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;     
                    } 
/*fin opacités images*/

/* MISE EN FORME NOUVEAUTE*/
.nouveaute_PA {
  width: 400px;
  height: 180px;
  margin-left :120px;
  margin-top : -565px;
  text-align: justify;
  padding : 5px;
}
.titre_nouveaute {
  right: -15px;
  top: -10px;
}
/*scroll*/
.bidule3 {
height : 160px;
width : 391px;
overflow : auto;
padding-right :4px;
}
/*images glissées colonne SF*/
.contenant1 {
width: 400px;
height: 180px;
overflow: hidden;
}
 
.contenant_img1 {
position: relative;
z-index: 2;
height :180px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}
 
.contenant1:hover .contenant_img1 {
margin-left: 420px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}
 
.contenant_description1 {
z-index: 0;
width: 416px;
height: 180px;
margin-top: -165px;

}
/*fin images glissées SF*/

/*MISE EN FORME EFFECTIFS*/
.effectifs {
  width: 798px;
  height: 180px;
  margin-top: 25px;
  float: left;
  margin-left: -260px;
}
.titre_effectifs{
  right: 10px;
  top: -15px;
}
.cadre_PA1 {
  font-family: Georgia;
  font-size: 14px;
  position: relative;
  display: inline-block;
  z-index: 0;
}

/*Slide*/

.placement-slides {
  width: 798px;
  height 180px;
  position: relative;
  border-bottom : 4px solid #A6865D;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_nav { 
  position: absolute;
  top: 0px; left: 0; bottom: 0;
  z-index: 3;
  overflow: hidden;
  text-decoration: none;
  margin: auto;
  font-size: 0;


  width: 38px;
  height: 61px;
  opacity: 0.2;

  transition: 500ms all ease; // transition pour le survol
}

.rslides_nav:hover {
  opacity: 1; // Opacité du bouton au survol
}

.rslides_nav.next {
  left: auto;
  right: 0;

  background: url("http://i.imgur.com/w9RfTo0.png") no-repeat ; // Image du bouton suivant
}

.rslides_nav.prev {
  background: url("http://i.imgur.com/ocPFMaM.png") no-repeat ; // Image du bouton précédent
}


Dernière édition par Admin le Mer 1 Avr - 0:13, édité 3 fois
Revenir en haut Aller en bas
https://forumtesta.kanak.fr
Silheiha & Kinngol V.
Admin
Silheiha & Kinngol V.


Messages : 16
Date d'inscription : 19/01/2015

Nouvelle PA Empty
MessageSujet: Re: Nouvelle PA   Nouvelle PA EmptyMer 25 Mar - 13:05

Code:
/*ENTETE DE RP PAR DEFAUT*/
.entête_rp {
border : 4px double #F2EAED;
border-top-left-radius:2em;
border-bottom-right-radius :2em;
width : 530px;
}
.image_rp
{
width :520px;
height :200;
border-top: 1px solid #F2EAED;
border-left: 1px solid #F2EAED;
border-right: 1px solid #F2EAED;
}
.titre_rp{
font-family:'Gabriola';
font-style : italic;
font-size: 90px;
text-align : center;
text-shadow: 0 0 15px #F2EAED;
border : 1px dotted #F2EAED;
color: #A6865D;
background-color :#403424;
position: relative;
}
.date_joueur {
text-align : right;
color : #F2EAED;
font-family :'Georgia';
font-size : 14px;
font-style :italic;
padding-right :3px;
}
.contenu_rp{
padding :15px;
text-align :justify;
}
/*FIN ENTETE DE RP PAR DEFAUT*/

/*CARNETS PAR DEFAUTS*/
.carnet_pardefaut {
background-color :#A6865D;
border : 4px double #F2EAED;
border-top-left-radius:2em;
border-bottom-right-radius :2em;
width : 530px;
}
.titre_carnet {
background-color :#403424;
color : #A6865D;
text-shadow: 0 0 15px #F2EAED;
text-align : center;
font-family :'Gabriola';
font-size : 35px;
border-bottom : solid 2px #F2EAED;
border-top-left-radius:2em;
border-bottom-left-radius:2em;
border-bottom-right-radius:2em;
width : 530px;
height : 40px;
}
.cadre_carnet {
background-color :#403424;
color : #F2EAED;
border : 4px double #F2EAED;
border-top-left-radius:2em;
border-bottom-right-radius :2em;
padding : 3px;
width : 295px;
}
.cadre_relation {
background-color :#403424;
border : 4px double #F2EAED;
padding : 5px;
color : #F2EAED;
width :345px;
}
.rp_date {
width :490px;
color : #F2EAED;
}
/*FIN CARNETS PAR DEFAUT*/

/*FICHE OFFICIELLE*/
.fiche_officielle{
background-color :#A6865D;
background : url(http://img15.hostingpics.net/pics/218460imageformulaire.jpg) no-repeat;
border : solid 1px #F2EAED;
border-top-left-radius:2em;
border-bottom-right-radius :2em;
width : 530px;
}

/*réglement inscription personalisé*/
.réglement_perso{
background-color :#A6865D;
background : url(http://img11.hostingpics.net/pics/612158titrepersorglement.jpg) no-repeat;
border : solid 1px #F2EAED;
border-top-left-radius:2em;
border-bottom-right-radius :2em;
}
/*fin réglement inscription personalisé*/

/*fiche technique présentation*/
.titre_fiche{
font-family:'Gabriola', cursive;
font-size: 20px;
text-align : center;
text-shadow: 0 0 15px #F2EAED;
border : 1px dotted #F2EAED;
color: #403424;
background-color :#A6865D;
position: relative;
}

.cadre_officiel{
background-color : #403424;
border : dotted 1px #F2EAED;
border-top-left-radius:2em;
border-bottom-right-radius :2em;
width : 95%;
}
/*fin fiche technique présentation*/
/*FIN FICHE OFFICIELLE*/
 
/*ESPACE DE FORUM */
.bodylinewidth{
width: 799px;
}
/*FIN ESPACE FORUM*/


/*SUPPRESSION INVISION*/
table.ipbtable tfoot td
    {
        background-color:#000000;
    }
.darkrow
    {
        background-color:#000000;
        color:#000000;
    }
.post
    {
        background-color:#000000;
        border-bottom:10px solid #000000;
    }
/*FIN SUPPRESION INVISION*/

/*SUPRESSION DES BORDURES*/
.row3Right
{border: none !important;}

.thHead
{border: none !important;}

.thCornerL, .thCornerR, .thTop
{border: none !important;}

.thLeft, .thRight
{border-left: none !important;
border-right: none !important;}

.catLeft, .catRight
{border: none! important;}

.catHead
{border: none !important;}

.catBottom
{border: none !important;}
/*FIN SUPRESSION DES BORDURES*/

/*SUPRESSION DES SOULIGNEMENTS*/
a { text-decoration: none; }
/*FIN SUPRESSION DES SOULIGNEMENTS*/

/*THEME DE BASE*/
body {
margin: 0;
padding: 0;
background: url(http://img4.hostingpics.net/pics/209134testtransparent1.png) repeat center center, url(http://img15.hostingpics.net/pics/463798testfond.jpg) no-repeat center center fixed;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
background-size: auto, cover;
}
/*FIN THEME BASE*/

/* BARRE DE NAVIGATION*/
.navig {
z-index: 10;
position: fixed;
background-color: #403424;
top: 0px;
left: 0px;
height : 25px;
width: 100%;SUPRESSION;
border-bottom : 4px double #A6865D;
}
/*Police barre de navigation*/
a.mainmenu {
margin: 5px;
font-family: 'Gabriola';
font-size: 18px;
text-shadow: 0 0 15px #F2EAED;
}
/*retirer le vide généré par l'image*/
a.mainmenu img{
display: none;
}
/*FIN BARRE DE NAVIGATION*/

/*PERIODE RP*/
.nav_rapide{
width : 797px;
height : 85px;
border : 1px solid #A6865D;
background-color: #403424;
font-family : georgia;
font-size : 12px;
text-decoration: none;
padding-top : 10px;
}
/*FIN PERIODE DE RP*/

/*COULEUR FOND P.A*/
#fond_page_accueil {
background: no;
}
/*FIN COULEUR DE FOND P.A*/

/*PA By MOI *3* */
.neophyte {
background-color :rgba(166, 134, 93, 0.5);
border-top : 1px solid #A6865D;
border-bottom : 1px solid #A6865D;
padding : 5px;
height : 215px;
}

.fond_pa{
background:url('http://img15.hostingpics.net/pics/168271test.png');
border-top : 4px solid #A6865D;
border-bottom : 4px solid #A6865D;
width: 787px;
padding: 5px;
}

.titre_pa0{
font-family: 'Gabriola';
text-align : center;
font-size: 35px;
color: #F2EAED;
text-shadow: 0 0 15px #F2EAED;
text-align : center;
position: relative;
}

.titre_pa1{
font-family:'Gabriola';
font-size: 18px;
text-align : center;
text-shadow: 0 0 15px #F2EAED;
border : 1px dotted #F2EAED;
color: #A6865D;
background-color :#403424;
position: relative;
}

/*stats du QEEL sur la PA*/
#M14_Stats_All
{
margin:-20px 0px 2px 0%;
width : 704 px;
font-family : 'georgia';
}
#M14_New_User
{
margin:-2px 0px 2px 0%;
width : 704 px;
font-family : 'georgia';
}
.M14_Anniv .row1
{
background-color :#A6865D;
border: 1px dotted #F2EAED;
}
 
.M14_Anniv
{
padding:5px;
height:40px;
overflow-y:auto;
}
/*fin stats du QEEL sur la PA*/

.bloc_contexte{
background-color :#A6865D;
border : 1px solid #F2EAED;
width : 445px;
height:276px;
padding:5px;}

.navigation{
color:#F2EAED;
border : 1px dotted #F2EAED;
}

.bloc_news{
background-color :#A6865D;
border : 1px solid #F2EAED;
width : 245px;
height:276px;
padding:5px;}

.bloc_staff{
background-color :#A6865D;
border : 1px solid #F2EAED;
width : 170px;
height:200px;
padding:5px;}

/*img staff*/
/* Images Staff */
.imgwidget {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: linear;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: linear;
  transition-duration: 1s;
  transition-timing-function: linear;
}

.imgwidget:hover {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
/*fin img staff*/

/*info-bulles staff*/
.info {
position: relative;
z-index: 0;
text-decoration: none;
}

d.info:hover {
z-index: 25;
}
 
d.info span {
display: none;
}
 
d.info:hover span {
display: block;
position: absolute;
top: -2em;
left: -2em;
width: 120px;
height: 80px;
background-color: #403424;
color: #ffffff;
border : 1px solid #A6865D;
text-align: center;
font-weight: none;
font-family : 'Gabriola';
font-size : 16px;
}
/* fin info-bulles staff*/

.bloc_effectifs{
background-color :#A6865D;
border : 1px solid #F2EAED;
width : 274px;
height:200px;
padding:5px;
}

.bloc_topsites{
background-color :#A6865D;
border : 1px solid #F2EAED;
width : 222px;
height:200px;
padding:5px;
}

.bloc_toppartenaires{
background-color :rgba(166, 134, 93, 0.5);
border-top : 1px solid #A6865D;
border-bottom : 1px solid #A6865D;
padding : 5px;
text-align :center;
height : 90px;
}

.bloc_referencements {
background-color :rgba(166, 134, 93, 0.5);
border-top : 1px solid #A6865D;
border-bottom : 1px solid #A6865D;
padding : 5px;
text-align : center;
height : 90px;
}

/* Opacité images */
.opac {
    opacity: 0.5;
/* formule firefox */
    filter: alpha(opacity=50);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
            }
       
.opac:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;     
                    } 
/*fin opacités images*/
/* FIN PA*/

/*CORPS DE CATEGORIE*/
.secondarytitle{
background-image: url('http://img15.hostingpics.net/pics/142377test4.png');
background-repeat: no-repeat;
background-color: transparent;
background-position:center bottom;
height:100px;
font-family: Georgia;
font-size: 50px;
}
/*FIN CORPS DE CATEGORIE*/

/*CADRES AUTOUR DES DESCRIPTIONS DES FORUMS */
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 86%;
height :100px;
border: 1px solid #F2EAED;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
font-family : georgia;
border-top-left-radius:1em;
border-top-right-radius:1em;
border-bottom-right-radius:1em;
border-bottom-left-radius:1em;}
       
/*--- Cette partie correspond à l'onglet "titre du forum" ---*/
.forum-stats {
-moz-border-radius-topleft: 14px;
-moz-border-radius-topright: 14px;
-webkit-border-top-right-radius: 14px;
-webkit-border-top-left-radius: 14px;
border-top-right-radius: 14px;
border-top-left-radius: 14px;
border-bottom: 0 none !important;
border-left: 1px solid #F2EAED;
border-right: 1px solid #F2EAED;
border-top: 1px solid #F2EAED;
color: #000000;
margin-left :-240px;
font-size: 11px;
font-style: italic;
font-family: georgia;
height: 15px;
left: 280px;
padding: 5px;
position: relative;
text-align: auto;
width: 55%;}
       
/*--- Cette partie correspond à l'affichage "X messsages dans X sujets---*/
.forum-sousforum {
color: #000000;
border: 1px solid #F2EAED;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
margin-left :270px;
padding: 4px;
color: #000000;
width: 35%;
text-align: center;
height: 14px;
font-size: 11px;
font-family : georgia;
color :#F2EAED;}
/*FIN DES CADRES AUTOUR DES FORUMS/*

/*IMAGE DESCRIPTION DU FORUM*/
.description
{
  display: block;
  width: 400px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #F2EAED;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #A6865D;
  font-size: 10px;
  color: #F2EAED;
  text-align: justify;
  font-family : georgia;
  font-size : 12px;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
/*FIN IMAGE DESCRIPTION DE FORUM*/

/*COLONNE SF*/
.sous_forum{
width: 113px;
height: 147px;
color: #F2EAED;
font-size : 12px;
font-style : georgia;
border: 1px solid #F2EAED;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-o-border-radius: 10px;}

/*images glissées colonne SF*/
.contenant {
width: 115px;
height: 147px;
overflow: hidden;
}
 
.contenant_img {
position: relative;
z-index: 0;
width: 115px;
height: 147px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}
 
.contenant:hover .contenant_img {
margin-left: 150px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}
 
.contenant_description {
z-index: 0;
width: 115px;
height: 147px;
padding :1px;
margin-top: -135px;
margin-left: -5px;}
/*fin images glissées SF*/
/*scroll*/
.bidule {
height : 115px;
width : 115px;
overflow : auto;
}
/*FIN COLONNE SF*/

/*COLONNE DERNIER MESSAGES*/
.lastpost{
padding: 10px;
color: #F2EAED;
font-size : 12px;
font-style : georgia;
border: 1px solid #F2EAED;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-o-border-radius: 10px;
}
/*FIN COLONNE DERNIER MESSAGES*/

/*LISTE DES SUJETS*/

.topictitle{
align: center;
valign: middle;
font-family: 'gabriola';
font-size: 20px;
color: #F2EAED;
}

.topic-title{
text-align : center;
font-size: 11px;
}

.topicauteur{
font-family: Arial;
}

.reponseetvue{
position: absolute;
float: left;
font-family: Georgia;
color: #F2EAED;
}

.dernierereponse{
position: relative;
float: right;
font-family: Geoargia;
color: #F2EAED;
}

.sujets{
position: absolute;
align: center;
margin-top: 4px;
margin-left: 90px;
}
/* FIN LISTE DES SUJETS*/

/*AFFICHAGE  PROFIL*/
.profil_mess
{
position: relative;
z-index: 9;
width: 210px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-color: #403424;
padding: 4px;
text-align : center;
border: 2px double #F2EAED;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
}
.name
{
display: block;
z-index: 0;
margin-top: -2px;
margin-bottom: -10px;
font-size: 30px;
font-family: 'gabriola';
text-shadow: 0 0 15px #F2EAED;
padding-bottom: 5px;
border-bottom: 1px dashed #F2EAED;
}
.avatar_mess
{
display: block;
z-index: 0;
width: 200px;
height: 400px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border: 4px solid #A6865D;
overflow: hidden;
}
.profil2_mess
{
position: relative;
z-index: 1;
width: 180px;
margin-left: auto;
margin-right: auto;
margin-top: -202px;
background-color: #A6865D;
border: 2px solid #F2EAED;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
 -o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
color: #F2EAED !important;
transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-htm-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.profil2_mess:hover
{
margin-top: -42px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-htm-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.profil2_content
{
display: block;
width: 200px;
height: 200px;
max-height: 200px;
overflow: auto;
}
.profil2_content img {
  max-width: 190px;
  max-height: 140px;
}
/*redimensionnement image PNJ Profil*/
#field_id1 img {
  max-width: 190px;
  max-height : 140px;
}
/*fin redimensionnement imagein PNJ Profils*/

/*onglets dans le profil*/
/* les onglet */
.systab .tab {
  position: relative;
  top: 1em;
  padding: 2px 10px;
  color: #F2EAED;
  background: #A6865D;
  border: 1px solid #F2EAED;
  width: 173px;
}


/* les onglets sélectionnés */
.systab .tab.selected {
  color: #F2EAED;
  background: #403424;
  border: 1px solid #F2EAED;
  width: 172px;
}
 

/* contenus associés aux onglets  */
.systab .contents {
  position: relative;
  top: 1em;
  color: #F2EAED;
  background: #A6865D;
  border-top: 1px solid #F2EAED;
  font-family : georgia;
  font-variant:small-caps;/*texte en petites majuscules*/
  padding: 3px;
  height: auto;
  width: 173px;
}
   

/* style des onglets */
.systab.s_float .tab,.systab.s_float .tab {
  display: block;
  margin: 5px;
}
   

/* flottement des conteneurs  */
.systab.s_float .tabs,.systab.s_float .contents {
  float: center;
}
/*fin onglet dans le profil*/

/*image redimensionnée dans le profil même*/
.image_taille{
  width :190px;
  height: 140px;
}
/*fin image redimensionnée  dans le profil même*/
/*FIN AFFIHAGE PROFIL*/

/*CADRE DANS LE CORPS DES MESSAGES*/
.cadre_messages {
background : rgba(166, 134, 93, 0.5);
border : solid 1px #A6865D;
border-top-right-radius:2em;
border-bottom-left-radius :2em;
padding : 12px;
width:540px;
}
/*FIN CADRE DANS LE COPRS DES MESSAGES*/

/*CITATION*/
.quote{
background-color:#A6865D !important;
border: 1px solid  #F2EAED !important;
padding : 5px;
}
/*FIN DE CITATION/*

/*CODE DANS LES MESSAGES*/
.code{
background-color: #A6865D !important;
border: 1px solid  #F2EAED !important;
padding : 5px;
}
/*FIN DE CODE DANS LES MESSAGES*/
 
/* SPOILER */
.spoiler_closed {/* Apparence du spoiler fermé*/
line-height: 125%;
background-color:#A6865D !important;
border: 1px solid #F2EAED !important;
padding : 5px;}
 
.spoiler_closed.hidden {
background-color:#A6865D !important;
border: 1px solid #F2EAED !important;
padding : 5px;}
 
.spoiler_content {/*apparence du spoiler ouvert*/
line-height: auto;
background-color: none;
padding : 5px;}
 
.spoiler_content.hidden {
background-color: none;
border-top :1px dotted #F2EAED;
padding : 5px;}
/* FIN SPOILER*/

/* ACCES STATS bas de page*/
.nav_rapide1{
width : 797px;
height : 70px;
border : 1px solid #A6865D;
background-color: #403424;
font-family : georgia;
font-size : 12px;
text-decoration: none;
padding-top : 10px;
}
/*FIN ACCES STATS bas de page/*

/* ------- DEBUT MISE EN FORME QEEL (index-box)------- */
/* Ceci est le contour du QEEL.  */
#qeel {
  width: 800px;
  border-radius: 200px;
  background-color: no;
  /* Modifiez les valeurs de padding pour retirer la hauteur supplémentaire. Pensez également à changer le border-radius pour ne pas couper les rectangles dans le QEEL */
  padding-top: 30px;
  padding-bottom: 30px;
}

/* Rectangle du haut contenant les images du QEEL */
#groupes_qeel {
  width: 750px;
  height: 180px;
  padding-top: 20px;
  border : 1px solid #F2EAED;
  /* Permet de faire voir les infobulles si elles dépassent du carré  */
  overflow: visible;
  margin: auto;
  margin-bottom: 20px;
  /* La dernière variable détermine l'opacité du fond. Ici: un blanc avec opacité 0.6 */
  background : url('http://img15.hostingpics.net/pics/117594test1.png');
}

/* Div contenant à la fois l'image et l'infobulle. */
.infobulle_groupe_qeel {
  position: relative;
  /* Permet de mettre les images à la suite. */
  display: inline-block;
  margin: auto;
  /* À changer selon la taille de l'image */
  width: 100px;
  height: 75px;
  overflow: visible;
  /* Permet de mettre une marge entre les images */
  margin-left: 10px;
}
 
/* Mise en forme de l'infobulle */
.infobulle_groupe_qeel div {
  position: absolute;
  /* À modifier pour changer la position, par rapport à l'image de groupe, de la bulle. */
  top: 60px;
  left: 80px;
  /* Taille de l'infobulle */
  width: 200px;
  height: 150px;
  /* Couleur de l'infobulle */
  background-color: #403424;
  /* Couleur du texte dans l'infobulle */
  color: #F2EAED;
  border: 1px solid #A6865D;
  border-radius: 10px;
  opacity:0;
  /* Ajoutez ici des transform si vous voulez + d'effets */
  transition: all 0.5s ease-in-out 0s;
  z-index: 999;
  visibility: hidden;
}
 
.infobulle_groupe_qeel:hover div, .infobulle_groupe_qeel:focus div {
  /* Ajoutez ici des transform si vous voulez plus d'effets. */
  opacity:1;
  transition: all 0.5s ease-in-out 0s;
  visibility: visible;
}

/* Nom du groupes dans l'infobulle. À modifier comme n'importe quel titre. */
.nom_groupe_qeel {
  font-family: 'Georgia';
  font-size: 18pt;
  width: 100%;
  text-align: center;
  background-color: #A6865D;
  color :#F2EAED;
}

 /* Texte dans le QEEL. Hauteur à modifier si la hauteur de l'infobulle est modifiée. */
.txt_groupe_qeel {
  width: 90%;
  height: 75px;
  font-family :georgia;
  font-size: 9pt;
  text-align: left;
  margin: auto;
  overflow: auto;
}

 /* Contient les trois cases de la deuxième ligne */
#contenteur_infos_qeel {
  width: 750px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
}

 /* Image qui est en ligne */
#i_whosonline {
  float: left;
  border :1px solid #F2EAED;
  width :344px;
  height : 328px;
}

 /* Contient les utilisateurs actuellement en ligne */
#utilisateur_online_qeel {
  float: left;
  width: 180px;
  margin-left: 10px;
  height: 220px;
  padding: 5px;
  text-align: left;
  border :1px solid #F2EAED;
  overflow: auto;
  background-color: rgba(166, 134, 93, 0.5);
}

/* Contient les infos générales du forum. */
#infos_qeel {
  float: left;
  width: 180px;
  margin-left: 10px;
  height: 220px;
  padding: 5px;
  text-align: left;
  border :1px solid #F2EAED;
  overflow: auto;
  background-color: rgba(166, 134, 93, 0.5);
}

 /* Permet de retirer le fond de la table des derniers connectés & le réaligner. */
#infos_qeel td {
  vertical-align: top;
  background: none;
}
/* Tableau des derniers connectés les dernières 48h/24h/etc */
#connectes_qeel {
  width: 382px;
  height: 80px;
  text-align : left;
  font-family : georgia;
  font-size : 12px;
  padding: 5px;
  margin-top: -113px;
  margin-left : 356px;
  border :1px solid #F2EAED;
  overflow: auto;
  background-color:rgba(166, 134, 93, 0.5);
}

 /* Permet de retirer le fond de la table des derniers connectés & le réaligner. */
#connectes_qeel td {
  vertical-align: top;
  background: none;
}

.bloc_partenaires {
background-color :rgba(166, 134, 93, 0.5);
border-top : 1px solid #A6865D;
border-bottom : 1px solid #A6865D;
padding : 9px;
height : auto;
font-size : 12px;
font-family : georgia;
text-aling : left;
}

/* Opacité images */
.opac {
    opacity: 0.5;
/* formule firefox */
    filter: alpha(opacity=50);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
            }
       
.opac:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;     
                    } 
/*fin opacités images*/
/* -------- FIN MISE EN FORME QEEL (index-box)--------- */

/*CB LATERALE*/
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a
{
font-family:'Gabriola';
color :#F2EAED;
font-size : 18px;
}
#chatbox_header{
background-color :#A6865D;
border :1px dotted #F2EAED;
}
/*FIN CB LATERALE*/

/*AVATAR CHAT BOX*/
#cb-button{
  margin:5px 0;
}

#cb-button input{
  outline:0;
}

chatbox-username{
   font-size:12px;
}

/* Taille des avatars */
 
#chatbox .cb-avatar > img {
  height: 40px !important;
  width: 25px !important;
}
 
/* Calque des avatars */
 
#chatbox .cb-avatar {
  float: left;
  margin-right: 4px;
  background: none repeat scroll 0 0 #000 !important;
  border: 1px solid #000 !important;
  box-shadow: 0 2px 2px #000 !important;
  height: 40px !important;
  padding: 1px;
  vertical-align: middle;
  width: 25px !important;
}
/*FIN AVATAR CHAT BOX*/

/*BOUTONS HAUT BAS*/
.bouhautbas {
    bottom: 40px;
    right: 80px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
/*FIN BOUTONS HAUT BAS*/
Revenir en haut Aller en bas
https://forumtesta.kanak.fr
Silheiha & Kinngol V.
Admin
Silheiha & Kinngol V.


Messages : 16
Date d'inscription : 19/01/2015

Nouvelle PA Empty
MessageSujet: Re: Nouvelle PA   Nouvelle PA EmptyJeu 26 Mar - 12:42

Code:
<div class="placement-slides"><ul class="rslides">

<li><img alt="" src="http://img15.hostingpics.net/pics/699024dieuxx.jpg" /></li>
                          
<li><img alt="" src="http://img15.hostingpics.net/pics/793777sanctuaire.jpg" /></li>
                          
<li><img alt="" src="http://img15.hostingpics.net/pics/579098Othrys.jpg" /></li>
              
<li><img alt="" src="http://img15.hostingpics.net/pics/441430Asgard.jpg" /> </li>

</ul></div>
Revenir en haut Aller en bas
https://forumtesta.kanak.fr
Silheiha & Kinngol V.
Admin
Silheiha & Kinngol V.


Messages : 16
Date d'inscription : 19/01/2015

Nouvelle PA Empty
MessageSujet: Re: Nouvelle PA   Nouvelle PA EmptyDim 12 Avr - 18:29

Code:
<br><br><div class="neophyte"><div class="titre_pa1">Saint Seiya New Divine, un forum RPG Saint Seiya, mais pas que !</div><br>
<img src="http://img15.hostingpics.net/pics/289229test2.png"/><br><br>
<div style="padding:4px;">Hé oui, nul besoin d'être un fan ultra calé de cet univers si particulier pour nous rejoindre ! Nous t'avons tapé dans l’œil, mais tu n'ose pas franchir le cap parce que Seiya et ses potes sont pour toi de parfait inconnus ? Pas de problème !

Tu chercher un forum donnant à la fois dans le fantastique et le post-apocalyptique ? Tu cherche un contexte post-apocalyptique totalement original ? Alors pose tes bagages chez nous, car en créant SSND, le staff à aussi pensé à toi ! Envie de nous rejoindre sans avoir trop à creuser l'histoire des Guerres Saintes et des Chevaliers d'Athéna ? Incarne donc un civil et fait face aux ravages de l'apocalypse comme elle n'est décrite nulle par ailleurs.
</div></div><br><br>

<div class="fond_pa">
<div class="titre_pa0">Bienvenue {USERNAME}</div>
<div id="M14_Stats_All"><div class="M14_Stats"></div>
<div class="M14_New_User"></div></div>
      
<div class="titre_liens">
<a href="http://new-divine.positiforum.com/t30-4-guide-du-nouvel-arrivant">Guide du Nouvel Arrivant</a> ~
<a href="http://new-divine.positiforum.com/t28-1-reglement-general">Règlement</a> ~
<a href="http://new-divine.positiforum.com/t20-1-camps-et-rangs-associes">Camps et Rangs associés</a> ~
<a href="http://new-divine.positiforum.com/f17-systeme-de-jeu">Système de Jeu</a> ~
<a href="http://new-divine.positiforum.com/t88-avatar-pris">Bottin d'avatar</a> 
</div>
    
<div class="bloc_gauche">
<div class="bloc_staff">
<div class="titre_pa1">Staff</div><br />
 
<center>
<d class="info">
<img src="http://img15.hostingpics.net/pics/236990cosmos.png" class="imgwidget" />
<span><e style="COLOR: #F2EAED !important; FONT-SIZE: 18px !important" class="titrePA1">Cosmos</e> <br /><br>
<center>
<f style="COLOR: #F2EAED !important">MJ/Arbitre</f>
<f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f>
<f style="COLOR: #F2EAED !important">Fonda</f><f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f><br>
<a href="http://new-divine.positiforum.com/u1" style="COLOR: #F2EAED !important">Profil</a>
<f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f>
<a href="http://new-divine.positiforum.com/privmsg?mode=post&u=1" style="COLOR: #F2EAED !important">MP</a></center></span></d>
</center><br>
         
<table border="0"><tbody><tr><td>
                     
<center><d class="info">
<img src="http://img15.hostingpics.net/pics/334058alde.png" class="imgwidget" />
<span><e style="COLOR: #F2EAED !important; FONT-SIZE: 18px !important" class="titrePA1">Aldébaran</e> <br /><br>
<center>
<f style="COLOR: #F2EAED !important">Admin</f>
<f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f><br>
<f style="COLOR: #F2EAED !important">Fiche tech.</f><f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f><br>
<a href="http://new-divine.positiforum.com/t7-aldebaran-force-de-la-nature-tendre-du-coeur" style="COLOR: #F2EAED !important">Histoire</a>
<f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f>
<a href="http://new-divine.positiforum.com/privmsg?mode=post&u=3" style="COLOR: #F2EAED !important">MP</a></center></span></d>


</td><td>
                     
<d class="info">
<img src="http://img11.hostingpics.net/pics/691850aly.png" class="imgwidget" />
<span><e style="COLOR: #F2EAED !important; FONT-SIZE: 18px !important" class="titrePA1">Alysha</e> <br /><br>
<center>
<f style="COLOR: #F2EAED !important">Admin</f>
<f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f>
<f style="COLOR: #F2EAED !important">Animation</f><f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f><br>
<a href="http://new-divine.positiforum.com/t8-presentation" style="COLOR: #F2EAED !important">Histoire</a>
<f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f>
<a href="http://new-divine.positiforum.com/privmsg?mode=post&u=2" style="COLOR: #F2EAED !important">MP</a></center></span></d></center>
</td></tr></tbody></table>

<br /><img src="http://img15.hostingpics.net/pics/134570chibi.png" />
</div><br />

<div class="bloc_membre">
<div class="titre_pa1">Membre du Mois
</div><br /> 

<a href="http://new-divine.positiforum.com/t44-resultat-des-concours#879" class="postlink">Voir les Résultats</a><br /> 
<a href="http://new-divine.positiforum.com/t43-les-concours-qu-est-ce-que-c-est#89?tid=1b882c5ff0692264caa0a932975fcf9f" class="postlink">Voir les Concours</a> <br /><br />   

<table border="0"><tbody><tr><td>

<d class="info">
<img src="http://img15.hostingpics.net/pics/175577721.jpg" class="imgwidget" /><span><e style="COLOR: #F2EAED !important; FONT-SIZE: 18px !important" class="titrePA1">Akri des Gémeaux</e> <br /><br />
<f style="COLOR: #F2EAED !important">Votant du mois</f> <f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f><br />
<a href="http://new-divine.positiforum.com/u6" style="COLOR: #F2EAED !important">Profil</a></span></d>   

</td><td>

 <d class="info">
<img src="http://img11.hostingpics.net/pics/800812Kilian.png" class="imgwidget" /><span><e style="COLOR: #F2EAED !important; FONT-SIZE: 18px !important" class="titrePA1">Kilian du Lion</e> <br /><br />
<f style="COLOR: #F2EAED !important">Ecrivain du mois</f><f style="COLOR: #A6865D; FONT-SIZE: 14px">♦</f><br />
<a href="http://new-divine.positiforum.com/u13" style="COLOR: #F2EAED !important">Profil</a></span></d>   

</td></tr></tbody></table><br />

<div class="M14_Anniv"></div></div>
</div>
    
<div class="bloc_centre">
<div class="bloc_contexte">
<div class="titre_pa1">Contexte</div><br /> 

Quize ans après la victoire du Sanctuaire sur Hadès, le monde est en cendres.<br />
La Déesse Athéna n'est plus qu'une âme virevoltant tentant de préserver les fragments d'humanités éparpillés sur la Terre où règnent désormais les puissants Titans.<br />
Gaïa, réveillée par ses enfants et apprenant le meurtre d'Hadès, se rangea de leurs côtés et rendit à ce monde son état primitif. Un cataclysme qui a poussé non seulement Poséidon et Zeus, mais également tout le panthéon Égyptien à revenir en ce monde.<br /><br /> 
Le monde des Hommes se disloque, serez-vous l’instrument de sa reconstruction ou de son anéantissement ?<br /><br />
         
<div class="titre_liens1">
¤¤¤  <a href="http://new-divine.positiforum.com/t12-2-new-divine-contexte">La suite ?</a> ~
<a href="http://new-divine.positiforum.com/t14-1-new-divine-hypermyth">Hypermyth</a> ¤¤¤</div><br />
</div><br />
      
<div class="bloc_nouvelles">
<div class="contenant1">
<div class="contenant_img1">
<img src="http://img15.hostingpics.net/pics/33195389PA.png" /></div>
             
<div class="contenant_description1">
<div align="justify"><div class="scroll_new">
<div class="titre_pa1">Nouveautés</div><br />

<f style="COLOR: #F2EAED; FONT-SIZE: 14px">♦</f>
<span style="text-decoration: underline;">01/03/2015 :</span>
<a href="http://new-divine.positiforum.com/t94-les-nouvelles-de-new-divine#441">Les nouvelles du mois</a><br />

<f style="COLOR: #F2EAED; FONT-SIZE: 14px">♦</f>
<span style="text-decoration: underline;">12/03/2015 :</span>
MAJ du contexte concernant la naissances des Géants et des Centurion :<a href="http://new-divine.positiforum.com/t100-mise-a-jour-du-contexte">ici</a><br />

<f style="COLOR: #F2EAED; FONT-SIZE: 14px">♦</f>
MAJ concernant l'affichage des PNJ et du profil<br /><br /> 

<div class="titre_pa1">Event</div><br />

En réflexion, on vous réserve quelques surprise !<br />
</div></div><br />
</div></div></div></div>
    
<div class="bloc_droite">
<div class="top_site">
<div class="titre_pa1">Top Sites</div><br /> 

<a href="http://www.root-top.com/topsite/dolceleb/in.php?ID=2250">
<img src="http://img15.hostingpics.net/pics/693917topsite.png" class="imgwidget" /></a>   

<a href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=429">
<img src="http://img15.hostingpics.net/pics/612498topsite2.png" class="imgwidget" /></a>   

<a href="http://www.root-top.com/topsite/melu/in.php?ID=4001">
<img src="http://img11.hostingpics.net/pics/915889topsite3.png" class="imgwidget" /></a><br />   

<a href="http://www.root-top.com/topsite/azzare34/in.php?ID=8493">
<img src="http://img11.hostingpics.net/pics/333579topsite6.png" class="imgwidget" /></a>   

<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=4615">
<img src="http://img15.hostingpics.net/pics/597691topsite4.png" class="imgwidget" /></a> 

<a href="http://www.root-top.com/topsite/medusaah/in.php?ID=22">
<img src="http://img15.hostingpics.net/pics/748296topsite5.png" class="imgwidget" /></a>
<br /> Un ptit vote toutes les deux heures.
</div><br />

<div class="references">
<div class="titre_pa1">Référencements</div><br />
 
<center><a target="_blank" href="http://frole-pbf.net/?showpage=list&id=582"><img style="width: 85px; height: 15px;"  ="" src="http://www.frole-pbf.net/img/links/80x15.png" /></a> 

<a target="_blank" href="http://www.sawen.net/saint-seiya-new-divine-s2760.html">
<img  ="" src="http://parle-net.com/spd/linkage/bouton-sawen.jpg" /></a> 

<a target="_blank" href="https://www.facebook.com/groups/490521361058628/?fref=ts">
<img  ="" src="http://oi62.tinypic.com/35b9lyr.jpg" /></a> 

<a target="_blank" href="http://www.tourdejeu.net/annu/fichejeu.php?id=13355"><img  ="" src="http://img15.hostingpics.net/pics/566792boutontdj.jpg" /></a> 

<a target="_blank" href="http://www.imaginannuaire.com/">
<img src="http://i58.servimg.com/u/f58/15/98/96/07/bouton10.jpg" /></a> 

<a target="_blank" href="http://www.forumsdeforumactif.com/t16903-saint-seiya-new-divine">
<img src="http://img15.hostingpics.net/pics/534247vote210.png" /></a> 

<a target="_blank" href="http://www.royale-pub.com/t17902-saint-seiya-new-divine">
<img style="width: 88px; height: 31px;"src="http://img11.hostingpics.net/pics/251372logo8831.png" /></a> 

<a target="_blank" href="http://www.melodie-pub.net/t15603-saint-seiya-new-divine">
<img style="width: 88px; height: 31px;" src="http://i59.servimg.com/u/f59/14/44/90/04/th/logo8810.png" /></a> 

<a target="_blank" href="http://www.pub-rpg-design.com/t98558-saint-seiya-new-divine">
<img style="width: 88px; height: 31px;" src="http://img15.hostingpics.net/pics/752276739140logo2.png" /></a> 

<a href="http://be-us.forumactif.org/t741-saint-seiya-saint-seiya-new-divine" target="_blank"><img style="width: 88px; height: 31px;" src="http://image.noelshack.com/fichiers/2014/47/1416396074-b1.png" class="opac" /></a>
</center>
</div><br>

<div class="crédits">
<div align="justify">
<center><img src="http://img15.hostingpics.net/pics/4060746116.jpg"/>
<img src="http://img15.hostingpics.net/pics/358922nudit.jpg"/>
<img src="http://img15.hostingpics.net/pics/699189violence.jpg"/>
<img src="http://img15.hostingpics.net/pics/672812peur.jpg"/>
<img src="http://img15.hostingpics.net/pics/470681injures.jpg"/><br>
Optimisé pour
<img src="http://img11.hostingpics.net/pics/668426ChromeLogo.png" />
<img src="http://img11.hostingpics.net/pics/138686Mozilla.png" /></center> 
 
Ce forum appartient à son staff. Toute reproduction partielle ou totale est interdite. <a class="postlink" href="http://new-divine.positiforum.com/t1-5-credits-du-forum"><span style="font-size: 9px;">© Crédits</span></a>
</div></div></div><br><br>

<div class="partenaires">
<div class="titre_pa1">Partenaires Or</div><br />

<a href="http://www.dol-celeb.com/" title="Forum de Dol Celeb" target="_blank"><img src="http://www.dol-celeb.com/wp-content/uploads/2015/04/dolceleb4.jpg" alt="Forum Dol Celeb" border="0" class="opac" height="35px" /></a>

<a href="http://valhistar.forumgratuit.fr" title="Forum de Dol Celeb" target="_blank">
<img src="http://i55.servimg.com/u/f55/17/97/26/60/valhis20.jpg" alt="Valhistar" border="0" class="opac" /></a>

<a href="http://terrae.forumpro.fr/" target="_blank">
<img src="http://image.noelshack.com/fichiers/2015/15/1428349759-partenaires-100x35.png" class="opac" /></a>

<a target="_blank" href="http://cursed-anthalia.fantasyboard.net/"><img src="http://i.imgur.com/CZFhPe7.png" class="opac" /></a>

<a href="http://rebornrotd.forumactif.org/" target="_blank"><img src="http://image.noelshack.com/fichiers/2014/51/1418623207-100-3512-copie.png" class="opac" /></a>

<a href="http://fullmetalrebirth.forumactif.org" target="_blank">
<img src="http://img11.hostingpics.net/pics/633921boutonpartenariatteste1.png" class="opac" height="35px" /></a>

<a href="http://bleach-new-destiny.forumactif.fr/" target="_blank">
<img src="http://img11.hostingpics.net/pics/921470527679partbnd.png" class="opac"  height="35px"/></a> <br />

<a href="http://new-divine.positiforum.com/f12-nos-partenaires">Tous ? ~</a>  
<a href="http://new-divine.positiforum.com/t45-demande-de-partenariat">Nous lier ? ~</a>
<a href="http://new-divine.positiforum.com/t37-notre-fiche-et-boutons">Nos Boutons et Fiche ~</a></div>
</div>
   

<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Calligraffitti" />
Revenir en haut Aller en bas
https://forumtesta.kanak.fr
Contenu sponsorisé





Nouvelle PA Empty
MessageSujet: Re: Nouvelle PA   Nouvelle PA Empty

Revenir en haut Aller en bas
 
Nouvelle PA
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
forum test Aly :: Prologue :: Votre 1er forum-
Sauter vers: