| | Problème avec mes onglets |  |
|
 Jiben 
{ Membre actif }
 Messages : 314
 | Bonjour a vous tous, Je suis entrain de faire la V2 de mon forum est là je rencontre un probléme malheureusement :s Voici ce que j'ai déjà coder : - Spoiler:
Après j'ai voulu mettre ce code en forme d'onglets pour avoir mes catégories en onglets mais toujours mes forum en rectangle sur une ligne a 3 bloc. Mais le probléme c'est qui me mets tous les forum dans le même onglets : - Spoiler:
J'essaye depuis deux jours mais je n'arrive pas a résoudre ce probléme. Bon voici mon template 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} {CURRENT_TIME} </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> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <div class="my_cat"> <ul></ul> </div> <div class="my_cat_body"> <!-- BEGIN catrow --> <!-- BEGIN tablehead --> <table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0"> <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN forumrow --> <tr> <table cellspacing="0" cellpadding="0" class="forumcell" border="0" style="display: inline-table;"><tr><td style="padding: 3px;"> <div class="backcorner2" style="background-image: url('{catrow.forumrow.FORUM_FOLDER_IMG}');"><div class="upperleft"><div class="upperright"><div class="lowerleft"><div class="lowerright"> <table class="transtable" width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <td class="transtable" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nom">{catrow.forumrow.FORUM_NAME}</div></a> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span><hr /> <i><span class="gensmall">{catrow.forumrow.POSTS} Messages dans {catrow.forumrow.TOPICS} Sujets</span></i><hr /><span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> </tr></table></div></div></div></div></div> </td> </tr> <!-- END forumrow --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> </div> ET Voici mon Css: - Code:
-
.my_modified_table{
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;
font-family: Verdana;
}
.my_forum_name{
display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{
width: 20%;
text-align:center;
}
.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid #EAEAEA;
}
.my_title{
text-align:center;
font-size: 14px;
font-family: Arial;
}
.my_cat_body{
border: 1px solid #EEE;
-moz-border-radius: 3px;
}
.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 11px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: #EAEAEA;
width: 200px;
font-family: Arial;
font-weight: bold;
}
.my_cat a{
text-decoration: none !important;
color: #000;
}
.secondarytitle{background-color: #1d2426;
padding: 4px;
margin-bottom:15px;
margin-top:15px;
text-align: center;
border-bottom:3px solid 344145;
border-top:3px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
background-color: 344145;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;}
.secondarytitle{
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 075;
opacity: 0.75;}
.forumcell{ background-color: #1d2426;
padding: 2px;
margin:2px;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
Border: 4px double#808080;
text-align: center;
}
.forumcell:hover{ background-color: #1E2838;
Border: 4px double black;
-moz-box-shadow: 0px 0px 25px black;
-webkit-box-shadow: 0px 0px 25px black;
box-shadow: 0px 0px 25px black;}
.forumcell{
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 075;
opacity: 0.75;}
.forumcell {width: 32%;}
.forumcell hr {border-color: #006598;}
.backcorner2 {background-position: top right;
background-repeat: no-repeat;}
/*----------------------------------
pointilles entre sujets
----------------------------------*/
.lien-sujet td {
border: none !important; }
.catBottom, .catBottom td {
border: 0px !important;
}
.liste-sujets td {
border-bottom: dotted 1px #3F818A;
}
h1.cattitle{
font-weight: bold;
font-size: 21px;
color: white;
text-shadow: 3px 3px 1px black;
}
.secondarytitle h2{
font-weight: bold;
font-size: 21px;
color: #C0C0C0;
text-shadow: 7px 6px 1px #242424;
}
.Formulaire{
background-color: #365a68; /*--- Couleur de fond ---*/
padding: 1%; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
-moz-box-shadow: 0px 0px 15px #808080;
-webkit-box-shadow: 0px 0px 15px #808080;
box-shadow: 0px 0px 15px #808080;
Border: 1px solid #808080;
}
.Formulaire strong
{
color: #6699FF;
}
a.cattitle{text-shadow: 5px 3px 15px #808080
color: Red}
.sous_forum
{-moz-border-radius:7px;
color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
text-shadow: 5px 3px 15px #808080}
.grande{
border-collapse:collapse;
vertical-align:middle;
}
.petite{
vertical-align:top;
}
.cadre_record{
border:1px solid black; /* bordures de tes colonnes */
margin:5px /* permet de séparer tes colonnes */
}
.mot{
border-bottom:1px dotted black; /* permet d'avoir la bordure en pointillé souhaitée */
padding:5px; /* aère un peu la cellule */
text-align:center; /* permet de centrer le texte */
}
td.mot:hover{
background-color: #365a68
}
.dernier_mot{
padding:5px; /* aère un peu la cellule */
text-align:center; /* permet de centrer le texte */
}
td.dernier_mot:hover{
background-color: #365a68
}
.degats{
background-image: url('http://i30.servimg.com/u/f30/15/40/37/03/ajoute11.png');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: #365a68;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px #808080;
-webkit-box-shadow: 0px 0px 15px #808080;
box-shadow: 0px 0px 15px #808080;
Border: 1px solid #808080;
}
.classement{
background-image: url('http://i68.servimg.com/u/f68/14/48/01/34/icone_10.png');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: #365a68;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px #808080;
-webkit-box-shadow: 0px 0px 15px #808080;
box-shadow: 0px 0px 15px #808080;
Border: 1px solid #808080;
}
.experience{
background-image: url('http://i23.servimg.com/u/f23/13/83/20/15/knewst10.png');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: #365a68;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px #808080;
-webkit-box-shadow: 0px 0px 15px #808080;
box-shadow: 0px 0px 15px #808080;
Border: 1px solid #808080;
}
.titreclassement{ text-shadow: 5px 3px 15px #808080;
}
.titretop10{ text-shadow: 5px 3px 15px #808080;
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;}
.new{
background-image: url('http://lesgendresbeta5.forumactif.org/users/1211/19/72/85/smiles/29870.gif');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: #365a68;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px red;
-webkit-box-shadow: 0px 0px 15px red;
box-shadow: 0px 0px 15px red;
Border: 1px solid red;
}
.top1{
background-image: url('http://i23.servimg.com/u/f23/13/83/20/15/concou10.png');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: orange;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
Border: 1px solid white;
}
.Top10impair{
-moz-box-shadow: 0px 0px 15px #66FFFF;
-webkit-box-shadow: 0px 0px 15px #66FFFF;
box-shadow: 0px 0px 15px #66FFFF;
Border: 1px solid #66FFFF;
}
.Top10pair{
-moz-box-shadow: 0px 0px 15px #00FF00;
-webkit-box-shadow: 0px 0px 15px #00FF00;
box-shadow: 0px 0px 15px #00FF00;
Border: 1px solid #00FF00;
}
.mise_a_jour {
background-image: url('http://i23.servimg.com/u/f23/13/83/20/15/pannea10.png');
background-repeat: no-repeat;
background-position: 2% 50%;
padding: 5px;
background-color: #365a68;
border: 5px double #000000;
color: #000000;
min-height: 60px;
}
/*----------------------------------
Ma Barre de Navigation
----------------------------------*/
/* Forme de la Barre entière */
.barrenavi{border-bottom: 4px double white;
border-left: 4px double white;
border-right: 4px double white;
background-color: #1D3C40;
filter:alpha(opacity=80);
opacity:0.80;
}
/* Texte de la Barre*/
a.mainmenu {
padding-right: 10px;
font-weight: lighter!important;
text-transform: capitalize;
color : white;
font-size: 11px;}
/* Texte de la barre lors du passage de la souris*/
a.mainmenu:hover{
border-bottom:3px solid white;
border-top:3px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: white;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
text-transform: capitalize;
color : black;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
font-style:oblique;}
/*----------------------------------
Titre de mes Forum.
----------------------------------*/
.nom{
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
font-style:oblique;
border-bottom: 1px dotted white;
color: White;
text-align: center;
padding-bottom: 4px;
text-shadow: 4px 4px 1px black;
}
.nom:hover{
text-transform: capitalize;
font-weight: bold;
font-style: italic;
border: 1px dotted black;
text-align: center;
border-left: 2px solid black;
border-right: 2px solid black;
}
/*----------------------------------
Forme de mes catégories et Couleur
----------------------------------*/
.forumline{
-moz-border-radius: 10px 10px 10px10px ;
border-bottom: 4px #1D3C40 solid;
border-top: 4px #1D3C40 solid;
border-right: 2px #1D3C40 solid;
border-left: 2px #1D3C40 solid;}
.forumline{
filter:alpha(opacity=80);
opacity:0.80;}
/*----------------------------------
Infobulle de Mon Profil dans les messages.
----------------------------------*/
div.infobulle_avatar em {
display:none;}
div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;}
div.infobulle_avatar:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px ;
background-color: #1D3C40;
border: 1px solid #000;
width:150px;
top: 80px;
left: 50px;}
/*----------------------------------
Profil dans mes messages
----------------------------------*/
/* cadre ds message, avatar*/
.postdetails.poster-profile a img{
text-align: center;
border: 4px double #000000;
background-color: #295359;
padding:2px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* cadre ds message, reste du profil*/
.profil{
text-align: center;
border: 1px solid #000000;
background-color: #295359;
padding:1px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* cadre ds message, pseudo*/
.pseudo{
text-align: center;
border: 2px solid #000000;
background-color: #295359;
padding:1px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* cadre ds message, édité, citer, .. */
.post-options{
text-align: center;
border: 1px solid #000000;
background-color: #295359;
padding:1px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* quand on survol un pseudo dans les messages */
.pseudo:hover{
text-transform: uppercase;
font-style:italic;}
/*----------------------------------
autres ^^
----------------------------------*/
body.chatbox {
background-color: #1D3C40;}
.forumline{background-color: transparent}
td.row3Right{
background-color: #1D3C40}
td.secondarytittle{
background-color: transparent}
td.secondarytittle{background-color: transparent;}
a { text-decoration: none;
text-transform: capitalize; }
a:hover {
text-decoration: none !important;
}
div, table {
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:5px;
border: none;}
/* les cadres pour sauter ver .., bouton aller, .. */
input,textarea, select {
border: 1px solid black;}
/* Décoration du spoiler ouvert */
.spoiler_content{
padding: 3px;
border:1px #33FFFF solid;
-moz-box-shadow: 0px 0px 20px #33FFFF;
-webkit-box-shadow: 0px 0px 20px #33FFFF;
box-shadow: 0px 0px 20px #33FFFF;}
/* Décoration du spoiler fermé*/
.spoiler_closed{
padding: 3px;
border:1px #3366FF solid;
-moz-box-shadow: 0px 0px 20px #3366FF;
-webkit-box-shadow: 0px 0px 20px #3366FF;
box-shadow: 0px 0px 20px #3366FF;}
/* Décoration de la citation */
.quote {
padding: 3px;
border:1px #33FF00 solid; /* bordure */
-moz-box-shadow: 0px 0px 20px #33FF00;
-webkit-box-shadow: 0px 0px 20px #33FF00;
box-shadow: 0px 0px 20px #33FF00;
border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */}
/* Décoration du code */
.code {
padding: 3px;
border:1px solid #FF99FF ; /* bordure blanche en traits peu épais */
border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-box-shadow: 0px 0px 20px #FF99FF;
-webkit-box-shadow: 0px 0px 20px #FF99FF;
box-shadow: 0px 0px 20px #FF99FF;}
.cadreava{
padding : 5px;
background-color:#295359;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}
.cadrepro{
background-color:#295359;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}
/* limitation-signature */
.limitation-signature img {
max-width: 500px;
max-height: 200px;}
Voici la prévisualisation du code : http://lesgendresbeta5.forumactif.org/forum.htm?tt=1 ( je ne sais pas si vous pouvez le voir vous =/ ) Merci d'avance de votre aide  Cordialement JIben. | | |
|
| | |
Kaiji 
Blanche-Neige
 Messages : 5578
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône  en éditant votre 1er post.
| | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Bonjour,
non il n'est pas résolu mon probléme. | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Bon j'ai déjà su réglée mon probléme par contre mes catégories ne sont pu 3 par ligne =(  Bon voici mon template 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} {CURRENT_TIME} </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> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <div class="my_cat"> <ul></ul> </div> <div class="my_cat_body"> <!-- BEGIN catrow --> <!-- BEGIN tablehead --> <table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0"> <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div> <!-- END tablehead --> <!-- BEGIN forumrow --> <tr> <td> <table cellspacing="0" cellpadding="0" class="forumcell" border="0" style="display: inline-table;"><tr><td style="padding: 3px;"> <div class="backcorner2" style="background-image: url('{catrow.forumrow.FORUM_FOLDER_IMG}');"><div class="upperleft"><div class="upperright"><div class="lowerleft"><div class="lowerright"> <table class="transtable" width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <td class="transtable" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nom">{catrow.forumrow.FORUM_NAME}</div></a> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span><hr /> <i><span class="gensmall">{catrow.forumrow.POSTS} Messages dans {catrow.forumrow.TOPICS} Sujets</span></i><hr /><span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> </tr></table></div></div></div></div></div> </td> </tr></table> <!-- END forumrow --> <!-- BEGIN tablefoot --> </td></tr> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> </div> ET Voici mon Css: - Code:
-
#text_editor_textarea{border:1px solid #313D40;
-moz-box-shadow: 0px 0px 8px white;
-webkit-box-shadow: 0px 0px 8px white;
box-shadow: 0px 0px 8px white;}
.button2{-moz-box-shadow: 0px 0px 8px white;
-webkit-box-shadow: 0px 0px 8px white;
box-shadow: 0px 0px 8px white;}
/*"Marge" entre message et profil*/
tr.post td {padding-left: 20px;}
.titre_de_mes_message{background-color: #1d2426;
padding: 4px;
margin-bottom:15px;
margin-top:15px;
text-align: center;
border-bottom:3px solid 344145;
border-top:3px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
background-color: 344145;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px15px white;
box-shadow: 0px 0px 15px white;}
.titre_de_mes_message{
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 075;
opacity: 0.75;}
img.sidebar {
padding:1px; -moz-opacity: 0.6; margin:2px; -moz-border-radius: 4px; border: 1px solid #6e8d90;
background-color:#d4cec9
}
img.sidebar:hover {
padding:2px; -moz-opacity: 1; margin:2px; -moz-border-radius: 4px; border: 1px solid #a63f43;
}
.boxtoproundtitle {
background-color: #ada49f;
color:#F0F0F0;
font-weight:bold;
text-decoration:none;
-moz-border-radius:5px;
font-size:11px;
margin:0px 0px 5px 0px; padding: 3px 10px 3px 10px;
display:block;
text-transform : uppercase;
text-align : center;
}
.box {
background-color: #d4cec9;
-moz-border-radius:5px;
font-size:11px;
margin:0px; padding: 3px 10px 3px 10px;
color:#474442;
}
.boxmenu {
background-color: #d4cec9;
-moz-border-radius:5px;
font-size:11px;
margin:0px; padding: 3px 10px 3px 10px;
color:#474442;
}
.my_modified_table{
width: 100%;
margin-top: 5px !important;
font-family: Verdana;
display: inline;
}
.my_forum_name{
display:none;
}
.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid yellow;
}
.my_title{
text-align:center;
font-size: 14px;
font-family: Arial;
}
.my_cat_body{
border: 1px solid green;
-moz-border-radius: 3px;
}
.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 11px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: red;
width: 200px;
font-family: Arial;
font-weight: bold;
}
.secondarytitle{background-color: #1d2426;
padding: 4px;
margin-bottom:15px;
margin-top:15px;
text-align: center;
border-bottom:3px solid 344145;
border-top:3px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
background-color: 344145;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;}
.secondarytitle{
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 075;
opacity: 0.75;}
.forumcell{ background-color: #1d2426;
padding: 2px;
margin:2px;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
Border: 4px double#808080;
text-align: center;
}
.forumcell:hover{ background-color: #1E2838;
Border: 4px double black;
-moz-box-shadow: 0px 0px 25px black;
-webkit-box-shadow: 0px 0px 25px black;
box-shadow: 0px 0px 25px black;}
.forumcell{
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 075;
opacity: 0.75;}
.forumcell {width: 32%;}
.forumcell hr {border-color: #006598;}
.backcorner2 {background-position: top right;
background-repeat: no-repeat;}
/*----------------------------------
pointilles entre sujets
----------------------------------*/
.lien-sujet td {
border: none !important; }
.catBottom, .catBottom td {
border: 0px !important;
}
.liste-sujets td {
border-bottom: dotted 1px #3F818A;
}
h1.cattitle{
font-weight: bold;
font-size: 21px;
color: white;
text-shadow: 3px 3px 1px black;
}
.secondarytitle h2{
font-weight: bold;
font-size: 21px;
color: #C0C0C0;
text-shadow: 7px 6px 1px #242424;
}
.Formulaire{
background-color: #365a68; /*--- Couleur de fond ---*/
padding: 1%; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
-moz-box-shadow: 0px 0px 15px #808080;
-webkit-box-shadow: 0px 0px 15px #808080;
box-shadow: 0px 0px 15px #808080;
Border: 1px solid #808080;
}
.Formulaire strong
{
color: #6699FF;
}
a.cattitle{text-shadow: 5px 3px 15px #808080
color: Red}
.sous_forum
{-moz-border-radius:7px;
color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
text-shadow: 5px 3px 15px #808080}
.grande{
border-collapse:collapse;
vertical-align:middle;
}
.petite{
vertical-align:top;
}
.cadre_record{
border:1px solid black; /* bordures de tes colonnes */
margin:5px /* permet de séparer tes colonnes */
}
.mot{
border-bottom:1px dotted black; /* permet d'avoir la bordure en pointillé souhaitée */
padding:5px; /* aère un peu la cellule */
text-align:center; /* permet de centrer le texte */
}
td.mot:hover{
background-color: #365a68
}
.dernier_mot{
padding:5px; /* aère un peu la cellule */
text-align:center; /* permet de centrer le texte */
}
td.dernier_mot:hover{
background-color: #365a68
}
.degats{
background-image: url('http://i30.servimg.com/u/f30/15/40/37/03/ajoute11.png');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: #365a68;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px #808080;
-webkit-box-shadow: 0px 0px 15px #808080;
box-shadow: 0px 0px 15px #808080;
Border: 1px solid #808080;
}
.classement{
background-image: url('http://i68.servimg.com/u/f68/14/48/01/34/icone_10.png');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: #365a68;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px #808080;
-webkit-box-shadow: 0px 0px 15px #808080;
box-shadow: 0px 0px 15px #808080;
Border: 1px solid #808080;
}
.experience{
background-image: url('http://i23.servimg.com/u/f23/13/83/20/15/knewst10.png');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: #365a68;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px #808080;
-webkit-box-shadow: 0px 0px 15px #808080;
box-shadow: 0px 0px 15px #808080;
Border: 1px solid #808080;
}
.titreclassement{ text-shadow: 5px 3px 15px #808080;
}
.titretop10{ text-shadow: 5px 3px 15px #808080;
border-bottom: 1px dotted #000000;
border-top: 1px dotted #000000;}
.new{
background-image: url('http://lesgendresbeta5.forumactif.org/users/1211/19/72/85/smiles/29870.gif');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: #365a68;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px red;
-webkit-box-shadow: 0px 0px 15px red;
box-shadow: 0px 0px 15px red;
Border: 1px solid red;
}
.top1{
background-image: url('http://i23.servimg.com/u/f23/13/83/20/15/concou10.png');
background-repeat: no-repeat;
background-position: 2% 50%;
background-color: orange;
padding-left: 55px;
min-height: 60px;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
Border: 1px solid white;
}
.Top10impair{
-moz-box-shadow: 0px 0px 15px #66FFFF;
-webkit-box-shadow: 0px 0px 15px #66FFFF;
box-shadow: 0px 0px 15px #66FFFF;
Border: 1px solid #66FFFF;
}
.Top10pair{
-moz-box-shadow: 0px 0px 15px #00FF00;
-webkit-box-shadow: 0px 0px 15px #00FF00;
box-shadow: 0px 0px 15px #00FF00;
Border: 1px solid #00FF00;
}
.mise_a_jour {
background-image: url('http://i23.servimg.com/u/f23/13/83/20/15/pannea10.png');
background-repeat: no-repeat;
background-position: 2% 50%;
padding: 5px;
background-color: #365a68;
border: 5px double #000000;
color: #000000;
min-height: 60px;
}
/*----------------------------------
Ma Barre de Navigation
----------------------------------*/
/* Forme de la Barre entière */
.barrenavi{border-bottom: 4px double white;
border-left: 4px double white;
border-right: 4px double white;
background-color: #1D3C40;
filter:alpha(opacity=80);
opacity:0.80;
}
/* Texte de la Barre*/
a.mainmenu {
padding-right: 10px;
font-weight: lighter!important;
text-transform: capitalize;
color : white;
font-size: 11px;}
/* Texte de la barre lors du passage de la souris*/
a.mainmenu:hover{
border-bottom:3px solid white;
border-top:3px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
background-color: white;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topright: 15px;
-webkit-border-radius-topleft: 15px;
border-radius-topright: 15px;
border-radius-topleft: 15px;
text-transform: capitalize;
color : black;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
font-style:oblique;}
/*----------------------------------
Titre de mes Forum.
----------------------------------*/
.nom{
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
font-style:oblique;
border-bottom: 1px dotted white;
color: White;
text-align: center;
padding-bottom: 4px;
text-shadow: 4px 4px 1px black;
}
.nom:hover{
text-transform: capitalize;
font-weight: bold;
font-style: italic;
border: 1px dotted black;
text-align: center;
border-left: 2px solid black;
border-right: 2px solid black;
}
/*----------------------------------
Forme de mes catégories et Couleur
----------------------------------*/
.forumline{
-moz-border-radius: 10px 10px 10px10px ;
border-bottom: 4px #1d2426 solid;
border-top: 4px #1d2426 solid;
border-right: 4px #1d2426 solid;
border-left: 4px #1d2426 solid;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;}
.forumline{
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 075;
opacity: 0.75;}
/*----------------------------------
Infobulle de Mon Profil dans les messages.
----------------------------------*/
div.infobulle_avatar em {
display:none;}
div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;}
div.infobulle_avatar:hover em {
background-color: #1d2426;
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px ;
border: 1px solid #313d40;
width:150px;
top: 70px;
left: 50px;
-moz-box-shadow: 0px 0px 5px white;
-webkit-box-shadow: 0px 0px 5px white;
box-shadow: 0px 0px 5px white;}
/*----------------------------------
Profil dans mes messages
----------------------------------*/
/* avatar*/
.postdetails.poster-profile a img{
text-align: center;
padding:2px;
}
/* cadre ds message, reste du profil*/
.profil{
text-align: center;
border: 1px solid #313d40;
padding:1px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 7px 7px 10px white;
-webkit-box-shadow: 7px 7px 10px white;
box-shadow: 7px 7px 10px white;
}
/*pseudo*/
.pseudo{
text-align: center;
border-bottom: 1px solid #313d40;
padding:1px;
}
/* quand on survol un pseudo dans les messages */
.pseudo:hover{
text-transform: uppercase;
font-style:italic;}
/*----------------------------------
autres ^^
----------------------------------*/
body.chatbox {
background-color: #1d2426;}
td.row3Right{
background-color: #1d2426}
td.secondarytittle{
background-color: transparent}
td.secondarytittle{background-color: transparent;}
a { text-decoration: none;
text-transform: capitalize; }
a:hover {
text-decoration: none !important;
}
div, table {
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:5px;
border: none;}
/* les cadres pour sauter ver .., bouton aller, .. */
input,textarea, select {
border: 1px solid #313D40;}
/* Décoration du spoiler ouvert */
.spoiler_content{
padding: 3px;
border:1px #33FFFF solid;
-moz-box-shadow: 0px 0px 20px #33FFFF;
-webkit-box-shadow: 0px 0px 20px #33FFFF;
box-shadow: 0px 0px 20px #33FFFF;}
/* Décoration du spoiler fermé*/
.spoiler_closed{
padding: 3px;
border:1px #3366FF solid;
-moz-box-shadow: 0px 0px 20px #3366FF;
-webkit-box-shadow: 0px 0px 20px #3366FF;
box-shadow: 0px 0px 20px #3366FF;}
/* Décoration de la citation */
.quote {
padding: 3px;
border:1px #33FF00 solid; /* bordure */
-moz-box-shadow: 0px 0px 20px #33FF00;
-webkit-box-shadow: 0px 0px 20px #33FF00;
box-shadow: 0px 0px 20px #33FF00;
border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */}
/* Décoration du code */
.code {
padding: 3px;
border:1px solid #FF99FF ; /* bordure blanche en traits peu épais */
border-radius: 4px; /* tous les côtés sont arrondis */
-moz-border-radius: 4px; /* tous les côtés sont arrondis */
-webkit-border-radius: 4px; /* tous les côtés sont arrondis */
-moz-box-shadow: 0px 0px 20px #FF99FF;
-webkit-box-shadow: 0px 0px 20px #FF99FF;
box-shadow: 0px 0px 20px #FF99FF;}
.cadreava{
padding : 5px;
background-color:#313D40;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}
.cadrepro{
background-color: #313D40;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}
/* limitation-signature */
.limitation-signature img {
max-width: 500px;
max-height: 200px;}
/*----------------------------------
Palette de couleurs
----------------------------------*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
Merci d'avance | | |
|
| | |
Orange 
RocketMan
Messages : 3086
| Franchement, j'aimerais bien t'aider, mais je ne savais même pas qu'on pouvait mettre plusieurs catégories sur une ligne... | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Salut orange,
j'ai trouver le tutoriel sur internet et je les adapter ensuite.
merci quand même | | |
|
| | |
Caroo'
{ Membre actif }
Messages : 493
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône en éditant votre premier post. |
Dernière édition par Caroo' le Dim 14 Nov 2010, 16:10, édité 2 fois | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Pourquoi je cocherai mon Topic comme résolu alors que je n'est pas le cas. | | |
|
| | |
Caroo'
{ Membre actif }
Messages : 493
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône en éditant votre premier post. | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Bonjour non il n'est pas résolu mon probléme =/ | | |
|
| | |
Murtagh 
{ Modérateur }
Messages : 1492
| Bonjour, Votre problème est-il toujours d'actualité ? Sinon, merci de bien vouloir cocher l'icône en éditant votre premier poste. Merci | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| Et non toujours pas résolu =/ | | |
|
| | |
Radimir
{ Membre actif }
Messages : 459
| Bonjour cher ami ! J'aimerai bien t'aider , mais quand je test les codes fournis par tes soins aucun onglet n'y apparait , dois-je comprendre que tu les as retirés pour qu'on le fasse ? Ou qu'au contraire c'est un oublie... Je ne connais pas toutes les modifications que tu as apporté à ton template et css mais je pense que la partie onglet a été oté , donc si possible.. Essaye de la remettre  | | |
|
| | |
Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Votre problème est-il toujours d'actualité ? Si tel n'est pas ne cas, merci de bien vouloir éditer votre premier message et cocher l'icône " résolu". Merci. | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| |
| | |
'Christa
Lostmindy
Messages : 2856
| Moi ce que je me demande c'est comment diable tu as réussi à présenter (à l'origine) les catégories côte à côte comme ça O.o
Il y a peut être un télescopage de codes javascript dans l'histoire, non ? | | |
|
| | |
Hortie
{ Membre actif }
Messages : 660
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône en éditant votre premier post. | | |
|
| | |
Jiben
{ Membre actif }
Messages : 314
| |
| | |
'Christa
Lostmindy
Messages : 2856
| C'est parce que je n'ai pas le statut de codeuse que je n'ai pas eu droit à une réponse, moi ? '_'
Ma théorie est que le code utilisé pour mettre les catégories côtes à côte est potentiellement responsable, mais je ne peux rien dire de plus vu que je n'ai pas d'explications à ce sujet. Il y a moyen d'en savoir plus ? | | |
|
| | |
Druyk
{ Membre actif }
Messages : 339
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône en éditant votre premier post. | | |
|
| | |
Psycho
Psychopathe
Messages : 3407
| Bonjour,
n'ayant pas eu de réponse de votre part depuis la dernière relance d'un modérateur, je considère votre problème résolu ou abandonné.
Je verrouille & déplace, merci de votre compréhension (: | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Problème avec mes onglets | |
|
