Description des catégories

4 participants

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

Résolu Description des catégories

Message par Leyaa Mar 30 Juil 2013 - 15:48

Bonjour, Bonsoir !
Je reviens poster ici pour un dernier problème que je n'arrive malheureusement pas non plus à résoudre T.T Enfaite, j'ai un soucis avec la descrption des catégories et les sous-forums qui sont trop bas, et descendent trop. Je n'arrive pas à les remettre à une disposition normale ! J'ai juste réussi à remonter les titres jaunes, mais pas le reste, car je ne les trouves pas dans le css... Voici une illustration de mon problème: ici. J'aimerais donc que tout sois bien recadré, et peut être même réduire la taille de la police des sous-forums.

Voilà mon forum: http://moonlight-rises.forumactif.org/

Voici mon CSS (un peu en désordre ><) :
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;
}

.forumlineac.index .row1 {
          background-image: url(http://img11.hostingpics.net/pics/712246o9owe9a4.png);
          background-repeat: repeat;
        }

.forumlineac.index .row3 {
          background-image: url(http://img11.hostingpics.net/pics/712246o9owe9a4.png);
          background-repeat: repeat;
        }



/****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: 2px 2px 20px  black;
          padding-left: 3px;
          padding-right: 3px;
        }
        
       /*image du haut*/
        .fondhaut{
          background-position:  center;
          background-repeat: repeat;
          background-color: #112638;
            background-image: url(http://img11.hostingpics.net/pics/712246o9owe9a4.png);
          height: 80px;
          border-top-left-radius: 30px;
          border-top-right-radius: 30px;
        }
        
       /*apparence des titres des catégories*/
        .fondhaut h2{
          font-size: 25px;
          font-family: Great Vibes;
          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;
          background-image: url(http://img11.hostingpics.net/pics/712246o9owe9a4.png);
          }
            

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



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



/*****QEEL***/
        .forumline {
         -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
           border-radius: 30px;
          border-left: 8px solid #165e7d;
          border-right: 8px solid #165e7d;
          border-top: 0;
          border-bottom: 0;
            box-shadow: 2px 2px 20px  black;
          padding-left: 3px;
          padding-right: 3px;
        padding:2px;
        }
        
       .statistiques {
           border-radius: 4px;
            background: #0b0e17;
      border: 3px solid #112638;
  box-shadow:0px 0px 3px #fff;
        overflow:auto;
        max-height: 150px;
         -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding:10px;
        margin:10px;
        text-align:justify;
        }

        #blabla td.row1{
        background: none !important;
        }
        
       .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;
  background-image: url(http://img11.hostingpics.net/pics/712246o9owe9a4.png);
        }
        
       .catqeel {
         -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
           border-radius: 30px;
          border-left: 8px solid #165e7d;
          border-right: 8px solid #165e7d;
          border-top: 0;
          border-bottom: 0;
            box-shadow: 2px 2px 20px  black;
          padding-left: 3px;
          padding-right: 3px;
        padding:2px;
  padding-bottom: 50px;
        background-color:#112638;
  background-image: url(http://img11.hostingpics.net/pics/712246o9owe9a4.png);
        }


/***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: Great Vibes;
font-size: 15px;
text-align: center;
left: 100px;
}

.secondarytitle h2 { display:inline; }

.infos {
margin: 0; padding: 0;
color: #b1d1e8;
font-family: Great Vibes;
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: Time 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;


border-left: solid 3px #9a6653;
border-right: solid 3px #9a6653;
}

#categorie_descrip:hover{
width:150px;
background-color: #9a6653;
font-family:  Georgia;

border-left: solid 3px #e2a27f;
border-right: solid 3px #e2a27f;
}


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

#descripti:hover{
      width:550px;
background-color: #c6b985;
font-family:  Georgia;
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: 28px;
text-align : center ;
color: #f9e9a3;
font-family: Great Vibes;
font-weight: italic;
letter-spacing: 2px;
padding-left: 0px;
padding-right: 3px;
margin-left: 30px;
margin-bottom: -2px;
display: block;
}

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




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



.catégoz
{

font-weight: normal;
font-family: Great Vibes;
letter-spacing: 2px;
font-size: 20px;
padding-left: 5px;
padding-right: 5px;
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;
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;
}



Et si jamais l'index box est nécessaire, le voici;

Spoiler:

Voilà voilà, encore désolé de vous déranger une nouvelle fois (promis, c'est la dernière !) et un GRAND GRAND merci à ceux qui sauront résoudre mon problème !! I love you


Dernière édition par Leyaa le Mer 31 Juil 2013 - 11:28, édité 1 fois
Leyaa

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: Description des catégories

Message par MlleAlys Mar 30 Juil 2013 - 18:48

bonjour !

Au niveau du titre des forums dans le template :
Code:
<span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                    </span>
Retirer le retour à la ligne juste après le titre permet de décaler un peu la description vers le haut ^^ :
Code:
<span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                    </span>

Et de même pour le retour à la ligne qui est juste après la description, mais je ne le vois pas dans le template, peut être est-il dans la description du forum ?
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Description des catégories

Message par Leyaa Mar 30 Juil 2013 - 20:09

Merci beaucoup ! J'ai réussi à les remonter un peu, mais j'ai toujours un problème avec les liens des sous-forums, qui sont toujours très bas. Serait-il possible de réduire l'espace entre la description et les sous-forums et aussi de réduire la police de ces liens ? Merci !

Pour le retour à la ligne après la description non, il n'est pas dans la description du forum O.O Enfin il ne me semble pas...

Tenez:
Code:
<div style=padding:155px></div> <script type=text/javascript> var banListe=['1','2','3']; document.write('<body class=ban' + banListe[Math.floor(Math.random()*banListe.length)] +'>'); </script>

Voilà mon template modifié également:
Code:
<!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"></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>
                            </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">
                                                     {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 -->
Leyaa

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: Description des catégories

Message par MlleAlys Mer 31 Juil 2013 - 0:11

Eh bien... je ne sais pas si je vais savoir t'aider... (je ne pige rien au code de la description xD)
Pour la taille de police des description, tu peux essayer ce code :
Code:
.centrefo .genmed {
font-size: 9px;
}
Après... disons que, à mon niveau, j'aurais essayé de gagner de la place en éliminant les paddings de .centrefo, en utilisant les propriétés border-collapse, en diminuant la taille de l'image (50px de hauteur max par exemple ?), voire avec des marges négatives au dessus et en dessous de la description peut être...

Oui, je suis la reine du bidouillage ! \o/
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Description des catégories

Message par Leyaa Mer 31 Juil 2013 - 0:52

Haha je te comprends, moi aussi j'essaie toujours de bidouiller un max xD
Mais cependant, le code que tu m'as fourni est pour changer la taille de la police de la description du forum ^^ j'aurais aimé réduire la taille de la police des liens du sous forum Razz Je dois mettre des div ?
Leyaa

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: Description des catégories

Message par MlleAlys Mer 31 Juil 2013 - 1:04

Ah ! Désolée ! ><"
Eh bien, je pense qu'avec ce code là ça devrait le faire :
Code:
.centrefo .gensmall a {
  font-size: 9px;
}
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: Description des catégories

Message par Leyaa Mer 31 Juil 2013 - 2:50

Merci beaucoup, cela fonctionne ! xD
Ne me restes plus qu'à trouver le moyen de réduire cet espace horrible TT
Leyaa

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: Description des catégories

Message par Self Mer 31 Juil 2013 - 3:22

Bonsoir.

Pour l'espacement essayez simplement d'ajouter cela au CSS:
Code:
a.forumlink:link, a.forumlink:visited {
margin-bottom: -25px;}
J'ai essayez daller en dessous de -25px mais certains titre se retrouve ensuite en dessous de la descrpition.
J'ai bien essayez d'autre méthode mais c'est le maximum que j'ai pu faire peut être baisser la hauteur dans le template.

Si quelqu'un vous odnne quelque chose de meiux n'hésitez pas Wink .

Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Description des catégories

Message par Leyaa Mer 31 Juil 2013 - 4:05

Bonsoir !
Merci beaucoup pour votre code ! Mais malheureusement, ce n'est pas l'espace entre le titre et la description que j'essaie de réduire, mais l'espace entre la description et les liens des sous-forums...

Cordialement Embarassed 
Leyaa

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: Description des catégories

Message par Self Mer 31 Juil 2013 - 4:26

Bonsoir.

Je suis loin d'être un proffésionnel des template mais essayez de mettre ce passage:
Code:
<span class="gensmall">
                                                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                            </span>
En une ligne:
Code:
<span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
Si cela ne fonctionne pas, je laisserais MlleAlys continué avant de faire des ravage Very Happy .

Cordialement Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Description des catégories

Message par Leyaa Mer 31 Juil 2013 - 11:09

Bonsoir,
Hélas cela ne fonctionne toujours pas T.T
Merci quand même !
Leyaa

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: Description des catégories

Message par Anzu Mer 31 Juil 2013 - 11:23

Bonjour,

Dans votre css, repérez:

Code:
.centrefo {
  

Il y a une valeur définie pour la hauteur Rolling Eyes
Il suffit de l'augmenter ou de la retirer (retirer c'est mieux)

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Description des catégories

Message par Leyaa Mer 31 Juil 2013 - 11:27

Bonjour,
Le problème est réglé !
Merci beaucoup & bonne journée !
Leyaa

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

- Sujets similaires

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