Problème avec mon Ruban ...
2 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
Problème avec mon Ruban ...
Bonsoir à tous !
Alors voilà j'ai un petit soucis avec mon forum , j'ai mis le style de ruban sur mon forum , et mon soucis c'est que il n'affiche pas tout complètement la partie droite de mon forum ! J'aimerais donc svp avoir le ruban et mes catégories entier si possible merci à vous de bien vouloir m'aider ! Voici mon CSS et mon Index Box + la capture de mon soucis :
Css Masterweb :
Index box :
Lien de ma capture d'écran de mon problème :
Lien de mon forum : ( il est en maintenance )
Alors voilà j'ai un petit soucis avec mon forum , j'ai mis le style de ruban sur mon forum , et mon soucis c'est que il n'affiche pas tout complètement la partie droite de mon forum ! J'aimerais donc svp avoir le ruban et mes catégories entier si possible merci à vous de bien vouloir m'aider ! Voici mon CSS et mon Index Box + la capture de mon soucis :
Css Masterweb :
- Code:
/* ********** BLOC RUBAN ***************** */
.top_cat {
position: relative;
width: 75%;
height: 66px;
vertical-align: bottom;
margin: 0;
padding: 0;
margin-top: 20px;
}
.tfa_cat_gauche {
position: absolute;
left: -24px;
background: url('http://i25.servimg.com/u/f25/11/95/30/70/157.png') no-repeat transparent;
width: 24px;
height: 66px;
margin: 0;
padding: 0;
}
.tfa_cat_droite {
position: absolute;
right: -24px;
background: url('http://i25.servimg.com/u/f25/11/95/30/70/258.png') no-repeat transparent;
width: 24px;
height: 66px;
padding: 0;
margin: 0;
}
.tfa_cat_center {
background: url("http://i25.servimg.com/u/f25/11/95/30/70/346.png") repeat-x scroll center bottom transparent;
bottom: 0;
height: 66px;
line-height: 66px;
margin: 0;
padding: 0;
}
/* ************************* LES CATEGORIES ************************ */
/* ****** CONFIGURATION DE FORUMLINE ****** */
.forumline {
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}
/* ****** TITRE DES CATEGORIES ****** */
.secondarytitle, .secondarytitle h2 {
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
font-family: Verdana;
font-weight: bold;
font-size: 17px;
position: relative;
padding-top: 5px;
}
.firstletter{ /* div contenant la variable du titre de categorie */
line-height: 66px;
vertical-align: middle;
padding-top: 5px;
}
.firstletter:first-letter{ /* configuration de la premiere lettre du titre de categorie */
font-size: 20px;
color: #74c20f !important;
font-weight: bold;
}
body
{
background-color: #e8f0f4;
background-position: top center;
background-repeat: repeat-x;
}
a
{
outline: none;
}
a:link
{
text-decoration: none !important;
}
a:hover
{
text-decoration: underline overline !important;
}
.bodylinewidth
{
width: 900px;
}
#i_logo
{
margin-top: -18px;
}
.mainmenu
{
padding-top: 4px;
padding-bottom: 10px;
padding-right: 4px;
}
a.mainmenu
{
background-color: #d3e4ec;
background-image: url(http://host.image.files.free.fr/host/4c4d23ff36ca3fond-mainmenu.jpg);
background-position: top;
background-repeat: repeat-x;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-radius: 6px 6px 0px 0px;
border-top: 1px solid #8dbcdd;
border-left: 1px solid #8dbcdd;
border-right: 1px solid #8dbcdd;
font-weight: bold;
color: #468bb1;
font-variant: small-caps;
font-size: 10px;
}
a.mainmenu:hover
{
text-decoration: none !important;
background-image: url(http://host.image.files.free.fr/host/4c4d245d9837ffond-mainmenu-hover.jpg);
color: #468bb1;
}
#page-body
{
background-color: #d3e4ec;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: 2px 2px 2px #a1b6c5;
-moz-box-shadow: 2px 2px 2px #a1b6c5;
border: 1px solid #a1b6c5;
padding-top: 20px;
margin-top: 8px;
margin-bottom: 50px;
}
.forumline
{
max-width: 890px;
margin: auto;
background-image: url(http://host.image.files.free.fr/host/4c4d2752ed261fond-forumline.jpg);
background-position: top;
background-repeat: repeat-x;
background-color: #8dbcdd;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 5px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
}
table
{
max-width: 890px;
margin: auto;
}
.row1, .row2, .row3, .row3Right
{
-moz-border-radius: 5px;
border-radius: 5px;
padding4px;
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
border-top: 1px solid #73a2c3 !important;
}
.catLeft, .catRight
{
border: none! important;
}
th
{
color: #3C627D;
font-variant: small-caps;
letter-spacing: 1px;
text-shadow: 1px 1px 2px #4b6b81;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
.cattitle
{
margin-left: 20px;
font-variant: small-caps;
}
a.forumlink
{
letter-spacing: 2px;
font-variant: small-caps;
}
a.forumlink:hover
{
text-decoration: none !important;
}
.code
{
border: 2px inset #8dbcdd;
padding: 5px;
background-color: #d3e4ec;
color: #507c9b;
}
.quote
{
border-radius: 6px;
-moz-border-radius: 6px;
padding: 5px;
background-color: #d3e4ec;
-moz-box-shadow: 3px 3px 3px #7597af;
box-shadow: 3px 3px 3px #7597af;
color: #507c9b;
}
.spoiler_closed
{
background-color: #d3e4ec;
border-radius: 6px;
-moz-border-radius: 6px;
border: 2px solid #8dbcdd;
}
.spoiler_content
{
background-color: #d3e4ec;
border-radius: 6px;
-moz-border-radius: 6px;
border: 2px solid #8dbcdd;
color: #507c9b;
padding: 4px;
}
.postbody
{
text-align: justify;
padding: 3px;
font-size: 11px;
line-height: 16px;
}
#page-footer
{
background-image: url(http://host.image.files.free.fr/host/4c4d25f59c2c1footer_02.png);
background-repeat: no-repeat;
background-position: top center;
width: 980px;
height: 120px;
margin-bottom: -18px;
}
#page-footer a
{
font-size: 10px;
text-decoration: none !important;
}
/*--- Retirer le soulignement des pseudos sur vos forums ---*/
a { text-decoration: none; }
/*--- Enlever le soulignement d'absolument tous les liens ---*/
a:hover {
text-decoration: none !important;
}
/*--- Qeel quierra ---*/
.barre1{
background-color:#FFFFFF;border: 1px #000000 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:15px;padding-left:14px;padding-bottom:3px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;
height:auto}
.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:200px;}
.groupes{
background-color:#FFFFFF;border: 1px #000000 dotted;
-moz-border-radius : 5px 5x 5px 5px;
height:40px;padding-right:15px;padding-left:14px;padding-bottom:3px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;
height:auto}
/*--- Tableau de page d'accueil ---*/
#haut{
background-image: url('http://hitskin.com/themes/14/20/34/i_back_title.png') no-repeat transparent;
width: largueur;
height: hauteur;
margin: 0;
padding: 0;
}
#centre{
background-image: url('http://hitskin.com/themes/14/20/34/i_back_title.png') repeat-y transparent;
width: largueur;
margin: 0;
padding: 0;
}
#bas {
background-image: url('http://hitskin.com/themes/14/20/34/i_back_title.png') no-repeat transparent;
width: largueur;
height: hauteur;
margin: 0;
padding: 0;
}
/---* Tableau d'accueil complet ---*/
/* test_quierra_11 */
#le_tableau{
color:#3C627D;
font-size: 12px;
font-family: Arial;
background-color: #3C627D;
border: 3px solid #7DACCD;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;
}
.text_imag{
color: #7DACCD;
text-align: center;
vertical-align: center;
font-family: Arial;
font-size: 30px;
font-weight: bold;
}
.style_cellule{
background-color: #7DACCD;
border: 3px solid #3C627D;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#igauche{
background-color: #7DACCD;
background: url("") no-repeat bottom left;
background-color: #7DACCD;
border: 3px solid #7DACCD;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #0f100f;
background: url("") no-repeat bottom right;
background-color: #7DACCD;
border: 3px solid #7DACCD;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
.titre_4{
font-size: 14px;
color: #7DACCD;
border-bottom: 1px dotted #00a200;
}
/* navigation */
#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li{
float: left;
margin: 0 2px;
}
#nav-menu li a{
background: url(http://i42.servimg.com/u/f42/16/92/62/29/barr10.jpg);
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 2px solid #7DACCD;
color: #000000;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}
#nav-menu li a:hover{
color: #3C627D;
font-style: italic;
}
/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */
/* fin navigation */
/* Scroller Box */
#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}
#dummy {;# }
#scroller_container {
overflow: auto;
}
/* fin Scroller Box */
/* infobulle */
div.info em {
display:none;
}
div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #3C627D;
border: 2px solid #3C627D;
width:auto;
}
.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #3C627D;
}
/* fin infobulle */
/* fin test quierra_11 */
/*--- Texte décoration links ---*/
a:hover
{
text-decoration: underline overline !important;
}
.ma_description{
background: #3C627D;
border: 1px dotted #;
padding: 1px;
font-size: 12px;
text-shadow: 1px 1px 1px #00000;
width: 80%;
margin: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/*--- Autres divers du forum ---*/
body { cursor: crosshair }
a:hover { cursor:crosshair; }
a.mainmenu {font-variant: small-caps;}
a,a:hover{
text-decoration: none ;
text-shadow: # 1px 1px 1px;
font-variant: small-caps;
}
.maintitle{
padding-top: 15px;
}
a.mainmenu{
text-shadow: #FFFFFF 2px 2px 2px;
font-family: Verdana;
font-weight:bold;
font-size: 12px;
}
.bodyline {
border: 7px solid #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
input,textarea,select {
border: 1px #0270BF solid;}
.forumline{
border-left: 3px solid #0270BF;
border-right: 3px solid #0270BF;
border-top: 5px solid #0270BF;
border-bottom: 5px solid #0270BF;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
}
a:hover{
text-decoration: none !important;
}
a.forumlink{
display: block;
text-shadow: #0270BF 1px 1px 1px;
font-family: comic sans ms ;
font-size: 15px;
text-align : left;
text-decoration:none;
border-bottom: 1px dashed #0270BF;
font-style: oblique;
}
a.forumlink:hover{
display: block;
text-shadow: #000000 2px 2px 2px;
font-family: comic sans ms;
text-align: left;
font-size: 13px;
text-decoration:none;
border-bottom: 1 px dashed #0270BF;
font-style: oblique;
}
.postbody {
font-size: 12px;
}
.hidden .spoiler_content {
display: none;
}
.catHead
{text-align: center;}
a.cattitle, table.secondarytitle,.cattitle{
text-decoration: none;
text-decoration: none !important;
text-align : center;
border-color: transparent;
color: #000000
}
.cattitle{
color: #000000
}
.postbody {
text-align: justify
}
.quote,.code {
-moz-border-radius: 0px 15px 0px 15px;
-webkit-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;
border-left: 3px solid #0270BF;
border-right: 3px solid #0270BF;
border-top: 1px solid #0270BF;
border-bottom: 1px solid #0270BF;
padding-left: 10px;
padding-right: 10px;
}
textarea {
font-family: Verdana,;
font-size: 12px;
}
.forabg .corners-bottom { display: none; }
.forabg { padding: 0 0; }
/*--- Généralité ---*/
body { cursor: crosshair; padding-top: 30px;}
text-shadow: 1px 1px 2px #7DACCD;}
/*--- Bordures Générales ---*/
.forumline{-moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 2px #0270BF solid;
border-top: 2px #0270BF solid;
border-left: 1px #0270BF dashed;
border-right: 1px #0270BF dashed;}
/*--- Contours des Avatars ---*/
.postdetails.poster-profile a img
{-moz-border-radius:7px;
padding: 8px; height-max: 220px;
border-bottom: 5px #000000 solid;
background: #000000;
border-top: 2px #000000 solid;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;}
/*--- Arrondis des Zones de Saisies ---*/
input, textarea, select {-moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 3px #0270BF double;
border-top: 3px #0270BF double;
border-left: 2px #0270BF dashed;
border-right: 2px #0270BF dashed;}
/*--- Entête des Catégories ---*/
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom,td.cathead
{text-align:center; -moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 2px #FFFFFF solid;
bo
rder-top: 2px #000000 solid;
border-left: 1px #0270BF dashed;
border-right: 1px #0270BF dashed;}
/*--- Caractéristique des Liens ---*/
a {font-variant: small-caps; text-decoration: none !important; border-bottom : 1px dotted #ffffff; text-shadow: 1px 1px 2px #ffffff}
a:hover{cursor:crosshair; text-decoration: none !important; border-bottom: 1px dashed #ff0000; background-color:#;}
/*--- Titres des Catégories ---*/
a.forumlink, a.forumlink:visited
{font-family: Verdana; text-align: center;
text-transform : uppercase; font-size: 12px;
border-bottom: 2px solid #FFFFFF; -moz-border-radius:12px;
color: #0270BF; display: block;}
a.forumlink:hover, a.forumlink:hover:visited
{background-image: url("");
font-family: Verdana; text-align: center;
text-transform : uppercase; font-size: 12px;
border-bottom: 2px solid #0270BF; -moz-border-radius:12px;
color: #FFFFFF; display: block; }
.vignettes
{-moz-border-radius:7px;
background-color: #0270BF;
padding-right:20px;
padding-left:20px;
padding-bottom: 3px;
padding-top:3px;}
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}
*::-moz-selection {
background:#0270BF none repeat scroll 0 0;
}
tr.post td {padding-left: 20px;}
#topbar {
position: fixed;
top: 0;
left: 0;
width : 100%;
border-bottom: 2px solid #7DACCD;
background-color: #7DACCD;
color: #7DACCD;
}
.groupes{
background-color:#7DACCD;border: 1px #7DACCD dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
div.background
{width:500px;
height:250px;
border:2px solid black;}
div.transbox
{width:400px;
height:180px;
margin:30px 50px;
background-color:#0270BF;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;}
div.transbox p
{margin:30px 40px;
font-weight:bold;
color:#000000;}
.forum_blabla{text-shadow: black 1px 1px 2px;}
.opacity img {filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.opacity img:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
}
table.bodylinewidth
{
position: relative;
top: -9px;
}
a.imginfo {
border-bottom:0 solid #couleur;
color:#couleur;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#couleur;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}
/*--- Modifier l'organisation des sujets et messages dans un sous-forum ---*/
.mystats_fa{
padding: 5px;
float:right;
font-family: verdana;
font-size: 10px;
font-weight: bold;
}
.mystats_fa{
padding: 5px;
float:right;
font-family: verdana;
font-size: 10px;
font-weight: bold;
}
.titre_pa
{
padding: 5px;
font-size: 15px;
color : #ff0000;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
background-color: #ff0000;
text-align: center;
display: bloc;
}
.corps_pa
{
padding: 10px;
color: #0270BF;
}
.fond_pa
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/* INFOBULLES */
div.imginfo {
position: relative;
text-decoration: none;
}
div.imginfo {
position: relative;
text-decoration: none;
}
div.imginfo span {
display: none; /* on masque l'infobulle */
}
div.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.imginfo:hover span {
display: inline; /* on 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: 30px; /* on positionne notre infobulle */
left: 20px;
background-color: #0270BF;
color: #0270BF;
padding: 3px;
border: 1px solid #fff;
}
/*----------------- Ma g?n?ral ----------------- */
/* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}
/*le tableau invisible */
.table25
{
border: none ;
}
/* Liens */
.a2
{
display: block;
width: 130px;
color: #0270BF;
text-align:center;
border: 1px solid black;
-moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.a2:hover
{
background-color: #0270BF;
color: #0270BF;
}
#table22 /* fond du ma */
{
width: 770px;
background-color: #0270BF;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}
/*-----------------Titre----------------- */
/* Le titre special pour le texte de bienvenu */
.h2_themebienvenu
{
font-size: 14px;
background-color: #0270BF;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 367px;
}
/* le titre special pour les credits */
.h2_themecredit
{
font-size: 14px;
background-color: #0270BF;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
}
/* le titre pour les autres boites */
.h2_theme
{
font-size: 14px;
background-color: #0270BF;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
}
/* effet de transparance FF */
.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}
/*-----------------Les boites contenant les textes----------------- */
/* Navigation */
.navi_ma
{
background-color:#000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
padding-top: 20px;
}
/* News */
.news
{
background-color: #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #0270BF;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
}
/* Partenaires */
.partenaire_test
{
background-color: #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #0270BF;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
padding-top: 20px;
}
/* message de bienvenu */
#bienvenu_ma
{
background-color: #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #0270BF;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
width: 370px;
}
/* membres staffs */
.staff
{
background-color: #0270BF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #0270BF;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
padding-top: 20px;
}
/*crédits */
.credits
{
background-color: #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: #0270BF;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
padding-top: 20px;
}
/*-----------------inffobulles----------------- */
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;
top: 10px; /* on positionne notre infobulle */
background-color: #0270BF;
color: black;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 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;
}
/*-- Pour la description des catégories --*
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #fff;
border: 1px solid #000;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
}
.mon_onglet:hover{
background: #b8efa1;
}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #fff;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #fff;
cursor: pointer;
margin-bottom: -1px;
list-style: none;}
.clear{
clear: both;
}
.mon_contenu{
color: #000;
background: #fff;
border: 1px solid #000;
padding: 10px;
line-height: normal;
font-size: 11px;}
#mes_contenus, #mes_onglets{
width: 400px;
margin: auto;}
#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
width: 150px;
margin: 1px;
padding: 0;
list-style-type: none;}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
margin: 0;
padding: 0;
list-style-type: none;}
#menu dd {
border: 1px solid gray;
margin: 0;
padding: 0;
list-style-type: none;}
#menu li {
text-align: center;
background: #fff;
margin: 0;
padding: 0;
list-style-type: none;}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;}
#menu li a:hover, #menu dt a:hover {
background: #eee;
margin: 0;
padding: 0;
list-style-type: none;}
#chatbox_header .catBottom .cattitle {Joyeux Noël
color: #0270BF;
}
/*DEBUT NOUVELLE PAGE D'ACCUEIL*/
.fond2 {
border: 1px solid #0270BF;
font-size: 11px;
text-align : center;
}
.cadre1 {
overflow : auto;
border: 1px solid #B7E1EF;
font-size: 11px;
text-align : center;
height: 100px;
}
.fond1 {
overflow : auto;
background-color: #D3E3E8;
font-size: 11px;
text-align : center;
height: 250px;
}
.titre2 {
text-align:center;
margin-bottom: -5px;
text-transform : capitalize ;
color:#000;
text-shadow: 2px 2px 2px #B7E1EF;
font-size:12px;
}
/*FIN NOUVELLE PAGE D'ACCUEIL*/
/*---Autre Diverti ---*/
body { cursor: crosshair }
a:hover { cursor:crosshair; }
a.mainmenu {font-variant: small-caps;}
a,a:hover{
text-decoration: none ;
text-shadow: #FFFFFF 1px 1px 1px;
font-variant: small-caps;
}
.maintitle{
padding-top: 15px;
}
a.mainmenu{
text-shadow: #c4c4c4 2px 2px 2px;
font-family: Verdana;
font-weight:bold;
font-size: 12px;
}
.bodyline {
border: 7px solid #1C8CAC;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
input,textarea,select {
border: 1px #B0A2AE solid;}
.postbody {
font-size: 12px;
}
.hidden .spoiler_content {
display: none;
}
.catHead
{text-align: center;}
a.cattitle, table.secondarytitle,.cattitle{
text-decoration: none;
text-decoration: none !important;
text-align : center;
border-color: transparent;
color: #FFFFFF
}
.cattitle{
color: #FFFFFF
}
.postbody {
text-align: justify
}
.quote,.code {
-moz-border-radius: 0px 15px 0px 15px;
-webkit-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;
border-left: 3px solid #5E2A54;
border-right: 3px solid #5E2A54;
border-top: 1px solid #5E2A54;
border-bottom: 1px solid #5E2A54;
padding-left: 10px;
padding-right: 10px;
}
textarea {
font-family: Verdana,;
font-size: 12px;
}
.forabg .corners-bottom { display: none; }
.forabg { padding: 0 0; }
/*--- Généralité ---*/
body { cursor: crosshair; padding-top: 30px;}
body text-shadow: 1px 1px 2px #8A8686;}
/*--- Bordures Générales ---*/
.forumline{-moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 5px #4A4A4A solid;
border-top: 5px #4A4A4A solid;
border-left: 1px #8A8686 dashed;
border-right: 1px #8A8686 dashed;}
/*--- Contours des Avatars ---*/
.postdetails.poster-profile a img
{-moz-border-radius:7px;
padding: 8px; height-max: 220px;
border-bottom: 5px #3C627D solid;
background: #FFFFFF;
border-top: 5px #000000 solid;
border-left: 1px #000000 dashed;
border-right: 1px #000000 dashed;}
/*--- Arrondis des Zones de Saisies ---*/
input, textarea, select {-moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 3px #4A4A4A solid;
border-top: 3px #4A4A4A solid;
border-left: 2px #8A8686 dashed;
border-right: 2px #8A8686 dashed;}
/*--- Entête des Catégories ---*/
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom,td.cathead
{text-align:center; -moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 5px #4A4A4A solid;
bo
rder-top: 5px #4A4A4A solid;
border-left: 1px #8A8686 dashed;
border-right: 1px #8A8686 dashed;}
/*--- Caractéristique des Liens ---*/
a {font-variant: small-caps; text-decoration: none !important; border-bottom : 1px dotted #000000; text-shadow: 1px 1px 2px #FFFFFF;}
a:hover{cursor:crosshair; text-decoration: none !important; border-bottom: 1px dashed #FFFFFF; background-color:#ffffff;}
/*--- Titres des Catégories ---*/
a.forumlink, a.forumlink:visited
{font-family: georgia; text-align: center;
text-transform : uppercase; font-size: 100%;
border-bottom: 3px solid #8A8686; -moz-border-radius:10px;
color: #000000; display: block;}
.vignettes
{-moz-border-radius:7px;
background-color: #C6F7B7;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}
*::-moz-selection {
background:#C6F7B7 none repeat scroll 0 0;
}
tr.post td {padding-left: 20px;}
#topbar {
position: fixed;
top: 0;
left: 0;
width : 100%;
border-bottom: 2px solid #330000;
background-color: #660000;
color: #aaffff;
}
.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
div.background
{width:500px;
height:250px;
border:2px solid black;}
div.transbox
{width:400px;
height:180px;
margin:30px 50px;
background-color:#ffffff;
border:1px solid black;
filter:alpha(opacity=60);
opacity:0.6;}
div.transbox p
{margin:30px 40px;
font-weight:bold;
color:#000000;}
.forum_blabla{text-shadow: black 1px 1px 2px;}
.opacity img {filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.opacity img:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
}
table.bodylinewidth
{
position: relative;
top: -9px;
}
a.imginfo {
border-bottom:0 solid #couleur;
color:#couleur;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#couleur;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}
/*--- Modifier l'organisation des sujets et messages dans un sous-forum ---*/
.mystats_fa{
padding: 5px;
float:right;
font-family: verdana;
font-size: 10px;
font-weight: bold;
}
.mystats_fa{
padding: 5px;
float:right;
font-family: verdana;
font-size: 10px;
font-weight: bold;
}
.titre_pa
{
padding: 5px;
font-size: 15px;
color : #ffffff;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
background-color: #56919A;
text-align: center;
display: bloc;
}
.corps_pa
{
padding: 10px;
color: #009ABD;
}
.fond_pa
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}
a:hover {
background-color: transparent;
border-bottom: 1px dashed white;
cursor: crosshair;
cursor: crosshair;
text-decoration: none!important;
}
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="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th nowrap="nowrap" colspan="5" width="100%" class="secondarytitle" style="background: transparent; vertical-align: middle;">
<!-- DEBUT TITRE CATEGORIE -->
<div class="top_cat">
<div class="tfa_cat_gauche"></div>
<div class="tfa_cat_droite"></div>
<div class="tfa_cat_center">
<div class="firstletter" {catrow.tablehead.L_FORUM} </div>
</div>
</div>
<!-- FIN TITRE CATEGORIE -->
</tr>
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap">Forum</th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<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="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><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 style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
<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 class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Lien de ma capture d'écran de mon problème :
Lien de mon forum : ( il est en maintenance )
Dernière édition par Masterweb89 le Mar 6 Mar 2012 - 21:58, édité 1 fois
Invité- Invité
Re: Problème avec mon Ruban ...
Bonsoir,
Vous avez supprimé par mégarde l'affichage de la colonne "messages" et "derniers sujets" dans votre template.
Pour le remettre, remplacez cette partie dans votre template:
Cordialement.
Vous avez supprimé par mégarde l'affichage de la colonne "messages" et "derniers sujets" dans votre template.
Pour le remettre, remplacez cette partie dans votre template:
- Code:
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr>
- Code:
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr>
Cordialement.
Dr. Karlos- Membre actif
-
Messages : 2623
Inscrit(e) le : 03/01/2012
Re: Problème avec mon Ruban ...
Ah super !
Maintenant , j'aimerais juste que mon ruban face toute la longueur lol ...
Voir ici : https://i.servimg.com/u/f47/17/17/41/72/rub10.jpg
Maintenant , j'aimerais juste que mon ruban face toute la longueur lol ...
Voir ici : https://i.servimg.com/u/f47/17/17/41/72/rub10.jpg
Invité- Invité
Re: Problème avec mon Ruban ...
bonjour,
Il suffit de mettre 100% à la class top_cat dans votre css au début
Il suffit de mettre 100% à la class top_cat dans votre css au début
- Code:
.top_cat {
position: relative;
width: 100%;
Re: Problème avec mon Ruban ...
Merci sa fonctionne !
Invité- Invité
Sujets similaires
» Problème de ruban
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
» Affichage d'un ruban
» Ruban Annonce
» Ruban "En ligne"
» Problème avec l'apparence de mon forum. Changement de thème avec l'actualisation
» Affichage d'un ruban
» Ruban Annonce
» Ruban "En ligne"
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