Plusieurs problème avec mes onglets de mes categories
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
Plusieurs problème avec mes onglets de mes categories
Bonjour a vous.
Je vient ici car j'ai un probléme avec les onglets des mes catégories.
Bon j'attaque le Problème :
Voici ce que j'ai en ce moments :
Je voudrais que " sous forum " soit a la même place que sur la deuxième image.
BOn je devine que vous voulais mon CSS et Mon templates.
En espérant qui n'auras de plagiat :s
CSS
Template :
Pour mieux comprendre le Problème voici mon Forum :
http://lesmagesnoirs.forum2ouf.com/forum.htm
Merci d'avance de votre aide (:
Cordialement Jiben.
Je vient ici car j'ai un probléme avec les onglets des mes catégories.
Bon j'attaque le Problème :
Voici ce que j'ai en ce moments :
- Spoiler:
Je voudrais que " sous forum " soit a la même place que sur la deuxième image.
- Spoiler:
BOn je devine que vous voulais mon CSS et Mon templates.
En espérant qui n'auras de plagiat :s
CSS
- Spoiler:
- Code:
Chat{ -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 */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
}
.post
{ -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 */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
}
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; /*écriture de la police*/
font-size: 10px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 5px; /* bord arrondis*/
-webkit-border-radius: 5px; /* bord arrondis*/
border-radius: 5px ; /* bord arrondis*/
background-color: #FFF; /*couleur de fond de l'infobulle*/
border: 1px solid #000; /*taille et couleur de la bordure de l'infobulle*/
width:150px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 100px; /*infobulle à 100px de la gauche*/
}
.my_img img{
margin-top: 25px;
margin-left: 20px;
}
.my_modified_table{
width: 100%;
margin: 0;
padding: 0;
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;
}
/* contour des tous mes catégories */
.my_cat_body{
border: 1px solid white;
-border-radius: 8px; /* tous les côtés sont arrondis */
-moz-border-radius: 8px; /* tous les côtés sont arrondis */
-webkit-border-radius: 8px; /* tous les côtés sont arrondis */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
}
.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
/* design de mes onglets de mes catégories */
.my_cat_style{
margin-left: 8px !important;
border-top: 1px black white;
border-left: 1px black white;
border-right: 1px black white;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 14px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: none;
width: 200px;
font-family: Arial;
font-weight: bold;
-moz-box-shadow: 0px 0px 10px white;
-webkit-box-shadow: 0px 0px 10px white;
box-shadow: 0px 0px 10px white;}
/* design de mes onglets de mes catégories lors du survol */
.my_cat_style:hover{-moz-box-shadow: 0px 0px 10px black;
-webkit-box-shadow: 0px 0px 10px black;
box-shadow: 0px 0px 10px black;}
/* texte de mes onglets de mes catégories */
.my_cat a{
text-decoration: none !important;
color: white;
}
/* petit bouton a coté de " derniers messages " */
.currenttr {
cursor:pointer;
position: absolute;
top: 3px;
right: 1px;
}
/* cadre des dernier message */
.derniers_sujets
{ background-color : #828282;
-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 */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
color : white;
}
/* transparence cadre de mes derniers sujets */
.derniers_sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}
/* cadre des dernier message lors du survol*/
.derniers_sujets:hover {
-moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}
/* cadre de mes sujets */
.sujets
{background-color: #828282;
-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 */
margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 2px solid white; text-decoration: none;
color : white;
}
/* transparence cadre de mes sujets */
.sujets
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}
/* cadre de mes sujets lors du survol */
.sujets:hover {
-moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}
/* cadre du nom mes catégorie*/
.nom
{border: 2px solid white;
background-color: #828282;
margin-left: 7%;
border-bottom: 0px;
-border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
padding: 1%
}
/* transparence cadre du mes catégories */
.nom
{background-color: transparent;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1}
/* cadre du nom mes catégorie lors du survol*/
.nom:hover {
-moz-box-shadow: 0px 0px 20px white;
-webkit-box-shadow: 0px 0px 20px white;
box-shadow: 0px 0px 20px white;
}
/* cadre ds message, avatar*/
.postdetails.poster-profile a img{
text-align: center;
border: 4px double #000000;
background-color: #919F84;
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 white;
background-color: #66705D;
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: #919F84;
padding:1px;
-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* cadre ds message, profil, site, mp, ..*/
.post-profil{
text-align: center;
border: 1px solid #000000;
background-color: #aab89d;
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: #aab89d;
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;}
/* les cadres pour sauter ver .., bouton aller, .. */
input,textarea, select {
border: 1px solid #525052;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-border-radius-bottomright:6px;
-border-radius-topleft:6px;
-border-radius-topright:6px;
-webkit-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */
-webkit-border-radius-bottomright:6px;
-webkit-border-radius-topleft:6px;
-webkit-border-radius-topright:6px;
}
/* cadre du forum */
.bodyline {-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
-moz-border-radius:20px;
-border-radius: 20px;
-webkit-border-radius: 20px;
border:1px solid white;}
/* barre de navigation */
.mainmenu{
height: 35px;
font-size : 11px;
color : white;
}
/* décoration de la barre de navigation */
a.mainmenu{
text-decoration: none;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-border-radius-topright: 10px;
-border-radius-topleft: 10px;
-webkit-border-radius-topright: 10px;
-webkit-border-radius-topleft: 10px;
padding-right: 8px;
padding-left: 5px;
}
/* barre de navigation lors du survol */
a.mainmenu:hover{
text-decoration:none; color : white;
background-color : #66705D;
border-bottom: 2px solid #363642;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
}
/* Soulignement des liens en pointillés lors du survol */
a:hover {text-decoration: none !important;
border-bottom : 1px dotted
}
/* enleve le soulignement en dessous des lien */
a {
text-decoration: none !important;
font-variant: small-caps;
}
/* 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;
}
Template :
- 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>
<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 -->
<td colspan="3" >
<tr>
<td class="my_img" valign="top"width="15%"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
<td class="my_disc" width="60%" valign="top" > <span class="genmed">
<fieldset class="sujets">
<legend class="nom"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span></legend>{catrow.forumrow.FORUM_DESC}
</fieldset>
Sous-forums: {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></td>
<td width="25%" valign="middle" align="center" >
<fieldset class="derniers_sujets" ><legend align="center" valign="bottom"><span class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages | <b>{catrow.forumrow.TOPICS} </b>sujets</div></span></legend><span class="gensmall">{catrow.forumrow.LAST_POST}</span></fieldset>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>
Pour mieux comprendre le Problème voici mon Forum :
http://lesmagesnoirs.forum2ouf.com/forum.htm
Merci d'avance de votre aide (:
Cordialement Jiben.
Re: Plusieurs problème avec mes onglets de mes categories
C'est la class my_disc qui regit le centrage de tes sous forums. Mets tout simplement un alignement à gauche dans ton css et tu obtiendras la modifications que tu souhaites.
Dernière édition par demeter1 le Sam 24 Juil 2010 - 17:57, édité 1 fois
Re: Plusieurs problème avec mes onglets de mes categories
Bonjour.
Merci.
Sa fonctionne.
Vous pouvez classer.
Encore merci
Merci.
Sa fonctionne.
Vous pouvez classer.
Encore merci
Sujets similaires
» Catégories à onglets avec Sidebars
» Probléme avec les catégories en onglets.
» Problème avec les catégories en onglets
» Probléme de titre avec mes categories en onglets
» Forum avec catégories en onglets
» Probléme avec les catégories en onglets.
» Problème avec les catégories en onglets
» Probléme de titre avec mes categories en onglets
» Forum avec catégories en onglets
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