Problème de navigation

3 participants

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

Résolu Problème de navigation

Message par Lady doll Mar 29 Oct 2013 - 13:25

Bonjour,
je viebs poster une demande concernant mon forum. Avec ma co-fonda, nous venons de créer le nouveau design du forum... tous se passait bien jusqu'à ce que nous importions le design du forum test jusqu'au vrai forum... et là, catastrophe, notre navigation refuse de tenir en place sans raison apparente et un ...bloc, apparait à la place des pubs et nous gâche la vie. Je tiens à préciser que pour les pubs, l'une comme l'autre utilisons adlock pour les supprimer sous mozilla et google chrome (le forum étant à la base optimisé pour mozilla).

Voici un imprimé écran du forum test, tel que nous l'avons conçu: https://i.servimg.com/u/f55/16/45/82/56/fowtes10.jpg

Et voilà ce que ça donne une fois le design importé sur le forum rp: https://i.servimg.com/u/f55/16/45/82/56/fowtes10.png

Ci-joint, le template "index_box":
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td><div style="margin-top: -1100px;">
            <div class="nav-haut"></div>
            <div class="nav-mid">
            <div class="nav-bloc">
               <div class="nav-titre">NERYE</div><div style="margin-left: 20px;">
               <font color="#6a7382">»</font> <a href="   http://nerye.forumactif.org/h17-contexte">Contexte</a>
               <br><font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/h10-reglement">Règlement</a>
               <br><font color="#6a7382">»</font> <a href="   http://nerye.forumactif.org/h12-bestiaire">Bestiaire</a>
               <br><font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/h18-a-savoir">A savoir</a>
               <br><font color="#6a7382">»</font> <a href="http://i39.servimg.com/u/f39/18/31/93/35/neyre_10.jpg">World Map</a>
                 <br><font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/h22-systeme-de-jeu">Système de jeu</a></div>
               <br><br><div class="nav-titre">PERSONNAGE</div><div style="margin-left: 20px;">
               <font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/h9-acceuil-race">Races</a>
               <br><font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/h7-magie">Magie</a>
               <br><font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/h8-dons-innes">Don</a>
                 <br><font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/h20-poste-a-pouvoir">Poste à pourvoir</a></div>
               <br><br> <div class="nav-titre">Divers</div><div style="margin-left: 20px;">
               <font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/f15-espace-invites">Espace invités</a>
               <br><font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/f16-partenariat">Partenariat</a>
               <br><font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/h19-credits">Crédits</a>
                 <br><font color="#6a7382">»</font> <a href="http://nerye.forumactif.org/h21-playlist">Playlist</a> </div>
            </div>
            </div>
            <div class="nav-bas"></div>
         </div>
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                    <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td>
                <td><div class="accueil-fond"><div style="margin: 15px"><table border="0" width="100%">
                                          <tr><td width="20%"><div class="accueil-bloc1"><div id="accuueil1"><div id="accuueil2"><div id="accuueil3"><div id="accuueil4">

                                            <div id="coontent1"><div id="coontent2"><div class="info_accuueil"><div class="staff">Märblen<br><a href="http://nerye.forumactif.org/u6rpg">Profil</a>  |  <a href="http://nerye.forumactif.org/privmsg?mode=post&u=6">MP</a></div></div></div><div id="coontent3"><div class="info_accuueil"><div class="staff">Aalana<br><a href="http://nerye.forumactif.org/u11rpg">Profil</a>  |  <a href="http://nerye.forumactif.org/privmsg?mode=post&u=11">MP</a></div></div></div><div id="coontent4"><div class="info_accuueil"><div class="staff">Aelalia<br><a href="http://nerye.forumactif.org/u2rpg">Profil</a>  |  <a href="http://nerye.forumactif.org/privmsg?mode=post&u=2">MP</a></div></div></div><div class="info_accuueil"><div class="staff">Kheradashulzamn<br><a href="http://nerye.forumactif.org/privmsg?mode=post&u=1">Profil</a>  |  <a href="http://nerye.forumactif.org/u1">MP</a></div></div></div><span class="oongl1"><a href="#accuueil1"><img src="http://i55.servimg.com/u/f55/18/50/78/40/khera10.png" class="transpa" border="0" alt="" /></a></span>
                                            <span class="oongl2"><a href="#accuueil2"><img src="http://i55.servimg.com/u/f55/18/50/78/40/mar10.png" class="transpa" border="0" alt="" /></a></span>
                                            <span class="oongl3"><a href="#accuueil3"><img src="http://i55.servimg.com/u/f55/18/50/78/40/aal10.png" class="transpa" border="0" alt="" /></a></span>
                                            <span class="oongl4"><a href="#accuueil4"><img src="http://i55.servimg.com/u/f55/18/50/78/40/ael10.png" class="transpa" border="0" alt="" /></a></span>
</div></div></div></div></td><td width="80%"><div class="accueil-bloc2"><div style="margin: 5px;"><div class="nav-titre">Bienvenue {USER&amp;#8288;NAME}!</div>???</div></div></td>
                                            <tr><td colspan="2"><div class="accueil-bloc3"><div style="margin:3px"><a href="http://archipel.forums-actifs.com/"><img src="http://i82.servimg.com/u/f82/17/44/90/96/bouton10.png" class="transpa"/></a> <a href="http://magetheascension-rpg.forumactif.org/"><img src="http://nsa33.casimages.com/img/2013/09/13/130913023849389797.pn" class="transpa"/></a> <a href="http://adrietha-rpg.forumactif.org/"><img src="http://img4.hostingpics.net/pics/8456708831.png" class="transpa"/></a> <a href="http://diesirae.leforumgratuit.com/"><img src="http://i30.servimg.com/u/f30/17/70/34/64/bouton11.png" class="transpa"/></a> <a href="http://ex-odyss.bbactif.com/"><img src="http://img15.hostingpics.net/pics/9488408831button.png" class="transpa"/></a> <a href="http://royaumedelaryskanir.forumsrpg.com/"><img src="http://i76.servimg.com/u/f76/17/94/18/74/88_31_10.jpg" class="transpa"/></a> <a href="http://reve-inverness.forumactif.com/"><img src="http://img11.hostingpics.net/pics/932564logo.png" class="transpa"/></a> <a href="http://madelle.1fr1.net/"><img src="http://img15.hostingpics.net/pics/2849998831.png" class="transpa"/></a> <a href="http://vampiredarkages.forumactif.org/"><img src="http://img15.hostingpics.net/pics/6499178831.jpg" class="transpa"/> <a href="http://arpenteur.forumactif.com/"><img src="http://i35.servimg.com/u/f35/16/56/94/85/88x3110.jpg" class="transpa"/></a> <a href="http://valhistar.forumgratuit.fr"><img src="http://illiweb.com/fa/pbucket.gif" class="transpa"/></a> <a href="http://shi-telara.forumperso.com/"><img src="http://i82.servimg.com/u/f82/16/62/41/44/88_foi10.png" class="transpa"/></a>


</div></div></td>
                                            </table></div></div>
                                          <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline1" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="2" nowrap="nowrap" width="100%" class="secondarytitle">
          {catrow.tablehead.L_FORUM} 
      </th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46">
         <img src="{SPACER}" height="0" width="46" />
      </td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <td colspan="3">

         <table class="mini_cat_nerye" cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr>
               <td colspan="2" style="padding-bottom:-10px; "  cellpadding="0" cellspacing="0" border="1" width="100%" align="center" >
                  
                  <span class="forumlink">
                                                  <a class="forumlink1" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br/>
                  </span>
                    </td>
            </tr>
            <tr>
                <td cellpadding="0" cellspacing="0" border="1" width="100%">
                   <table>
                       <tr>
                     
                           <td align="left" valign="top" width="53px">
                              <table cellpadding="0" cellspacing="0" border="0">
                                  <tr>
                               
                                     <td align="left" valign="top">
                                    <div class="infobulle">
                                       <div class="boxfow">
                                          <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                                       </div><br/>                              
                              
                                       <span class="infobu">
                                          <center>
                                             <span class="gensmall">{catrow.forumrow.LAST_POST}</span> 
                                             <center>
                                                <span class="gensmall">{catrow.forumrow.POSTS} message - {catrow.forumrow.TOPICS} sujets
                                                </span>
                                             </center>
                                          </center>
                                       </span>
                                    </div>
                                 </td>
                                 
                                  </tr>
                              </table>
                           </td>
                        
                           <td class="nerye_desc_all" align="left" valign="top" width="100%">
                              <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                 <tr>
                                    <td align="left" valign="top" class="merak_desc">
                                       <div class="SF_desc">
                                          <span class="genmed">
                                       {catrow.forumrow.FORUM_DESC}
                                          </span>
                                       </div>
                                    </td>
                                 </tr>
                              
                              </table>
                           </td>
                        
                     </tr>
                   </table>
               </td>
            </tr>
            <tr>
               <td cellpadding="0" cellspacing="0" border="1" width="100%"  colspan="2" align="center" >
                  <div class="fofo_msg1">
                      <span class="gensmall">
                            <div class="liens" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                      </span>
                                                  <script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ♢ ')).removeAttr('id');
</script>
                  </div>
               </td>
            </tr>
         </table>

      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --></td></tr></table>
...Ainsi que le css complet du forum:
Code:
/*------------------------------------------------------------ STRUCTURE FORUM -----------------------------------------------------*/


body {
   background-color:#191919;
   margin:0px;
       
}

.corps_Nerye {
   background:url('http://img4.hostingpics.net/pics/553591corps.png') repeat-y top center;
     
       
       
}
.reap_head {
   background:url('http://img4.hostingpics.net/pics/211641headerrep.png') repeat-x top center;
}
.header_Nerye {
   background:url('http://img4.hostingpics.net/pics/774878header.png') no-repeat top center;
             
              padding-right: 0px;
              margin-right:0px;
              margin-top: 0px;
}
.reap_foot {
   background:url('http://img4.hostingpics.net/pics/423580footerrep.png') repeat-x bottom center;
}
.foot_Nerye{
   background:url('http://img4.hostingpics.net/pics/960629footer.png') no-repeat bottom center;
        margin-right: -px;
        height: 207px;
}
/*------------------------------------------------ CATEGORIES --------------------------------------------------------*/
/*----------------- début infobulle cat ----------------- */
.infobulle {
  display: inline-block;
  height: 80px;
  width: 80px;
  margin: auto;
  padding: 0;
  position: relative;
}


.infobu {
  position:absolute;
  width:200px;
  height:80px;
  overflow:hidden;
  background:rgba(0,0,0,0.8) !important;
  border:1px solid #20242a;
  overflow:hidden;
  opacity:0;
  transform:scale(0) rotate(-30deg);
  transition:all .55s;
  margin-top: -23px; margin-left:-45px;

}

.infobulle:hover .infobu{
    top:auto;
    left:auto;
    width:200px;
    height:80px;
    overflow:visible;
    opacity:1;
    transform:scale(1) rotate(0);
}
/*----------------- Fin infobulle cat ----------------- */

/*----------------- début apparence cat ----------------- */

.mini_cat_nerye
{
background-color:#171a1c;
border:1px solid #20242a;
}

.fofo_msg1
{
background-image: url('http://i71.servimg.com/u/f71/18/50/78/40/barre210.png') ;
display: block;
padding-left: 10px;
height: 16px;
background-color:#c7a4c9;
border-top:1px solid #20242a;
}

.nerye_desc_all
{

background-color:#;
width: px;
height: 80px!important;
text-align: justify;
border:px solid #;

}
.boxfow
{
display:inline-table;
background-color: #;
height: px!important;
padding-left: 25px;
padding-left: 5px;
padding-right: 5px;
text-align: justify;
border-left:1px solid #;
height: 100%;
}
.forumlink
{
background-image: url('http://i71.servimg.com/u/f71/18/50/78/40/barre110.png') ;
display: block;
width: 100%;
border-bottom:1px solid #20242a;
background-color:#85a2a7;
text-shadow: 1px 1px 1px #000;
color:#6d7886;
font-family:Cinzel Decorative;
font-size: 16px;
}



/*----------------- apparence cat ----------------- */

/*------------------------------------------------------------ STRUCTURE POST -----------------------------------------------------*/


.infoss{
  background-image:url('http://img15.hostingpics.net/pics/537709barre110.png') ;
  height: 17px;
  width: 100%;
  margin-bottom:-3px;
 
 
}


.postbody{
 
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: justify;
 
}

.forumline {
 
  background-color:#171a1c;
border:1px solid #20242a;
 
 }
td.catHead, th.thHead {
    border-width: 0px 0px 0px;
}
td.catBottom, th.thBottom {
    border-width: 0px 0px 0px;
}

.profil
{
margin-top:-11px;
position:relative;
z-index:0;
width:830px;
min-height: px;
background-color: #171a1c;
border: 1px solid #20242a;

}
.online{
margin-top:-47px;
margin-right: 25px;
position:relative;
z-index:999;
}

.nom-perso{
font-size: 36px;
font-family: font-size: 36px;
font-family: Cinzel Decorative;
z-index:999;

}

.rang-perso{
text-align:center;
 background-image:url('http://img15.hostingpics.net/pics/537709barre110.png');
  height: 17px;
  width: 100%;
}
a
{
text-decoration: none!important;
}

a:hover
{
text-decoration: none!important;
text-shadow: 0px 0px 5px # ;
}

/*----------------- HOVER sous avatar ----------------- */
.profil-flot{
  float: left;
  margin-right: 15px;
  margin-bottom: 45px;
}
#englob { /* Encadrement global des 2 divs */
    position:relative;
    width:200px;
    height:400px;
    border:1px solid #20242a; /* La vilaine bordure rouge */
    overflow:hidden; /* Permet de cacher ce qui dépasse */
}

.imgp {
    background:blue; /* le bg  de la div qui contient l'avatar */
    position:absolute; /* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:1;/* La position par rapport à l'autre div qui contient les infos */
    -webkit-transition:all 2s;/* Laissez comme ceci */
    -moz-transition:all 2s;/* Laissez comme ceci */
    -o-transition:all 2s;/* Laissez comme ceci */
    -ms-transition:all 2s;/* Laissez comme ceci */
    transition:all 2s;/* Laissez comme ceci */
}

#englob:hover > .imgp {
    margin-top:400px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 400px */
}

.infosp {
    background:#1d1f24; /* le bg  de la div qui contient les infos*/
    position:absolute;/* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
    margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 2s;/* Laissez comme ceci */
    -moz-transition:all 2s;/* Laissez comme ceci */
    -o-transition:all 2s;/* Laissez comme ceci */
    -ms-transition:all 2s;/* Laissez comme ceci */
    transition:all 2s;/* Laissez comme ceci */
}

#englob:hover > .infosp {
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}


/*--------------------------------------------------------- FOOTER -------------------------------------------------------------*/

/*-----------------------------------menu déroulant footer ----------------------------------*/
    /* partie positionnement et déco */ 
    #menu a { 
        display:block; 
        color: #fff; 
        text-decoration:none; 
        text-align:center;
    } 
    #menu > li, 
    #menu > li li { 
        text-align:center;
        position: relative; 
        display:inline-block; 
        width: 90px; 
        padding: 2px 15px;
        background-color:transparent none;
        margin-top: -5px;
     
     
    } 
    #menu > li li { background: transparent none; } 
    #menu > li li a { color: #444; } 
    #menu > li li:hover { background:rgba(0,0,0,0.5) !important; } 
    #menu > li:first-child { 
        border-right: 1px solid #777; 
       
    } 
    #menu > li + li { 
        border-left: 1px solid #aaa; 
        border-right: 1px solid #777; 
    } 
    #menu > li:last-child { 
        border-right:0; 
        border-left: 1px solid #aaa; 
         
    } 
    #menu > li:hover { 
        background-color: #rgba(0,0,0,0.5) !important; 
        background-image: linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb); 
    } 
    /* (presque) fin de la partie positionnement/déco */ 
    /* dans cette déclaration, on fixe le max-height */ 
    #menu ul { 
        position: absolute; 
        top: 1.5em; left:0; 
        max-height:0em; 
        margin:0; padding:0; 
        background-color:rgba(0,0,0,0.5) !important; 
        background-image: linear-gradient(#rgba(0,0,0,0.3),#rgba(0,0,0,0.6)); 
        overflow:hidden; 
        transition: 1s max-height 0.3s; 
         
    } 
    /* ici on change la valeur de max-height au :hover */ 
    #menu > li:hover ul { 
        /* need an adaptation, lower is better, but see it large  */ 
        max-height:13em; 
    } 
/*-----------------------------------Couleur groupe menu déroulant footer ----------------------------------*/
.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9,
{
?
}

a.gr1
{
color: #707099 !important;
}
.gr2
{
color: #736445 !important;
}
.gr3
{
color: #A18D64 !important;
}
.gr4
{
color: #C7AF7E !important;
}
.gr5
{
color: #E3C994 !important;
}
.gr6
{
color: #AC9AB8 !important;
}

.gr7
{
color: #9AB8B7 !important;
}

.gr8
{
color: #732F2F !important;
}

.gr9
{
color: #679E5F!important;
}
/*-----------------------------------Couleur groupe menu déroulant footer -------------------------------------------------------------*/

   
/*-----------------------------------tableau à onglets footer--------------------------------------------------------------*/
       
.ongl1, .ongl2, .ongl3, .ongl4
{
display: inline-block;
width: 40px;
height: 40px;
margin-left: 45px;
background:rgba(0,0,0,0.0) !important;
border-top: 1px solid #;
border-left: 1px solid #;
border-right: 1px solid #;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
align: vertical;
float: left;
}
.ongl1:hover, .ongl2:hover, .ongl3:hover, .ongl4:hover
{
background:rgba(0,0,0,0.0) !important;
}
.ongl1 a, .ongl2 a, .ongl3 a, .ongl4 a
{
display: block;
padding-top: 2px;
font-weight: bold;
text-decoration: none !important;
color: #fff !important;
text-shadow: 1px 1px 0px #;
font-size: px;

}
.ongl1 a:hover, .ongl2 a:hover, .ongl3 a:hover, .ongl4 a:hover
{
color: #446291 !important;
text-shadow: 1px 1px 0px #23334c;
}
#content1
{
display: block;
width: 380px;
height: 123px;
font-size: 11px;
color: #C0C0C0;
border-radius: 10px;
overflow:hidden ;
}
#content2, #content3, #content4
{
display: none;
}
#accueil1:target #content1
{
display: block;
width: 380px;
height: 123px;
font-size: 11px;
color: #C0C0C0;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
border-radius: 10px;
overflow:hidden;
}
#accueil2:target #content2
{
display: block;
width: 380px;
height: 123px;
font-size: 11px;
color: #C0C0C0;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
border-radius: 10px;
overflow:hidden;
}
#accueil3:target #content3
{
display: block;
width: 380px;
height: 123px;
border-radius: 10px;
overflow:auto;
}

.info_accueil
{
padding: 10px;
text-align: justify;

}

/*------------------------------------------navigation générale ----------------------------*/

.nav-haut{
width: 221px;
height: 75px;
background-image:url('http://img4.hostingpics.net/pics/673871navheader.png');
}

.nav-mid{
width: 221px;
background-image:url('http://img4.hostingpics.net/pics/848017navcorps.png');
}

.nav-bas{
width: 221px;
height: 117px;
background-image:url('http://img4.hostingpics.net/pics/235579navfooter.png');
}
.nav-bloc{
background:url('???');
background-repeat: no-repeat;
width: 175px;
margin-left: 20px;
text-align: justify;
font-size: 12px;

}

.nav-titre{
text-align: justify;
font-size: 16px;
color:#7e8996;
font-family:Cinzel Decorative;
text-shadow: 1px 1px 1px #000;

}
 


/*-------------------------------------------------- TOPIC LIST ---------------------------------------*/

/* TITRE GAUCHE */
.tfa_th1{
  background: url(http://i71.servimg.com/u/f71/18/50/78/40/barre110.png) repeat-x top left transparent;
  height : 25px;
}
/* TITRE DROITE (derniers sujets) */
.tfa_th2{
  background: url(http://i71.servimg.com/u/f71/18/50/78/40/barre110.png) repeat-x top left transparent;
  height : 25px;
}
/* CONTIFURATION DU TEXTE DES TITRES GAUCHE ET DROITE */
.tfa_th1, .tfa_th2{
  color:  #000;
  font: 14px Verdana;
  text-shadow: 0 1px 2px #6d7886;
}
.tfa_th1:first-letter, .tfa_th2:first-letter{
  color:  #6d7886;
  font: Italic 18px Verdana;
  text-shadow: 0 1px 1px #000;
}
/* CONFIGURATION DES DIVERSES BORDURES */
.row_tfa{
  border-left: 1px solid #20242a;
}
.row1.tfa, .row3.tfa{
  border-left: 1px solid #20242a;
  border-right: 1px solid #20242a;
}
.forumline.tfa tr.tfa_tr{
  background-color: #171a1c;
  border-left: 1px solid #20242a;
  border-right: 1px solid #20242a;
}
/* SUPPRESSION D EVENTUEL FOND */
.forumline.tfa .row1, .forumline.tfa .row2, .forumline.tfa .row3, .forumline.tfa .row3Right{
  background-color: transparent;
}
/* DESCRIPTION */
.list_descrip{
  -moz-border-radius: 10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background : #1d1f24;
  padding: 7px;
  border : 1px solid #20242a;
}
/* TITRE-LIEN DU TOPIC */
a.topictitle, a.topictitle:link{
  font: Italic 13px Arial;
  color: #6d7886;
  text-shadow: 0 1px 1px #6d7886;
  text-decoration: none;
  font-weight: normal;
}
/* TEXTE AVANT PSEUDO */
h2.topic-title .name {
  color: #6d7886;
  font-size: 11px;
}
/* CELLULE CONTENANT LES DERNIERS SUJETS */
.row2.tfa{
  border-left: 2px dotted #20242a;
  border-right: 1px solid #20242a;
  padding-left: 6px;
}
/* DERNIERS SUJETS */
.postdetails.tfa {
  display:block;
  color: #6d7886;
  font: normal 11px Arial;
  -moz-border-radius: 10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  background : #1d1f24;
  padding: 3px;
  border : 1px solid #20242a;
}
/* CHIFFRES DESCRIPTION */
.chiffres{
  color: #6d7886;
  font-weight: bold;
  text-shadow: 0 1px 0 #000;
}
/* BAS DES SUJETS */
.catBottom.tfa{
  background: url(http://i71.servimg.com/u/f71/18/50/78/40/barre210.png) repeat-x top center transparent;
  height: 20px;
 }

/*------------------------------------------------------- opacité image --------------------------------------------------*/

.transpa
{
opacity: 0.3;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
filter: alpha(opacity=30);
transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;
}

.transpa:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s;
}

/*----------------------------------------------------------- page d'accueil ---------------------------------------------------*/
.staff{
background:rgba(0,0,0,0.7) !important;
text-align:center;
color: fff;
margin-top: 65px;
}

.accueil-fond{
background-image: url(http://img11.hostingpics.net/pics/23391849PA.png);
background-repeat: no-repeat;
width: 600px;
 height: 318px;
}

.accueil-bloc1{
width: ???px;
background:rgba(23,26,28,0.4) !important;
border: 1px solid #20242a;
 height: 200px;
 margin-top: 10px;
}

.accueil-bloc2{
width: ???px;
background:rgba(23,26,28,0.4) !important;
border: 1px solid #20242a;
height: 200px;
 margin-top: 10px;
}

.accueil-bloc3{
width: 100%;
background:rgba(23,26,28,0.4) !important;
border: 1px solid #20242a;
height: 80px;
overflow:auto;
}

.oongl1, .oongl2, .oongl3, .oongl4
{
display: inline-block;
text-align: center;
}
.oongl1:hover, .oongl2:hover, .oongl3:hover, .oongl4:hover
{
???
}
.oongl1 a, .oongl2 a, .oongl3 a, .oongl4 a
{
display: block;
padding-top: 2px;
}
.oongl1 a:hover, .oongl2 a:hover, .oongl3 a:hover, .oongl4 a:hover
{
???
}
#coontent1
{
display: block;
height: 90px;
overflow: hidden;
border: 1px solid #20242a;
font-size: 11px;
color: #fff;
background-image: url(http://i55.servimg.com/u/f55/18/50/78/40/khera210.png);
}
#coontent2, #coontent3, #coontent4
{
display: none;
}
#accuueil1:target #coontent1
{
display: block;
height: 90px;
overflow: hidden;
border: 1px solid #20242a;
font-size: 11px;
color: #fff;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
background-image: url(http://i55.servimg.com/u/f55/18/50/78/40/khera210.png);
}
#accuueil2:target #coontent2
{
display: block;
height: 90px;
overflow: hidden;
font-size: 11px;
color: #fff;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
background-image: url(http://i55.servimg.com/u/f55/18/50/78/40/mar210.png);
}
#accuueil3:target #coontent3
{
display: block;
height: 90px;
overflow: hidden;
font-size: 11px;
color: #fff;
background-image: url(http://i55.servimg.com/u/f55/18/50/78/40/aal210.png);
}
#accuueil4:target #coontent4
{
display: block;
height: 100px;
overflow: hidden;
font-size: 11px;
color: #fff;
background-image: url(http://i55.servimg.com/u/f55/18/50/78/40/ael210.png);
}
.infoo_accueil
{
padding: 10px;
text-align: justify;
}

/* ------------------------------------------------------------------- Css citation, code et spoiler ------------------------------------------------------------ */
.spoiler_closed, .spoiler_content {
  background-color: #525a67;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #5c6371;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 11px;
    line-height: 12px;
    font-size: 12px;
    font-family: Tw Cen MT;
    color: #a3aec3;
    text-shadow: 1px 1px 1px #000000;
    padding: 5px;
    text-align: justify;
    max-height: 500px;
}
.quote {
  background-color: #525a67;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #5c6371;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 11px;
    line-height: 12px;
    font-size: 12px;
    font-family: Tw Cen MT;
    color: #a3aec3;
    text-shadow: 1px 1px 1px #000000;
    padding: 5px;
    text-align: justify;
    max-height: 500px;
   
}
.quote div
{
max-width:px !important;
}
.code {
    background-color: #525a67;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #5c6371;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    font-size: 11px;
    line-height: 12px;
    font-size: 12px;
    font-family: Tw Cen MT;
    color: #a3aec3;
    text-shadow: 1px 1px 1px #000000;
    padding: 5px;
    text-align: justify;
    max-height: 500px;
   
}
.code div
{
max-width: px;
}

.code div
{
max-height: 300px;
}

/*----------------------------------------------------- Chatbox --------------------------------------------------------------*/

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Dans le nid du dragon"; }

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
}

body.chatbox {
background-image: url(http://i55.servimg.com/u/f55/18/50/78/40/fondcb10.jpg);
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before {
content: "Autour du feu sacré";
color:#7e8996;
}

#chatbox_header{
background:rgba(23,26,28,0.6) !important;
}

/*------------------------------------------------------------- divers -------------------------------------------------*/

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

a:link hover
{
text-decoration: none !important;
text-shadow: 0px 0px 5px #fff;
}

body {
cursor: url(http://sd-2.archive-host.com/membres/up/129749460537792328/Sapphire_Normal.cur), auto;
}

a {
cursor: url(http://sd-2.archive-host.com/membres/up/129749460537792328/Sapphire_Normal.cur), auto;
}

/*--------------------------------------------------------------  APPARENCE NOUVEL EDITEUR --------------------------------------------------------------------*/


/*général*/
.sceditor-container {
width: 100% !important;  /********************************largeur de l'édieur*/
text-align: center;
border: none !important;
color: #fff;
}
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode {
background-color:#1d1f24;
background-image: url(http://i55.servimg.com/u/f55/18/50/78/40/fondcb10.jpg);
padding-bottom:3px !important;
}
/*fin général*/


/*toolbar*/
div.sceditor-toolbar {
background-image:url('http://i55.servimg.com/u/f55/18/50/78/40/fondcb10.jpg') !important;
border: none !important;
}
div.sceditor-group {
background:rgba(0,0,0,0.5) !important;  /*couleur de fond des groupes de boutons*/
border: none !important;
}
a.sceditor-button {
background:rgba(23,26,28,0.6) !important;  /************couleur de fond des boutons*/
margin: 1px; /*************************espace entre les boutons dans un groupe*/
}
a.sceditor-button.hover, .sceditor-button.active {
background-color: #fff !important;  /***couleur de fond des bouton surlignés*/
}
/*fin toolbar*/

/*zone de texte*/
.sceditor-container iframe, .sceditor-container textarea {
clear:both !important;
display: block;
box-shadow: inset 0px 0px 2px #abb3c0;
background:rgba(23,26,28,0.6) !important;
border-radius:1px !important;
padding-left:5px!important;
padding-top:15px!important;
padding-bottom:5px!important;
padding-right:10px!important;
margin:5px !important;
margin-bottom:12px !important;
color: #fff;
font-family:helvetica!important;
text-shadow:0px 0px 1px #abb3c0!important;
text-align:justify!important;
}
/*fin zone de texte*/

/*encadré de saisie quand on clique sur un bouton*/
.sceditor-dropdown {
background:rgba(23,26,28,0.6) !important; /**************couleur de fond de l'encadré*/
border:1px solid #5c6371 !important;
}
.sceditor-dropdown, .sceditor-dropdown label, .sceditor-dropdown .button {
color: #fff !important; /*****************couleur de la police dans l'encadré*/
}
.sceditor-dropdown textarea, .sceditor-dropdown input {
background-color: white !important;  /******couleur de fond des zones de saisie*/
}
/*fin encadré de saisie*/

/*smileys*/
.sceditor-emoticons .smiley {
width: auto !important;
height: auto !important;
max-width: 40px !important;  /************************largeur max d'un smiley*/
max-height: 40px !important;  /***********************hauteur mex d'un smiley*/
}
.sceditor-dropdown.sceditor-emoticons {
max-height: 200px;  /********************hauteur max de la fenêtre des smileys*/
max-width: 300px; /**********************largeur max de le fenêtre des smileys*/
overflow: auto;
}
/*fin smileys*/

/*********************************************FIN APPARENCE NOUVEL EDITEUR*/

input{
background:rgba(23,26,28,0.6) !important; /**************couleur de fond de l'encadré*/
border:1px solid #5c6371 !important;
border-radius: 25px;
color: white;
}
input[type="submit"]{
color: #fafafa;
}

textarea {
background:rgba(23,26,28,0.6) !important; /**************couleur de fond de l'encadré*/
border:1px solid #5c6371 !important;
color: white;
width:90%;
margin-left: 5px;
}

h2{
  font-size: 35px;
  font-family: Cinzel Decorative;
  text-align: center;
  margin: 0;
}

/*------------------------------------------ mise en page -----------------*/

.img_flot{
width:200px;
height: 400px;
float: left;
border:1px solid #5c6371 !important;
margin: 15px;
overflow:hidden;}

.flot1{
width:200px;
height: 80px;
float: right;
border:1px solid #5c6371 !important;
margin: 5px;
overflow:hidden;}
Merci par avance à ceux qui aurait la patience et la gentillesse de nous aider =)
Lady doll

Lady doll
***

Féminin
Messages : 119
Inscrit(e) le : 02/11/2011

http://witchcraft-rpg.forumactif.com/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de navigation

Message par MasDan Mer 30 Oct 2013 - 5:19

Lady doll a écrit:
Voici un imprimé écran du forum test, tel que nous l'avons conçu: https://i.servimg.com/u/f55/16/45/82/56/fowtes10.jpg

Et voilà ce que ça donne une fois le design importé sur le forum rp: https://i.servimg.com/u/f55/16/45/82/56/fowtes10.png
Vous avez indiqué le même lien pour les deux captures!!  
Merci d'éditer votre message pour corriger le lien fautif.

Aussi, est-il possible d'avoir les liens des deux forums ?
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

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

Résolu Re: Problème de navigation

Message par Lady doll Mer 30 Oct 2013 - 8:39

Bonjour Masdan,
navré je n'avais pas vu que j'avais mit deux fois le même lien! je tiens à précisé que le soucis avec la navigation est régler, enfaite ne reste que celui du bloc de pub gênant... qui a décider de rester quoi qu'il arrive 8D
Autant vous passer directement le lien du forum, le bloc en question est dans le celui qui est vide au dessus de la PA: http://nerye.forumactif.org/#accueil1
Lady doll

Lady doll
***

Féminin
Messages : 119
Inscrit(e) le : 02/11/2011

http://witchcraft-rpg.forumactif.com/
Lady doll a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de navigation

Message par MasDan Ven 1 Nov 2013 - 0:34

Lady doll a écrit:un ...bloc, apparait à la place des pubs et nous gâche la vie. Je tiens à préciser que pour les pubs, l'une comme l'autre utilisons adlock pour les supprimer sous mozilla et google chrome (le forum étant à la base optimisé pour mozilla).
Hé oui, adblok bloque les pub mais n'empêche pas que soit généré le bloc de publicité généré par forumactif.

Il n'y a qu'un seul moyen légal de le supprimer; et c'est de dépenser des crédits pour l'arrêt de la publicité.
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

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

Résolu Re: Problème de navigation

Message par Chacha Jeu 7 Nov 2013 - 10:46

Problème de navigation Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur Problème de navigation Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème de navigation 50378

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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