Code decale PA

Voir le sujet précédent Voir le sujet suivant Aller en bas

Code decale PA

Message par pikacerise33 le Jeu 14 Sep 2017 - 0:23

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : aujourd'hui
Lien du forum : http://back-to-tree-hill.forumactif.org/

Description du problème

Bonjour ,
Je viens vers vous car j'ai un petit soucis avec mes codes , j'ai décalé par errueur les codes dans ma PA , du coup j'ai du grand n'importe quoi .
Je m'explique :
J'avais avant tous à gauche un carré blanc comme celui de droite ou j'ai joint la flèche , avec tous les noms des gens écris dedans , on pouvais alors tourné avec des flèches pour voir le noms des personnages avec une image défilé de gauche à droite . ( image et nom des personnages qui sont actuellement écrit l'un en dessous de l'autre :/ )
Puis second soucis cette fois si à droite encore décalé :
- Le texte ' qui de ma famille est déjà la ' été lui aussi dans son carré blanc à sa place et les phrases qui les chevauches été elle aussi plus bas .
Si mon texte n'est pas claire je vous invites a regarder de plus pret sur le forum :
http://back-to-tree-hill.forumactif.org/
Je vous joints bien sur la P.A

Merci d'avance victoire

Code:
<center>
                                                                              
   <div class="titre_pa">
                                            Back To Tree-Hill                             
   </div>
                                                                              
   <div class="box_pa">
                                                                                    1                                                                             
      <li style="background:url(https://img11.hostingpics.net/pics/288720pngsophiabushbysiana54d9bwv4b.png) right no-repeat; background-size:38%;">
                                                                            
         <div id="all">
                                                                                           
            <div id="slider">
                                                             <img style="z-index:7" src="https://dl.dropboxusercontent.com/u/45932993/FallCity/FondStaffFC.png" class="fondStaffGeneral" />          <img src="https://dl.dropboxusercontent.com/u/45932993/FallCity/FondStaffFC.png" class="fondStaffGeneral" />          <a class="control_next" href="#silder">></a>          <a class="control_prev" href="#silder"><</a>                                             
               <ul>
                                                                                                     
               </ul>
               
            </div>
             
         </div>
         
      </li>
      <li style="background:url(https://dl.dropboxusercontent.com/u/45932993/FallCity/ElenaStaff.png) right no-repeat; background-size:50%;">
                                                                              
         <div id="all">
                                 
         </div>
            
      </li>
      <table>
                                                                                        
         <tbody>
                                                                                   
            <tr>
                                                                                                
               <td>
                                                                                                   
               </td>
                                                                                                
               <td style="width: 30px;">
                                                                                                   
               </td>
                                                                                                
               <td>
                                                                                                   
               </td>
                                                                                              
            </tr>
                                                                                             
            <tr>
                                                                                                            
               <td>
                                                                                                         
                  <div class="liens_pa">
                                                                           <a class="liensPA" href="http://back-to-tree-hill.forumactif.org/t28-les-regles">› Règlement <br /></a> <a class="liensPA" href="http://back-to-tree-hill.forumactif.org/f21-reglement-contexte-annexes">› Annexes <br /></a> <a class="liensPA" href="http://back-to-tree-hill.forumactif.org/t29-le-bottin-des-avatars">› Botin <br /></a> <a class="liensPA" href="http://back-to-tree-hill.forumactif.org/f5-scenarios-des-membres">› Scénarios <br /></a> <a class="liensPA" href="http://back-to-tree-hill.forumactif.org/t530-votre-demande-de-partenariat">› Partenariat <br /></a> <a class="liensPA" href="http://back-to-tree-hill.forumactif.org/f101-questions-et-pre-liens">› Invités <br /></a>                                                   
                  </div>
                                                                                                       
               </td>
                                                                                                    
               <td colspan="4">
                                                                                                         
                  <div class="contexte_pa" style="margin-bottom:20px">
                                                                                                              
                     <div class="contexte_txt">
                                                                              Contexte <br /><a href="http://back-to-tree-hill.forumactif.org/t2-le-contexte">Lire la suite</a>                                             
                     </div>
                                                                                                            
                  </div>
                                                                                                       
               </td>
                                                                                                  
            </tr>
                                                                                         
            <tr>
                                                                                                
               <td colspan="2">
                                                                         
                  <div id="name">
                                                         Brooke Davis Baker                                   
                  </div>
                                                      Fondatrice<br /><br /><br /><br /><img src="https://img11.hostingpics.net/pics/385033sophiabushpngbythirtysamd4ng8bu.png" style="width:25px;" /> <img style="width:25px;" src="https://dl.dropboxusercontent.com/u/45932993/FallCity/MP.png" />                                                                                                                                                                     
                  <div id="name">
                                                         Brooke Davis Baker                                   
                  </div>
                                                      Fondatrice<br /><br /><br /><br /><img src="https://dl.dropboxusercontent.com/u/45932993/FallCity/Profil.png" style="width:25px;" /> <img style="width:25px;" src="https://dl.dropboxusercontent.com/u/45932993/FallCity/MP.png" />                                                                                                                                                                                     
                  <li style="background:url() right no-repeat; background-size:50%;">
                                                                                            
                     <div id="all">
                                                                                               
                        <div id="name">
                                                               Haley Scott                                   
                        </div>
                                                            Co-Admin<br /><br /><br /><img src="https://img11.hostingpics.net/pics/520298HaleyJamesrender.png" style="width:25px;" /> <img style="width:25px;" src="https://dl.dropboxusercontent.com/u/45932993/FallCity/MP.png" />                                   
                     </div>
                                                                                            
                  </li>
                                                                                                                                                                                                                                                   
               </td>
                                                                                              
               <td>
                                                              <span class="boutonPA" id="info">Info</span><span class="boutonPA" id="news">News</span>                                           
                  <div class="news_pa">
                                                                                                        
                     <div class="blocPA" id="info">
                                                                                               
                        <ul>
                                                                                                  
                           <li>
                                                                  Nous demandons un minimum de <strong>200 mots</strong> par RP                                   
                           </li>
                                                                                                  
                           <li>
                                                                  Le forum et son contexte sont la propriété des administrateurs, merci de ne pas reproduire sans l'autorisation.                                   
                           </li>
                                                                                                  
                           <li>
                                                                  Le design de la version 1 a été réalisé par July.                                   
                           </li>
                                                                                                  
                        </ul>
                                                                                                 
                     </div>
                                                                                                        
                     <div class="blocPA" id="news">
                                                            <strong>03/08/2015 ></strong> [Ouverture] Fall City est maintenant oouvert !<br />                                           
                     </div>
                                                                                                      
                  </div>
                                                                                                 
               </td>
                                                                                              
               <td>
                                                                                                   
                  <div class="month" style="background-image:url(https://dl.dropboxusercontent.com/u/45932993/FallCity/FondStaffFC.png);">
                                                                                                        
                     <div class="month_in" style="background:url(https://dl.dropboxusercontent.com/u/45932993/FallCity/RavenStaff.png) left no-repeat; background-size:40%; ">
                                                                                               
                        <div class="texte_Month">
                                                               Félicitations à<br />                                               
                           <div class="month_name" id="name">
                                                                  Machin                                   
                           </div><br />            notre membre du mois                                   
                        </div>
                                                                                                             
                        <div class="texte_Month" id="link">
                                                                 Cliquez ici                                   
                        </div>
                                                                                                 
                     </div>
                                                                                                                
                  </div>
                                                                                                 
               </td>
                                                                                            
            </tr>
                                                                                         
            <tr>
                                                                                              
               <td>
                                                                                                   
                  <div class="affich_part">
                                                                   <select onchange="window.open(this.options[this.selectedIndex].value)" class="pa_deroul">  <option target="_blank" value="selcted"> Nos partenaires</option> <option target="_blank" value="http://maison-de-la-nuit.forumgratuit.org/"> Maison de la nuit</option> <option target="_blank" value="http://slayerswar.forumactif.org/"> Slayers War</option> <option target="_blank" value="http://cherub-campus-rpg.forumactif.org/"> Cherub Campus</option><option target="_blank" value="http://be-careful.forumgratuit.org/"> Be-careful</option><option target="_blank" value="http://magiciscoming.forumactif.fr/"> Magic is coming</option><option target="_blank" value="http://welovetreehill.forumactif.org/"> We love Tree Hill</option><option target="_blank" value="http://beyondthecity.forumactif.org/"> Beyond the city</option><option target="_blank" value="http://memoriesinthecity.forumactif.org/"> Memories in the city</option><option target="_blank" value="http://peoples-glory.forumactif.ws/"> People's glory</option><option target="_blank" value="http://santabarbaraskies.forumactif.org/"> Santa Barbara Sky</option><option target="_blank" value="http://su-mykissbaby.forumactif.org/"> Suck my kiss</option> </select>                                             
                  </div>
                                                                                                 
               </td>
                                                                                              
               <td rowspan="2" colspan="2">
                                                                                                   
                  <div class="affich_pv">
                                                                                                      
                     <center>
                                                                                                 
                        <table>
                                                                                                  
                           <tbody>
                                                                                                     
                              <tr>
                                                                                                        
                                 <td>
                                                                        <img src="https://img11.hostingpics.net/pics/555589Chadataninterviewin2006chadmichaelmurray32978032100100.png" class="pv_img" id="pv1" />                                       
                                 </td>
                                                                                                        
                                 <td>
                                                                            <img src="https://img11.hostingpics.net/pics/314095OTHonetreehill38337546100100.png" class="pv_img" id="pv2" />                                   
                                 </td>
                                                                                                        
                              </tr>
                                                                                                     
                              <tr>
                                                                                                        
                                 <td>
                                                                                          <img src="https://img11.hostingpics.net/pics/745756Julianjulianbaker28446173100100.jpg" class="pv_img" id="pv3" />                                       
                                 </td>
                                                                                                        
                                 <td>
                                                                            <img src="https://img11.hostingpics.net/pics/289536OneTreeHillonetreehill37242216100100.png" class="pv_img" id="pv4" />                                   
                                 </td>
                                                                                                        
                              </tr>
                                                                                                     
                              <tr>
                                                                                                        
                                 <td>
                                                                                          <img src="https://img11.hostingpics.net/pics/959723OneTreeHillimageonetreehill36762719100100.jpg" class="pv_img" id="pv5" />                                       
                                 </td>
                                                                                                        
                                 <td>
                                                                            <img src="https://img11.hostingpics.net/pics/972949OneTreeHillonetreehill37242167100100.png" class="pv_img" id="pv6" />                                   
                                 </td>
                                                                                                        
                              </tr>
                                                                                                     
                           </tbody>
                                                                                                  
                        </table>
                                                                                               
                     </center>
                                                                                                      
                  </div>
                                                                                                 
               </td>
                                                                                              
               <td rowspan="2">
                                                                                                 
                  <div class="pv_pa">
                                                                                                        
                     <div id="pv0">
                                                                                               
                        <center>
                                                               <span id="name">Postes Vacants</span>                                   
                        </center><br />            Cliquez sur les petites icones rondes à gauche de ce cadre pour faire apparaitre des détails sur le poste vacant ou le scénario proposé !                                               
                     </div>
                                                                                                      
                     <div id="pv1">
                                                                                               
                        <center>
                                                               <span id="name">Lucas Scott</span>                                   
                        </center><br />          <span id="paragraphe">Age</span> 28 ans <br />          <span id="paragraphe">Statut</span> Mariée <br />          <span id="paragraphe">Metier</span> Ecrivain <br />          <span id="paragraphe">Groupe</span> - THE WATHER - <br />          <span id="paragraphe">Nombre de liens</span> écrire ici (dont X présents) <br /><br />                                               
                        <center>
                                                               <span id="paragraphe"><a href="http://back-to-tree-hill.forumactif.org/t535-haiden-vensse-ian-somerhalder-h" target="_blank"> Qui de ma famille est déjà là ?</a></span>                                   
                        </center>
                                                                                                           
                     </div>
                                                                                                        
                     <div id="pv2">
                                                                                               
                        <center>
                                                               <span id="name">Quinn James  </span>                                   
                        </center><br />                      <span id="paragraphe">Age</span>// <br />          <span id="paragraphe">Statut</span>  <br />          <span id="paragraphe">Metier</span>//<br />          <span id="paragraphe">Groupe</span>-EARTH - <br />          <span id="paragraphe">Nombre de liens</span> écrire ici (dont X présents) <br /><br />                                               
                        <center>
                                                               <span id="paragraphe"><a href="http://back-to-tree-hill.forumactif.org/t536-solene-fith-candice-swanepoel-f#3356" target="_blank">VQui de ma famille est déjà là ?</a></span>                                   
                        </center>
                                                                                                           
                     </div>
                                                                                                        
                     <div id="pv3">
                                                                                               
                        <center>
                                                               <span id="name"> Julian Baker </span>                                   
                        </center><br />                      <span id="paragraphe">Age</span> 26 ans <br />          <span id="paragraphe">Statut</span> Mariée <br />          <span id="paragraphe">Metier </span> // <br />          <span id="paragraphe">Groupe</span>- THE WATHER - <br />          <span id="paragraphe">Nombre de liens</span> écrire ici (dont X présents) <br /><br />                                               
                        <center>
                                                               <span id="paragraphe"><a href="http://back-to-tree-hill.forumactif.org/t551-mickael-dust-max-irons" target="_blank">Qui de ma famille est déjà là ?</a></span>                                   
                        </center>
                                                                                                           
                     </div>
                                                                                                        
                     <div id="pv4">
                                                                                               
                        <center>
                                                               <span id="name"> Rachel Gatina </span>                                   
                        </center><br />                      <span id="paragraphe">Age</span> // <br />          <span id="paragraphe">Statut</span> Celibataire<br />          <span id="paragraphe">Metier</span> //<br />          <span id="paragraphe">Groupe</span>- FIRE  - <br />          <span id="paragraphe">Nombre de liens</span> écrire ici (dont X présents) <br /><br />                                               
                        <center>
                                                               <span id="paragraphe"><a href="http://back-to-tree-hill.forumactif.org/t557-millena-james-selena-gomez-f" target="_blank">Qui de ma famille est dèjà là ?</a></span>                                   
                        </center>
                                                                                                           
                     </div>
                                                                                                        
                     <div id="pv5">
                                                                                               
                        <center>
                                                               <span id="name"> Nathan Scott</span>                                   
                        </center><br />                      <span id="paragraphe">Age</span> //<br />          <span id="paragraphe">Statut</span> Divorcé<br />          <span id="paragraphe">Metier</span> // <br />          <span id="paragraphe">Groupe</span> -EARTH - <br />          <span id="paragraphe">Nombre de liens</span> écrire ici (dont X présents) <br /><br />                                               
                        <center>
                                                               <span id="paragraphe"><a href="LIEN" target="_blank">Qui  de ma famille est déjà là ?</a></span>                                   
                        </center>
                                                                                                           
                     </div>
                                                                                                        
                     <div id="pv6">
                                                                                               
                        <center>
                                                               <span id="name">Haley James </span>                                   
                        </center><br />                      <span id="paragraphe">Age</span> // <br />          <span id="paragraphe">Statut</span> Divorcé <br />          <span id="paragraphe">Metier</span> // <br />          <span id="paragraphe">Groupe</span> -EARTH -<br />          <span id="paragraphe">Nombre de liens</span> écrire ici (dont X présents) <br /><br />                                               
                        <center>
                                                               <span id="paragraphe"><a href="LIEN" target="_blank">Qui de ma famille est déjà là ?</a></span>                                   
                        </center>
                                                                                                           
                     </div>
                                                                                                      
                  </div>
                                                                                                 
               </td>
                                                                                            
            </tr>
                                                                                         
            <tr>
                                                                                        
               <td>
                                                                                           
                  <div class="part_pa">
                                                                                                          
                     <center>
                                                            <span id="name">Top-Sites</span><br /><br /><a target="_blank" href="http://www.root-top.com/topsite/obsession27/in.php?ID=22753"><img src="https://dl.dropboxusercontent.com/u/45932993/FallCity/Topsite.png" /></a> <a target="_blank" href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=419"><img src="https://dl.dropboxusercontent.com/u/45932993/FallCity/Topsite.png" /></a> <a target="_blank" href="http://www.root-top.com/topsite/cherry23/in.php?ID=7377"><img src="https://dl.dropboxusercontent.com/u/45932993/FallCity/Topsite.png" /></a> <a target="_blank" href="http://www.root-top.com/topsite/bazzart/in.php?ID=303"><img src="https://dl.dropboxusercontent.com/u/45932993/FallCity/Topsite.png" /></a>                                   
                     </center>
                                                                                              
                  </div>
                                                                                           
               </td>
                                                                                        
            </tr>
                                                                                   
         </tbody>
                                                                                
      </table>
                                                                             
   </div>
</center><br />
avatar

pikacerise33
Nouveau membre

Messages : 8
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Re: Code decale PA

Message par pikacerise33 le Ven 15 Sep 2017 - 12:59

Svp Snifff
avatar

pikacerise33
Nouveau membre

Messages : 8
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Re: Code decale PA

Message par CALIGULA.. le Dim 17 Sep 2017 - 15:16

Holà Very Happy
Pourrais-tu me donner le CSS qui va avec histoire que je puisse regarder sur mon forum test ?
Tu peux le mettre sous Hide bien sûr I love you
avatar

CALIGULA..
Nouveau membre

Féminin
Messages : 14
Inscrit(e) le : 08/09/2017

http://beachplease.forumactif.com/
CALIGULA.. a été remercié(e) par l'auteur de ce sujet.

Re: Code decale PA

Message par pikacerise33 le Lun 18 Sep 2017 - 0:34

Bonsoir , merci pour l'aide voici le Css .
Merci d'avance

Code:
/***QEEL***/

.cadreQEEL{
    height: 300px;
    overflow: auto;
    background-color: rgba(212, 230, 228, 0.75);
    width: 480px;
    position: relative;
    top: 125px;
    left: 140px;
    border-radius: 20px;
}

.qeel2 {
      height: 215px;
    background-color: #ffffff;
    width: 200px;
    margin: 10px;
    overflow: auto;
    padding-right: 5px;
    padding: 10px;
    border-radius: 20px;
}

.qeel2#stat {
      height: 90px;
    width: 190px;
}

/*Fiche Règlement*/

.pres_admin {
  height: 140px;
  overflow: hidden;
}

.int_admin {
  height: 135px;
  overflow: auto;
  padding: 3px;
  padding-right: 5px;
}

.bottin {
    margin-left: 15px;
  font-size: 40px;
  font-family: Julius Sans One;
  margin-right: 15px;
  font-weight: 700;
  color: rgb(Nan , 70 , 56 );
}

.bloc_int {
    width: 495px;
  background-color: rgb(255, 255, 255);
  padding: 5px;
}

#paragraphe {
    color: rgb(217, 108, 98);
  font-family: Julius Sans One;
  font-weight: 700;
  font-size: 15px;
}

.reso {
  color:rgb(129, 162, 118) !important
}

.Titre_lien3{
  font-size: 20px;
  font-family: Julius Sans One;
  font-weight: 700;
  margin-bottom: -35px;
  color: rgb(212, 230,228 ,  90);
  position: relative;
  top: -30px;
  float: left;
}


/*Fiche-de-lien*/

.bl1 {
  width: 320px;
  height: 90px;
  background-color: rgb(212, 230, 228 , 90);
  padding: 5px;
  padding-top: 10px;
}

.bl1#bottin {
  width: 240px;
  height: 100px;
}

.bl2#bottin {
  width: 235px;
  height: 95px;
}


.bl2 {
  overflow: auto;
  width: 315px;
  height: 85px;
  padding-right: 5px;
}

.bl3 {
  height: 100px;
  width: 150px;
  border: 1px solid rgb(255, 255, 255 ,100);
  padding: 2px;
}

.bloc_caractere{
  width: 95%;
  margin: 10px;
  color: #000000;
  height: 125px;
  overflow: auto;
  font-size: 11px;
  padding-right: 8px;
}

.Titre_lien{
  font-size: 30px;
  font-family: Slackey;
  font-weight: 700;
  margin-top: 10px;
  text-shadow: 1px 1px 1px black;
  position:relative;
  top: -15px;
  left: 10px;
    color: rgb(62, 169, 145);
}

.Titre_lien1{
  font-size: 15px;
  font-family: Julius Sans One;
  font-weight: 700;
  margin-top: 10px;
  top: 30px;
  left: 10px;
  color: rgb(NaN , 70, 56);
}

.banniere_lien{
 border: 2px solid #000000;
 box-shadow: 0px 0px 5px black;
 width: 400px;
 height: 220px;
}

/*scrollbarre*/
::-webkit-scrollbar {
/*background-image: url(http://i76.servimg.com/u/f76/18/46/41/58/2013-010.jpg);*/
  background-color:#D4E6E4;
height: 8px;
width: 8px;
}

::-webkit-scrollbar-thumb {
background-color: #FFF;
}

::-webkit-scrollbar-track {
  /*background-image: url(http://i76.servimg.com/u/f76/18/46/41/58/2013-010.jpg);*/
  background-color:#D4E6E4;
}
/*Quetes*/

.back_quete {
  border: 1px solid rgba(255, 255, 255, 100);
  width: 470px;
  background-color: rgb(255, 255, 255 , 100);
  color: #000000;
}

#groupe {
  width: 95px;
  height: 95px;
  border: 1px solid rgb(240, 211, 154);
  padding: 5px;
}

.back_quete#intrigues {
  height: 610px;
}

.Contener {
  padding-top:55px;
  overflow:hidden;
  width:400px;
  height:auto;
  top:0px;
  position:relative;
}

.cadre_intrigue {
  height:360px;
width: 400px;
  background-color: rgba(212, 230, 228, 90);
box-shadow: 0px 0px 5px #000;
color: #000;
font-family: 'Ubuntu';
font-size: 9pt;
line-height: 0.8em;
margin-left: 15px;
margin-right: 10px;
padding-top: 10px;
text-align: justify;
  display:block;
  margin-top:-50px;
  margin-bottom:60px;
}

.cadre_quete {
    height: 300px;
  width: 400px;
  background-color: rgba(230, 137, 180, 0.3);
  box-shadow: 0px 0px 5px #291D29;
  color: #000;
  font-size: 9pt;
  line-height: 0.8em;
  margin-left: 15px;
  margin-right: 10px;
  padding-top: 10px;
  text-align: justify;
}

.Titre_fiches#event {
  margin-bottom: -55px;
  margin-left: -25px;
  font-size: 30px;
  line-height: 30px;
}

.cadre_quete:hover {
  background-color: rgba(230, 137, 180, 0.5);
}

.bloc_selec {
  background-color: rgba(230, 137, 180, 0.3);
box-shadow: 0px 0px 5px #000;
display: inline-block;
font-family: 'Ubuntu';
font-size: 10.5pt;
height: 20px;
margin-bottom: 12px;
margin-top: 3px;
padding: 2px;
text-align: center;
width: 80px;
}
   
.bloc_selec:hover {
    background-color: rgba(230, 137, 180, 0.5);
  }
 
.intitule_quete {
  background-color: rgba(231, 242, 240, 1);
  color: #BDE7ED;
  font-family: Slackey;
  font-size: 20pt;
  height: 4px;
  padding-left: 20px;
  text-shadow: 1px 1px 1px black;
}

 

.table_quetes {
  width:515px;
  min-height:700px;
}

.quetes_droite {
  background:url('https://dl.dropboxusercontent.com/u/45932993/Force%20Rises/Holo_quetes.png') no-repeat;
  background-size:100%;
  height: 440px;
  width:350px;
}

.quetes_gauche {
  width:145px;
  position: relative;
top: -100px;
}

.bouton_quete {
  display:inline-block;
  padding:5px 8px;
  background-color:rgba(142, 10, 10, 0.6);
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  border:3px solid #000000;
  margin-bottom:5px;
  width:145px;
}

.descr_quete {
  position:relative;
  top:50px;
  width: 250px;
height: 350px;
text-align: justify;
  font-family: 'Ubuntu';
}

/*Boutique*/
.boutique_cadre {
border-radius: 20px;
    border: 1px solid rgb(240, 211, 154);
    background: url(https://dl.dropboxusercontent.com/u/45932993/FallCity/boutique.png) center top no-repeat;
    background-size: 100%, auto;
    background-color: rgb(244, 231, 194);
    padding: 5px;
}

.Titre_fiches#Boutique {
  position: relative;
  top: 190px;
  text-shadow:1px 1px 1px #000000;
  margin-bottom: 35px;
}

.boutique {
  width:100%;
  margin-bottom:35px;
}

.boutique td {
  border:1px solid black;
 
}

/*Fiches de presentations*/
.Titre_fiches{
  font-family: Julius Sans One;
  font-weight: 700;
  margin-top: 10px;
  text-shadow: 1px 1px 1px black;
  top: -35px;
  left: 0px;
  color: rgb(217, 110, 100);
  position: relative;
  border-bottom: double 4px;
  padding-bottom: 0px;
  line-height: 50px;
  width: auto;
  display: inline-block;
  font-size: 35px;
}

#Presentation {
  font-family: Great Vibes;
  font-size: 55px;
  border-bottom: none;
}

.Titre_fiches1{
  font-size: 25px;
  font-family: Julius Sans One;
  font-weight: 700;
  margin-top: 10px;
  top: -45px;
  float: right;
  color: rgb(215, 100, 90);
  position: relative;
}

.bloc_information{
  width: 240px;
  height: 300px;
  background-color: #BDE7ED;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  border: 1px solid #D9E1E2;
  float: right;
  color: #000000;
  text-align: justify;
  font-size: 13px;
}

.bloc_texte{
  background-color: rgba(244, 231, 194, 1);
  border: 1px solid #D9E1E2;
  /* box-shadow: 0px 0px 10px black; */
  padding: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'verdana';
  color: #000000;
  text-align: justify;
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  border-radius: 20px;
}

.Avatar{
 border: 2px solid #000000;
 box-shadow: 0px 0px 5px black;
 width: 200px;
 height: 320px;
 float: left;
overflow:hidden;
}

.bloc_validation{
  background-color: #D9E1E2;
  border: 1px solid #D9E1E2;
  padding: 10px;
  font-family: 'verdana';
  color: #000000;
  text-align: justify;
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
  width: 430px;
}

#valid {
  width:410px;
}

/*CODE,SPOILER,CITATION*/

.code, .spoiler_content, .quote{
  padding:5px;
    border: 1px solid rgb(130, 91, 130) !important;
  color: rgb(130, 91, 130) !important;
}

.selectCode { float:right; cursor:pointer; }
div.cont_code { clear: right; }

/*PVs*/
.scenar_name {
width: 457px;
  height: 50px;
  background-color: #D9E1E2;
  color: #D5D8D8;
  font-family: Julius Sans One;
  font-size: 30px;
  padding: 10px;
  text-align: center;
  border-radius: 20px 20px 0 0;
   }
   
#scenar {
    font-size: 35px;
  top: -5px;
}

.scenar_feat {
display: block;
  font-size: 20px;
  font-family: Great Vibes;
  color: black;
  position: relative;
  left: 55px;
   }
   
.scenar_cadre {
  background-color: #D9E1E2;
  border: 1px solid #D9E1E2;
  height: 471px;
  width: 475px;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
   }
   
.scenar_carac {
    border: medium double rgb(255, 255, 255);
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  font-family: tahoma;
  color: rgb(145, 139, 130);
  font-size: 12px;
  -moz-background-clip: -moz-initial;
  -moz-background-origin: -moz-initial;
  -moz-background-inline-policy: -moz-initial;
  width: 170px;
}

.scenar_img {
     display: inline-block;
  -htm-transform: all;
  -htm-transition: 1s;
  -moz-transform: all;
  -moz-transition: 1s;
  -o-transform: all;
  -o-transition: 1s;
  -transition: 1s;
  -webit-transform: all;
  -webkit-transition: 1s;
  border-right: 3px solid #D8D9D9;
  position: relative;
  margin-top: -3px;
}

.scenar_line {
  border-bottom: 1px solid rgb(240, 211, 154);
  margin-bottom: 3px;
  font-family: Julius Sans One;
  font-size: 25px;
  color: rgb(216, 108, 98);
}

.scenar_truc {
   display:inline-block;
   text-align:justify;
   padding:10px;
   /*overflow:hidden;*/
   height:430px;
   width:350px;
   }

.scenar_texte {
   height: 130px;
   overflow: auto;
   padding-right: 5px;
}

.scenar_cadre:hover .scenar_img {
   margin-left:-250px;
   }
   /*Fin scenar*/

/*** PAGE D'ACCUEIL ***/

#paragraphe {
    color: rgb(212, 230, 228 , 90);
  font-family: Julius Sans One;
  font-weight: 700;
  font-size: 15px;
}

.box_pa {
  background-color: #D4E6E4;
  height: 750px;
  width:800px;
  border-radius: 20px;
}

.titre_pa {
   font-family:Great Vibes;
   font-size:50px;
   position:relative;
   z-index:2;
   top:30px;
   color:#000000;
   font-weight:700;
   }
   
.liens_pa {
   
   }
   
.liensPA {
   font-family:Julius Sans One;
   font-size:20px;
  color:#377491;
   text-align:left;
  margin-left:30px;
   }

.contexte_pa {
  margin-top:20px;
  width: 500px;
  height: 155px;
  background-color:rgba(255, 255, 255, 90);
  padding: 10px;
  border-radius: 20px;
  /*position: relative;
  left: -25px;*/
  font-size:15px;
   }
   
.contexte_txt {
     width: 495px;
  height: 145px;
  overflow: auto;
  padding-right: 5px;
  text-align:justify;
   }

#slideTitre div{
  height:10px;
  position: relative;
  top:20px;
  display:block;
  z-index:200;
  font-family:'Great Vibes';
  color: #C4405F;
  text-align:center;
  font-size:35px;
  font-weight:700;
}
.fondStaffGeneral{
  position: absolute;
  z-index:5;
  left:0;
  width:750px;
}


.news_pa {
  color: black;
  font-size:15px;
  overflow:auto;
  border-bottom-right-radius:20px;
  border-bottom-left-radius:20px;
  background: #ffffff;
  height:171px;
  width:230px;
  overflow:hidden;
  margin-bottom:20px;
}

.blocPA#news, .boutonPA#news {
  background-color:#ffffff;
}

.blocPA {
  width:205px;
  height:160px;
  padding-left:10px;
  padding-right:5px;
  padding-top:20px;
  overflow:auto;
  font-size:13px;
  text-align:justify;
}

.boutonPA {
  display:inline-block;
  background: #ffffff;
  border-bottom:solid 1px #8DB2FE;
  /*border-bottom:1px solid grey;*/
  padding:3px 0px 10px 0px;
  width:112px;
  height:15px;
  position:relative;
  top:0px;
  font-size:20px;
  font-family:Julius Sans One;
  border-top-right-radius:20px;
  border-top-left-radius:20px;
  /*border-right: solid 1px #ccc;
  box-shadow: inset -1px 1px 6px rgba(100,100,100,.5);*/
  text-align:center;
}

.boutonPA#info {
  margin-right:5px;
  border-bottom:solid 1px #ffffff;
}

#info.active {
    border-bottom: 1px solid rgb(212, 230, 228 , 90);
}

#news.active {
    border-bottom: 1px solid rgb(185, 86, 77);
}

.news_pa div ul {
  list-style:none;
  padding-left:0;
  margin-top:0px;
}

.news_pa div ul li {
  margin-bottom:10px;
}

#slider {
  /*border:1px solid #046380;*/
  position: relative;
  overflow: hidden;
  /*margin: 20px auto 0 auto;*/
  margin-right:10px;
  border-radius: 20px;
  background-color: #ffffff;
  margin-bottom:20px;
}

#slider ul {
position: absolute;
margin: 0;
padding: 0;
height: 100px;
list-style: none;
top: 0px;
}

#slider ul li {
  float: left;
  position: relative;
  display: block;
  z-index:10;
  float: left;
  margin: 0;
  padding: 0;
  width: 250px;
  height: 200px;
  text-align: center;
  line-height: 20px;
}
.avatar_slide{
  height:200px;
}
#slider ul li #all{
  /*color: #046380;*/
  color:#377491;
  margin-top:20px;
  margin-left:20px;
  padding-top:20px;
  height:140px;
  width : 140px;
  float: left;
  text-align:center;
  /*background:rgba(255,255,255,90);*/
  -webkit-transition: all 0.4s ease-in-out;
  border-radius: 20px;
}

#name {
  font-family:Great Vibes;
  font-size:30px;
  font-weight:700;
  color:#377491;
}

.month {
  border-radius: 20px;
  background-color: #ffffff;
  position: relative;
  display: block;
  z-index:10;
  float: left;
  margin: 0;
  padding: 0;
  width: 250px;
  height: 200px;
  text-align: center;
  line-height: 20px;
  margin-bottom:20px; 
  margin-left:10px;
  color:#377491;
}

.month_in {
  width:100%;
  height:100%;
}

.month_name {
  position:relative;
  top:8px;
}

.texte_Month {
  float:right;
  width:140px;
  top:30px;
  position:relative;
}

#link {
  top:60px;
  color: #046380;
}
.underline {
  text-decoration:underline;
}

.pv_img {
  width:75px;
  border-radius:50%;
  /*opacity:0.5;*/
}

.affich_pv {
  width:100px;
  padding-left:70px;
}
a.control_prev, a.control_next {
  position: absolute;
  padding : 5px 20px 25px 10px;
  height : 0px;
  width : 0px;
  top: 85px;
  z-index: 99;
  display: block;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.0;
  cursor: pointer;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-in-out;
}

.pv_pa {
  margin-top:20px;
  width: 210px;
  height: 220px;
  background-color:rgba(255, 255, 255, 90);
  padding: 20px;
  border-radius: 20px;
  font-size:15px;
  text-align:justify;
  color:#377491;
}

.pv_pa div{
  display:none;
}

 .pa_deroul{
 /*margin-top:0px;*/
 width:230px;
    background-color: #ffffff;
    color: #046380;
 }

.part_pa {
  width:230px;
}

#slider:hover a.control_prev,#slider:hover  a.control_next{
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
}
#slider:hover ul li div{
  /*background:rgba(255,255,255,90);
  -webkit-transition: all 0.4s ease-in-out;*/
}

a.control_prev{
  left:10px;
}

a.control_next {
  right: 10px;
}


/*Affichage sujet*/
.postbody {
  text-align:justify;
  width:529px!important;
}

.post_body {
      min-height: 200px;
  background-color: rgba(212, 230, 228, 90);
  height: auto;
  border-radius: 20px 50px/50px 20px;
  border: 1px solid rgb(62, 169, 145);
  padding: 15px;
  text-align: justify;
}

.bouton_post {
    display: inline-block;
  float: right;
  position: relative;
  right: 35px;
  bottom: 10px;
}


.label span{
 color:#00000 !important;
}

.icon_post {
      display: inline-block;
  width: 90px;
  position: relative;
  top: 19px;
}

.icon_post#online img {
  width:90px;
}
 
.avatar_cadre {
    background: url(https://dl.dropboxusercontent.com/u/45932993/BackAvatarPLL2.png) no-repeat;
border: 1px solid rgb(255, 255, 255 , 90);
  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.5);
  min-height:449px;
  height:auto;
  width:220px;
  border-radius: 20px 50px/50px 20px;
  margin-left: 5px;
  margin-right:5px;
}

#subject {
  border-radius:20px;
  padding:10px;
}

.avat_cadre {
  border: 1px solid rgb(255, 255, 255 , 100);
  background-color: rgba(212, 230, 228, 90);
  border-radius: 20px;
  padding: 5px;
  width: 200px;
  height: 320px;
}

.avat_cadre img{
  border-radius:20px;
}

.avat_info {
  border: 1px solid rgb(255, 255, 255, 100);
  background-color: rgba(212, 230, 228, 90);
  border-radius: 20px;
  padding: 10px;
  width: 190px;
  min-height: 110px;
  height: auto;
  text-align: justify;
}

.name {
 color:#ffffff;
  font-size: 25px;
  font-family: Great Vibes;
    display: inline-block;
  position: relative;
  top: -5px;
  z-index:5;
    margin-right: 30px;
}

.rank {
  display: inline-block;
    margin-right: 30px;
  position: relative;
  top: -12px;
  z-index: 1;
  font-family: Julius Sans One;
}

hr {
  border-left: transparent solid 0;
  border-top:rgb(212, 230, 228 , 90) solid 1px;
  width: 500px;
}

.subject_titre {
  font-family: Julius Sans One;
  font-size: 20px;
  color: #000000;
  float: left;
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 15px;
  position: relative;
  left: -230px;
}

/*Top sites*/
.toplateral{
  padding-top:8px;
  width:60px;
  height:180px;
  background-image:url('https://dl.dropboxusercontent.com/u/45932993/PLLbakctop.png');
  background-repeat:no-repeat;
  background-position:right bottom;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
  position:fixed;
  right:0%;
  top:70%;
  text-align:center;
  box-shadow:0px 0px 5px #524354;;
}

.topsite-image{
opacity:1;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

 
.topsite-image:hover{
opacity:0.6;
}

/*Liste des sujets*/

.sublist {
  position:relative;
  z-index:5;
  width:42px;
}

.lastpost-avatar {
  display: inline-block;
  position: relative;
  z-index: 1;
  top: -30px;
  left: 30px;
}

.lastpost-avatar img {
  border-radius:100%;
}
 
div.topictitle {
font-weight:initial;
}

h2.topic-title {
  font-weight:700;
}

.last_post .postdetails {
  display: block;
  width: 145px;
  white-space: normal!important;
}

/*Catégories*/

.topcat {
  position: relative;
  z-index: -1;
  top: 10px;
}

.botcat {
  position: relative;
  z-index: -1;
  top: -35px;
}

.cat_head {
  background-color: #D4E6E4;
  height:50px;
    border-top-left-radius: 20px ;
  border-top-right-radius: 20px ;
}

.cat_head#topic {
 background-color:#D4E6E4;
}

.cat_head#bottom {
  background-color: #D4E6E4;
  border-bottom-left-radius: 20px ;
  border-bottom-right-radius: 20px ;;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-bottom: 30px;
  border-top:none;
}
 

.cat_title {
    position: relative;
  top: 5px;
  height: 20px;
}

.cat_title h2 {
    font-size: 50px;
    text-align: center;
    position: relative;
    top: -100px;
    font-family: Great Vibes;
    font-weight: 700;
    text-shadow: 5px 2px 1px white;
    color: rgb(0,0,0);
}

.titre_fo {
  width:400px;
}

.img_cat#bas {
    border-top: 5px solid #D4E6E4;
}

.fo_name {
  width:580px;
}

.fo_name a.forumlink {
    color: #046380;
  font-family: Julius Sans One;
  font-size:20px;
    margin-left: 15px;
  position: relative;
  z-index: 4;
}

.fo_name a.forumlink:hover {
  text-transform:none;
  letter-spacing:2px;
}

.ssbouton {
  display:inline-block;
  font-family:'Julius Sans One';
  font-family:15px;
  padding: 0 15px;
  position: relative;
  top: -20px;
  color: #ffffff;

.ss_fo {
    width: 440px;
  padding-left: 10px;
  text-align: justify;
}

.last_post{
  width: 160px;
  height: 55px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 100);
  margin-right: 10px;
  border-radius:20px;
}
.imagesCat{
    height: 100px;
  width: 140px;
}

.avatar_cat {
  width:80px;
  position: relative;
  top: -60px;
  left: 55px;
  z-index: 1;
}

.avatar_cat img{
      height: 80px;
  width: 80px;
  border-radius: 100%;
  overflow: hidden;
}
.newsCat{
position: relative;
  z-index: 2;
}
.desc_cat {
  width: 410px;
  /*margin-left: 50px;*/
  text-align: justify;
  height: 75px;
  /* background-color: rgba(255, 255, 255, 90); */
  padding: 10px;
  color: black;
 
}

.desc_txt {
  width: 410px;
  height: 65px;
   overflow:auto;
  padding-right:10px;
  font-size: 12px;
}


              /*NAVIGATION*/
#navigation /* configure le bloc qui contient tout les liens */
{
  position: absolute;
  top: -45px;
  left: 100px;
  margin-top: 100px;
  border-radius: 20px;
  background-color: rgb(212, 230, 228);
  padding: 10px;
  height: auto;
  padding-bottom: 25px;
}

#navig a /* personnalise les liens */
{
  display: block;
  margin-bottom: -20px;
  background: rgb(255, 255, 255 , 100);
  padding: 3px 10px;
  text-align: justify;
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  font-family: Julius Sans One;
}
#navig a:hover /* personnalise les liens au survol */
{
  background: rgba(141, 182, 205, 0.5); /* couleur de fond du lien */
  color: #000; /* couleur du texte lien */
  transition: 1s; /* permet la transition lente */
  -moz-transition: 1s;
  -htm-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
}
#navig img
{
  display: none; /* permet d enlever l espace vide de l image contenue par defaut dans le lien */
}
              /*FIN NAVIGATION*/


/* --------------------------------- CORPS FORUM --------------------------------- */
/*img {
  max-width:100%;
}*/

/*ChatBox*/
body.chatbox {
  background-color: #D4E6E4;
  background-image: none;
  margin: 0;
  min-width: 550px!important;
  padding: 0;
}
#chatbox_header .catBottom .cattitle {
 color:maroon; /*couleurs en anglais ex Green, Purple, Maroon, black etc... */
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Place de la ville"; }  /* Modifier NOM par le titre que vous désirez */
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox .msg{word-wrap: break-word;}
#chatbox .user, #chatbox .date-and-time{white-space: nowrap;}
#chatbox .user{white-space: nowrap;}


/* Message de connexion CB */
.msg span[style*="green"] strong {
    color: #377491; /* couleur */
  font-family:Julius Sans One;
}

/* Message de déconnexion CB */
.msg span[style*="red"] strong {
    color: #377491; /* couleur */
  font-family:Julius Sans One;
}


/*Autres*/

#i_logo {
    height: 590px;
}

.bodyline {
 
  /*background-color:#E8E7E7;*/
/*-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;*/
/*border-right: 5px solid #000;
  border-left: 5px solid #000;
  box-shadow: 0px 5px 20px #000000;*/
}

.forumline {
  background-color:#dfeadb;
}
{
body {
  background-color: #F5F1D5;
  background-position: none;
  background-size: 60%;
  margin: 0;
  padding-top: 0!important;
}
text-decoration: none;
border-bottom: 1px #ffffff dashed;
}

 
.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;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a { text-decoration: none; }

/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {
width:550px !important;
background-color: #ffffff !important;
}
.sceditor-container.ltr.wysiwygMode {
width:550px !important;
background-color: #ffffff !important;
}
/*corps du forum*/
#page-body {
  width: 800px;
  margin: auto;
}
/* --------------------------------- FIN CORPS FORUM --------------------------------- */
/*Présentation*/
.img {
width: 200px;
  height: 320px;
  overflow: hidden;
  border: 1px solid #000000;
  padding: 3px;
}

.upper {
  height: 320px;
  width: 200px;
  text-align: center;
  color: #000000;
  transition: 1s;
  background-color: #D4E6E4;
  margin-top: -324px;
  overflow: auto;
  margin-left: -30px;
  opacity: 0;
  padding-top: 5px;
}

.upper:hover {
  transition: 1s;
  opacity: 0.7;
    margin-left: 4px;
}
.forumline{background-color: #D4E6E4;}
avatar

pikacerise33
Nouveau membre

Messages : 8
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Re: Code decale PA

Message par pikacerise33 le Mer 20 Sep 2017 - 11:48

svp ::moitimide::
avatar

pikacerise33
Nouveau membre

Messages : 8
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Re: Code decale PA

Message par pikacerise33 Hier à 11:47

Up
avatar

pikacerise33
Nouveau membre

Messages : 8
Inscrit(e) le : 11/09/2017

http://back-to-tree-hill.forumactif.org/
pikacerise33 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum