Fond de Catégories

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

Résolu Fond de Catégories

Message par Leyaa le Dim 28 Juil 2013 - 17:50

Bonjour/Bonsoir !
Cela fait plusieurs jours (quatre pour être précise) que je tente tant bien que mal de résoudre mon problème en vain, donc je fais appel à vous et vos connaissances en codes ! xD

Alors voilà. Enfaite, je souhaiterais mettre une image de fond dans les catégories de mon forum. J'ai utilisé les codes indiqués sur d'autres sujets, et jusque là, tout va bien. Le seul problème, c'est que cela me met également le fond dans les sujets. Hors, je ne souhaite l'avoir que sur les catégories ! Je peux vous illustrer mon problème par des aperçus si tout ceci n'est pas très clair > Voici le résultat que je veux et que j'ai réussi à obtenir: ici. Cependant, je ne veux pas que le fond se mette sur ces deux endroits: ici et ici, et je ne trouves vraiment pas comment modifier cela !! Sauriez-vous ce qui cloche ? TT

voici mon forum: http://moonlight-rises.forumactif.org/
Le fond que souhaite mettre: http://img15.hostingpics.net/pics/262853frgde.png

Et au cas où mon CSS et mon Index Box.

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumlineac" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
            <td colspan="3" nowrap="nowrap" width="100%" class="fondhaut"> {catrow.tablehead.L_FORUM} </td>
         </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>
 <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
 </tr>
 <!-- END cathead -->
<!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
              <td class="row1 over" width="120">

                    </td>
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                          <div class="centrefo"><table width="100%"><tr><td widht="70%"><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                    </span>
                            </h{catrow.forumrow.LEVEL}></td>
                            <td width="30%"><div class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages</span>
                              </div></td>
                            </tr>
                            <tr>
                              <td colspan="2">
                                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                                                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                            </span>
                              </td></tr></table></div></td>
            
             <td class="row3 over" align="center" valign="middle" height="50"><div class="lastm">
                          <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                          <br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                </div>
              </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 -->
        <tr><td height="80" colspan="3"><div class="fondbas"></div></td></tr>
        </table><br /><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Code:
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);


.ban1 { background-image: url('http://img4.hostingpics.net/pics/638415header21.png');
     background-repeat: no-repeat;
          background-position:  top;}
        .ban2 { background-image: url('http://img4.hostingpics.net/pics/527897header3copie.png');
 background-repeat: no-repeat;
          background-position:  top;}
        .ban3 { background-image: url('http://img4.hostingpics.net/pics/4709002222.png');
  background-repeat: no-repeat;
          background-position:  top;}


/* INFOBULLES STAFF */
.postinfobullepredef{
border-top: 10px solid #3C627D;
width: 200px;
margin-top: -10px;

}

.posteinfoecripredef{
color: #f9e9a3;
text-shadow: #3C627D;
font-size: 24px;
text-align: center;
margin-top: -25px;
font-family: 'Playfair Display SC', serif;
text-align: center;
}

.infobullepredef{
position: relative;
z-index: 0;
}
 
.infobullepredef:hover{
background-color: transparent;
z-index: 50;
}
 
.infobullepredef span{
position: absolute;

    display: block;
  box-shadow:0px 0px 3px #fff;
background: #0B0E17;
left: -1000px;
visibility: hidden;
color: #925479;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
 
.infobullepredef:hover span{
visibility: visible;
top: 0px;
left: 55px;
width: 200px;
height: 300px;
text-align: center;
color:#454E70;
font-size: 14px;
font-family: georgia;
}
/* FIN INFOBULLES STAFF */

.imgtop {
-moz-transition-duration:1s;
-moz-transition-timing-function:linear;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
transition-duration:1s;
transition-timing-function:linear;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
margin-left:0px;
margin-top: 0px;
}

.imgtop:hover {
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
margin-left:0px;
margin-top: 0px;
}




/****rang + avatar ****/

.raang{
border: 4px solid #0B0E17;
  background-color:#0B0E17;
}

.cadreavatar{
border: 4px solid #3C627D;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          border-bottom-left-radius: 10px;
          border-bottom-right-radius: 10px;
}

/*************/

div.infobulle
{
 position: relative;
 float: left;
color: black;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
}

/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
width:auto;
height:auto;
top: 80px;
left:15px; /* on positionne notre infobulle */
background-color:white;
color:gray;
border-radius:50px;
padding: 10px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}

  
.cadre {
  height: 140px;

    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #0B0E17;
    border: 3px solid #112638;
  box-shadow:0px 0px 3px #fff;
}


/****catégo***/

  
        /*contour*/
        .forumlineac{
          border-radius: 30px;
          border-left: 8px solid #165e7d;
          border-right: 8px solid #165e7d;
          border-top: 0;
          border-bottom: 0;

          background: #124860;
          box-shadow: 5px 5px 25px  black;
          padding-left: 3px;
          padding-right: 3px;
        }
        
       /*image du haut*/
        .fondhaut{
          background-position:  center;
          background-repeat: repeat;
          background-color: #112638;
          height: 80px;
          border-top-left-radius: 30px;
          border-top-right-radius: 30px;
        }
        
       /*apparence des titres des catégories*/
        .fondhaut h2{
          font-size: 25px;
          color: deepskyblue;
          text-align: center;
          margin: 0;
        }

         a.forumlink {
        text-transform : uppercaps;
        color : #112638;
        font-size : 16px;
        padding-left: 20px;
        }

        
       /*partie centrale*/
        .centrefo{
          width: 95%;
          height: 120px;
          padding: 5px;
          margin: 10px;
           border-radius: 4px;
            background: #0b0e17;
      border: 3px solid #112638;
  box-shadow:0px 0px 3px #fff;

}
  
        /*dernier message et icone de forum*/
        .lastm{
          width: 150px;
          height: 120px;
          padding: 5px;
          margin: 10px;
          border-radius: 4px;
          background: #0b0e17;
      border: 3px solid #112638;
  box-shadow:0px 0px 3px #fff;
        }
        
       /*image du bas*/
       .fondbas{
          height: 80px;
          background-position:  center;
          background-repeat: repeat;
          background-color: #112638;
          border-bottom-left-radius: 30px;
          border-bottom-right-radius: 30px;
          }
            

/****fin catégo****/



a.forumline img {margin-bottom:30px;}



/*****QEEL***/
        .forumline {
         -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding:2px;
          border: 2px #141414;
        }
        
       .statistiques {
        background-color: #112638;
        overflow:auto;
        max-height: 150px;
         -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 2px #1A0F1C;
        padding:10px;
        margin:10px;
        text-align:justify;
        }
        
       .groupes {
            font-size:16px;
        font-weight:bold;
        font-style:italic;
        text-transform:lowercase;
        text-decoration: none!important;
        margin-left: 20px;
        letter-spacing:1px;
          background-color:#112638;
        }
        
       .catqeel {
         -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding:20px;
        background-color:#112638;
        }


/***APPARENCE FORUM***/


body {
background-position: center;
background-image: url('img');
}

body{
margin-top: 200px;
margin-bottom: 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


.bodyline {
padding: 2px;
margin-top: 200px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.secondarytitle,.secondarytitle h2 {
margin: 0; padding: 0;
color: #b1d1e8;
font-family: georgia;
font-size: 15px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #b1d1e8;
font-family: georgia;
font-size: 15px;
}

#add-google{ border: 0px dotted #9e9e9e; }

      

/* ********** PROFIL ********** */

.name {
  margin: 2px; padding: 2px;
margin-top: 10px;
      font-family: Georgia;
      font-size: 18px;
      text-transform: uppercase;
Tes autres codes si tu le souhaites.
}



a:link,a:active,a:visited {
    font-size: 11px;
    text-decoration: none;
    color : ;
    font-family: Georgia; }

a:hover{
    text-decoration: none !important;
    color : ;
filter:alpha(opacity=100); -moz-opacity: 0.9; opacity: 1.0;
    }


/***APPARENCE CAT-FO***/

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding:2px 3px;
         -moz-border-radius: 10px;
        -webkit-border-radius: 10px;}

.forumline{
max-width: 980px;
background-position: top;
background-repeat: repeat-x;
background-color: #030303;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 5px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
}


a.mainmenu
{
font-size: 14px;
text-align : center ;
color: #b1d1e8;
font-family: Times New Roman;
font-weight: bold;
text-transform : uppercase;
letter-spacing: 2px;
padding-left: 0px;
padding-right: 0px;
}


/***DESCRIPTION FORUM***/

#categorie_descrip{
width:150px;
background-color: #d66400;
font-family:  Georgia;
padding-top: 5px;
padding-bottom: 5px;
border-left: solid 3px #9a6653;
border-right: solid 3px #9a6653;
}

#categorie_descrip:hover{
width:150px;
background-color: #9a6653;
font-family:  Georgia;
padding-top: 5px;
padding-bottom: 5px;
border-left: solid 3px #e2a27f;
border-right: solid 3px #e2a27f;
}


#descripti{
      width:550px;
background-color: #e2a27f;
font-family:  Georgia;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 30px;
}

#descripti:hover{
      width:550px;
background-color: #c6b985;
font-family:  Georgia;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 30px;
}

.def {
      width:550px;
background-color: #673d23;
font-family:  Georgia;
padding-top: 1px;
padding-bottom: 1px;
margin-left: 30px;
}

a.forumlink:link, a.forumlink:visited {
font-size: 20px;
text-align : center ;
color: #b1d1e8;
font-family: Times New Roman;
font-weight: italic;
letter-spacing: 2px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
margin-left: 30px;
margin-bottom: -2px;
display: block;
}

a.forumlink:hover, a.forumlink:hover:visited {
color: #b1d1e8;
display: block;
}



#coulour
{
font-family:  Georgia!important;
font-size: 11px!important;
color:#b1d1e8!important;
letter-spacing: -1px;
font-weight: normal;
}



.catégoz
{

font-weight: normal;
font-family :  Georgia ;
letter-spacing: 2px;
font-size: 20px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-top: 10px;
margin-top:-55px;  
width=800px
}


.forumline {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-webkit-border-radius: 20px;
background-color:#0f0710;
padding:0px;
border: 2px solid #030303;
margin-bottom: 20px}


.forumcatego
{
-moz-border-radius:20px;
-webki-border-radius:20px;
}

/***CITER/CODE/SPOILER***/
.quote{
font-family: georgia;
font-size: 12px;
color: #112638;
background-color: #E1D8CE;
border-radius:50px;
text-align: left;
background-color: #b0c5dc;
width: 100%;
}

.code{
font-family: georgia;
font-size: 12px;
color: #112638;
background-color: #E1D8CE;
border-radius:50px;
text-align: left;
background-color: #b0c5dc;
width: 100%;
}

.spoiler_content, .spoiler_content.hidden {
font-family: georgia;
font-size: 12px;
color: #112638;
background-color: #E1D8CE;
border-radius:50px;
text-align: left;
background-color: #b0c5dc;
width: 100%;
}
.milieu {width: 90%; margin: 0px; border: 1px solid #ffffff;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#FBEFCA}


/* ********** BANDEAU ********** */

.bandeau {
-moz-border-radius: 7px 7px 7px 7px;
background-color: #transparent;
border-bottom: 1px solid #767e7e;
color: #3b718d;
font-family: sans-serif;
font-size: 14px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
}


.bandeau:hover {
-moz-border-radius: 7px 7px 7px 7px;
background-color: #transparent;
border-bottom: 1px solid #3b718d;
color: #767e7e;
font-family: sans-serif;
font-size: 14px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
letter-spacing : 3px;
}

/* ********** OPACITÉ ********** */

.blabla {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.blabla:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


/* ********** HUHU...HEIN? ********** */

.titrehead {
background-color : #transparent; /* la couleur du fond */
-moz-border-radius : 9px; /* pour arrondir les bords ( Firefox ) */
font-variant  :small-caps; /* pour mettre les lettres en majuscules */
color : #DB216E; /* Couleur du texte */
}

.lienhead:hover {
background-color : #transparent ; */
text-decoration : none!important; /* enlève le soulignement des liens */
border-bottom : 1px dotted; /* bord du bas en pointillé */
letter-spacing : 3px; /* espace les lettres de 3px */
}

/* ********** ONGLET ********** */

.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:0px dashed white;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#transparent;
                border-bottom:0px dashed white;
        }
        .onglet_1
        {
                background:#transparent;
                border-bottom:0px dashed white;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#transparent;
                border:0px dashed white;
                margin-top:-1px;
                padding:5px;
                display:none;
        }


/* ********** J AI FAIM... ********** */

.couloure {
-moz-border-radius: 7px 7px 7px 7px;
background-color: #transparent;
border-bottom: 3px dotted #ffffff;
color: #ffffff;
font-family: sans-serif;
font-size: 14px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
}

.coulour {
-moz-border-radius: 7px 7px 7px 7px;
background-color: #transparent;
border-bottom: 2px dotted #ffffff;
color: #ffffff;
font-family: sans-serif;
font-size: 14px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
}

.coulour:hover {
-moz-border-radius: 7px 7px 7px 7px;
background-color: #transparent;
border-bottom: 2px dotted #DB216E;
color: #000000;
font-family: sans-serif;
font-size: 14px;
font-weight: lighter;
letter-spacing: 1px;
display:block;
text-align: center;
text-decoration: shadow !important;
text-shadow: black 1px 1px 2px;
}


.fondi
{
-moz-border-radius: 7px 7px 7px 7px;
background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
text-shadow: black 0px 1px 12px;
Height:120px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
border-top: 5px solid #3b718d;
border-bottom: 5px solid #3b718d;
border-right: 2px solid #3b718d;
border-left: 2px solid #3b718d;

}

.fondi:hover
{
-moz-border-radius: 7px 7px 7px 7px;
background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
text-shadow: black 0px 1px 12px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;


}

.fondin
{
-moz-border-radius: 7px 7px 7px 7px;
background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
text-shadow: black 0px 1px 12px;
Height:260px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
border-top: 5px solid #3b718d;
border-bottom: 5px solid #3b718d;
border-right: 2px solid #3b718d;
border-left: 2px solid #3b718d;

}

.fondin:hover
{
-moz-border-radius: 7px 7px 7px 7px;
background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
text-shadow: black 0px 1px 12px;
Height:260px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
border-top: 5px solid #767e7e;
border-bottom: 5px solid #767e7e;
border-right: 2px solid #767e7e;
border-left: 2px solid #767e7e;

}

.fondaffliates
{
-moz-border-radius: 7px 7px 7px 7px;
background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
text-shadow: black 0px 1px 12px;
Height:140px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
border-top: 5px solid #3b718d;
border-bottom: 5px solid #3b718d;
border-right: 2px solid #3b718d;
border-left: 2px solid #3b718d;

}

.fondaffliates:hover
{
-moz-border-radius: 7px 7px 7px 7px;
background-image: url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
text-shadow: black 0px 1px 12px;
Height:140px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
border-top: 5px solid #767e7e;
border-bottom: 5px solid #767e7e;
border-right: 2px solid #767e7e;
border-left: 2px solid #767e7e;


}


.shimi
{
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
border-top: 3px solid #427999;
border-bottom: 3px solid #427999;
border-right: 3px solid #427999;
border-left: 3px solid #427999;
}


/* ********** OTHERS ********** */

.domi
{
text-shadow: white 1px 1px 2px;
}

.domi:hover
{
color: #767e7e;

}

/* ********** INFOBULLE ********** */

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #3b718d; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;
text-shadow: black 0px 1px 12px;

  /* bordures de votre infobulle*/
 border: 3px solid #3b718d;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}



/* ********** MUHAHAHA? ********** */


.largeur{
width:500px;
}

.sunshine

{
padding-right: 177px;
padding-left: 177px;
background-color: #de6f00;
font-family:  Georgia;
font-size: 15px;
background-image:url("");
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 3px #ffffff dotted;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius:10px 10px 0px 0px;
}

.sunshine:hover
{
background-image:url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
}


.sunshina

{
font-family:  Georgia;
background-color: #de6f00;
font-size: 15px;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius:0px 0px 10px 10px;
}

.sunshina:hover
{
background-image:url("http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png");
}

/*Titre*/

.stripes {
color: #9ca183;
border-bottom: 1px dotted #9ca183;
border-left: 1px dotted #9ca183;
background-image: url(http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png);
-moz-border-radius-topright: 20px;
padding-left: 20px;
-moz-border-radius-topleft: 20px;
padding-right: 20px;
}



.contours
{
font-size: 12px;
font-family:  Georgia;
color: #ffffff;
background-color: #3b718d;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
padding-bottom: -5px;
padding-top: -5px;
}


.trans
{
font-size: 13px;
font-family:  Georgia;
background-image: url(http://s2.noelshack.com/old/up/pat3-5dc98f9f48.png);
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}

/*Onglet*/

.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_nomonglet1,#cat_nomonglet2,#cat_nomonglet3,#cat_nomonglet4,#cat_nomonglet5 /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('URL_ONGLET_ACTIF') no-repeat; /*URL de l'onglet étant actif*/
width:LARGEURpx; /*Largeur de l'onglet étant actif*/
height:HAUTEURpx; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.onglet_nactif {
background:url('URL_ONGLET_INACTIF') no-repeat; /*URL de l'onglet étant inactif*/
width:LARGEURpx; /*Largeur de l'onglet étant inactif*/
height:HAUTEURpx; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}


Merci beaucoup d'avance pour votre aide I love you


Dernière édition par Leyaa le Dim 28 Juil 2013 - 23:24, édité 1 fois

Leyaa
**

Féminin
Messages : 70
Inscrit(e) le : 04/06/2011

http://arkham-test.forumactif.org
Leyaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Catégories

Message par MlleAlys le Dim 28 Juil 2013 - 19:50

En essayant d'ajouter une class aux catégories de l'index peut être ?
Dans le template, ici :
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumlineac" width="100%" border="0" cellspacing="0" cellpadding="0">
Ajouter par exemple "index" ou quelque que chose comme ça à la class de la table des catégories :
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumlineac index" width="100%" border="0" cellspacing="0" cellpadding="0">
Du coup, tu pourras limiter tes codes aux catégories sur l'index...
Je crois que tu as utilisé ça (avec 1 et 3):
Code:
.row1 {
  background-image: url(http://img15.hostingpics.net/pics/262853frgde.png);
  background-repeat: repeat;
}
Tu peux maintenant écrire comme ça :
Code:
.forumlineac.index .row1 {
  background-image: url(http://img15.hostingpics.net/pics/262853frgde.png);
  background-repeat: repeat;
}

Ce n'est peut être pas la meilleure solution mais c'est tout ce que j'ai trouvé, mais quelqu'un trouvera peut être mieux ? =S
Enfin, surtout, je ne susi pas certaine que ça fonctionne puisque je n'ai pas pu tester ><"

(ah et je me disais aussi, si tu souhaites utiliser toute l'image avec le dégradé et tout, tu peux essayer de mettre le fond directement dans le tableau .forumline.index plutôt que dans les cellules .row1 et .row3 ^^)


Dernière édition par MlleAlys le Dim 28 Juil 2013 - 21:45, édité 1 fois

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Catégories

Message par Leyaa le Dim 28 Juil 2013 - 20:22

Bonjour MlleAlys !
Tout d'abord merci beaucoup pour l'attention que tu as porté à mon problème, malheureusement j'ai testé les deux méthodes, et aucune des deux ne m'affiche le fond :/

Leyaa
**

Féminin
Messages : 70
Inscrit(e) le : 04/06/2011

http://arkham-test.forumactif.org
Leyaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Catégories

Message par MlleAlys le Dim 28 Juil 2013 - 20:26

As tu changé à nouveau le template, ou bien as tu oublié de le publié ? Si tu l'as changé, pourrais tu refaire la manip s'il te plait, pour que je regarde directement sur ton forum ? =S

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Catégories

Message par Leyaa le Dim 28 Juil 2013 - 21:03

Voilà ce que cela donne sur mon forum de test:
http://spiderfox-forumtest.forumactif.org/

Il n'y a pas de fond du tout ^^

Leyaa
**

Féminin
Messages : 70
Inscrit(e) le : 04/06/2011

http://arkham-test.forumactif.org
Leyaa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Catégories

Message par MlleAlys le Dim 28 Juil 2013 - 21:46

AH ! je suis vraiment désolée, j'ai fais une petite erreur dans le code css, d'où le fait qu'il ne s'applique pas : Ce n'est pas .forumlineac index .row1 mais .forumlineac.index .row1 ! =S

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de Catégories

Message par Leyaa le Dim 28 Juil 2013 - 23:24

Merci beaucoup !!
Tout marche parfaitement, c'est génial !
Encore merci pour ton aide ! Very Happy

Leyaa
**

Féminin
Messages : 70
Inscrit(e) le : 04/06/2011

http://arkham-test.forumactif.org
Leyaa 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