Description des catégories
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Description des catégories
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 ><) :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/
- 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:
- 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 index" 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"></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"></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"></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="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 -->
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 !!
Dernière édition par Leyaa le Mer 31 Juil 2013 - 11:28, édité 1 fois
Re: Description des catégories
bonjour !
Au niveau du titre des forums dans le template :
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 ?
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>
- 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- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Description des catégories
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:
Voilà mon template modifié également:
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 -->
Re: Description des catégories
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 :
Oui, je suis la reine du bidouillage ! \o/
Pour la taille de police des description, tu peux essayer ce code :
- Code:
.centrefo .genmed {
font-size: 9px;
}
Oui, je suis la reine du bidouillage ! \o/
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Description des catégories
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 Je dois mettre des div ?
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 Je dois mettre des div ?
Re: Description des catégories
Ah ! Désolée ! ><"
Eh bien, je pense qu'avec ce code là ça devrait le faire :
Eh bien, je pense qu'avec ce code là ça devrait le faire :
- Code:
.centrefo .gensmall a {
font-size: 9px;
}
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Description des catégories
Merci beaucoup, cela fonctionne ! xD
Ne me restes plus qu'à trouver le moyen de réduire cet espace horrible TT
Ne me restes plus qu'à trouver le moyen de réduire cet espace horrible TT
Re: Description des catégories
Bonsoir.
Pour l'espacement essayez simplement d'ajouter cela au CSS:
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 .
Cordialement .
Pour l'espacement essayez simplement d'ajouter cela au CSS:
- Code:
a.forumlink:link, a.forumlink:visited {
margin-bottom: -25px;}
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 .
Cordialement .
Re: Description des catégories
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
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
Re: Description des catégories
Bonsoir.
Je suis loin d'être un proffésionnel des template mais essayez de mettre ce passage:
Cordialement .
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>
- Code:
<span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
Cordialement .
Re: Description des catégories
Bonsoir,
Hélas cela ne fonctionne toujours pas T.T
Merci quand même !
Hélas cela ne fonctionne toujours pas T.T
Merci quand même !
Re: Description des catégories
Bonjour,
Dans votre css, repérez:
Il y a une valeur définie pour la hauteur
Il suffit de l'augmenter ou de la retirer (retirer c'est mieux)
Cordialement.
Dans votre css, repérez:
- Code:
.centrefo {
Il y a une valeur définie pour la hauteur
Il suffit de l'augmenter ou de la retirer (retirer c'est mieux)
Cordialement.
Re: Description des catégories
Bonjour,
Le problème est réglé !
Merci beaucoup & bonne journée !
Le problème est réglé !
Merci beaucoup & bonne journée !
Sujets similaires
» Tirets titre des catégories + fond description catégories.
» Description des catégories
» Description et catégories
» Encadrer la description des catégories
» Cadre pour la description des catégories
» Description des catégories
» Description et catégories
» Encadrer la description des catégories
» Cadre pour la description des catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum