| Onglet du bas, catégorie. [TOUJOURS EN COURS] | |
|
|
Tiny ♥
{ Membre }
Messages : 80
| Bonjour à vous,
J'ai un petit soucis sur mon forum. J'ai rajouté un code pour avoir un style pour les catégories, mais trouvant les ongles du bas pas très beau, j'ai rajouté le code .forum-sousforum a (J'ai trouvé ce code en cherchant sur ce forum ici et a donc décidé de le rajouter) Cependant, il se trouve que j'ai un petit soucis, car les onglets ne veulent pas se coller au reste. (Voir image) Et le code CSS est celui de forumactif, celui qui donne pour faire des onglets. J'ai tenté d'écrire right ou de rajouter des codes que j'ai retirés ensuite, car cela ne changeait pas. Et étant débutante dans les codes, je ne trouve pas la solution. =S Donc voilà, si on peut m'aider, merci d'avance. - Spoiler:
|
Dernière édition par Tiny ♥ le Dim 26 Sep 2010, 13:19, édité 2 fois | |
|
| |
Kimi Sâto
{ Membre actif }
Messages : 335
| Tu peux peut-être essayer en ajoutant: - Code:
-
margin-left:?px; A ton code css sur les onglets ^w^ Bisous~ | | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| Merci de ta réponse. Cela fonctionne qu'à moitié. J'ai dû retirer ce code '' margin: auto '' Ensuite, et là, je suis rendu 100 px que le règlement ne suit pas l'onglet staff ne le suit pas. - Spoiler:
| | |
|
| |
Kimi Sâto
{ Membre actif }
Messages : 335
| Peut-être que tu pourrais appliquer une class différentes aux deux onglets, de façons à pouvoir les bouger individuellement avec margin et padding ^w^?
Bisous~ | | |
|
| |
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Pourrais-t-on avoir ton code CSS ? | | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| Voilà le code. - Code:
-
/*--- Cette partie correspond à la description du forum ---*/ .forum-description { margin: auto; padding: 10px; color: #FFFFFF; width: 65%; border: 2px solid #FFFFFF; -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: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom: 0 none !important; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; color: #FFFFFF; font-size: 10px; font-style: italic; height: 14px; left: 380px; padding: 3px; position: relative; text-align: center; width: 170px; }
/*--- Cette partie correspond à l'affichage des sous-forums ---*/ .forum-sousforum a{ color: #FFFFFF; font: Georgia; border: 2px solid #FFFFFF; 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-left:100px; padding: 4px; color: #FFFFFF; width: 50%; text-align: right; height: 14px; font-size: 11px; } | | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| |
| |
Kimy
{ Membre actif }
Messages : 1190
| Au risque de se répéter, les UP sont strictement interdits ! | | |
|
| |
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.
| | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| |
| |
Kimi Sâto
{ Membre actif }
Messages : 335
| En fait, c'est tout à fait normal que tu ais le deuxième onglet ne suive pas, car c'est vrai que le margin d'applique à chaque onglet, donc met une marge à gauche de chaque onglet.
Plus simple, pourquoi tu ne ferais pas un seul onglet avec tout les sous-forums dedans, ce ne serait pas plus simple?
Bisous~ | | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| Je ne sais pas comment faire, je m'y connais pas vraiment en code. | | |
|
| |
Kimi Sâto
{ Membre actif }
Messages : 335
| Eh bien comme ça, je ne peux pas te dire, tu as modifiée un de tes templates j'imagine. Je pourrais l'avoir s'il-te-plaît?Et si tu pouvais aussi me montrer le lien du tutoriel que tu as utilisée pour que je vois les étapes(même si j'imagine que ce n'est que des class et du positionnement)?
Bisous~ | | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| C'est le tuto de forumactif ( http://forum.forumactif.com/annonces-mises-a-jour-f1/astuce-affichage-des-forums-avec-onglets-t268946.htm?highlight=affichage+des+fourms) 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> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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"> <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}>
<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div> <div class="forum-description"> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> </div> <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links -->
</span> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td>
<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->
<!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </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 --> | | |
|
| |
Kimi Sâto
{ Membre actif }
Messages : 335
| Alors déjà, je n'avais pas remarquée, mais tu as une légère faute ici: - Citation :
- .forum-sousforum a{
Le a n'est pas dans le code de départ. Et tu avais légèrement modifiée quelque chose dans ton template, je ne sais pas si ça posait problème, alors le voici corrigé: - 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> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </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"> <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}>
<!---- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div> <div class="forum-description"> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> </div> <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links -->
</span> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td>
<!---- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </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 -->
Ensuite, si ce n'est toujours pas bon, dis-le-moi, mais là je n'ai pas trop le temps, bisous~ | | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| Merci, mais ça ne fonctionne pas: | | |
|
| |
Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour ^^
Ton problème est-il résolu ? | | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| |
| |
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.
| | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| |
| |
Radimir
{ Membre actif }
Messages : 459
| Eh ben >< faut juste changer le css pas besoin de toucher à autre chose en bref c'est des réglages assez simple .. Enfin voilà ton css , tu copie/colle ce dernier et ça devrait aller Ps :pour la petite virgule qui traine voilà un tuto https://css-actif.forumactif.org/astuces-f33/retirer-la-virgule-des-sous-forums-t6966.htm?highlight=virguleNote si tu as beaucoup de sous forum tu réduis cette valeur seulement - Code:
-
left:400px; Qui se trouve dans le forum-sousforum - Code:
-
/*--- Cette partie correspond à la description du forum ---*/ .forum-description { margin: auto; padding: 10px; color: #FFFFFF; width: 65%; border: 2px solid #FFFFFF; -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: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom: 0 none !important; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; color: #FFFFFF; font-size: 10px; font-style: italic; height: 14px; left: 350px; padding: 3px; position: relative; text-align: center; width: 170px;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/ .forum-sousforum a{ color: #FFFFFF; font: Georgia; border: 2px solid #FFFFFF; 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-left:5px; margin-top:10px; padding: 4px; color: #FFFFFF; width: 50%; text-align: right; height: 14px; font-size: 11px; left:200px; padding:5px; position:relative; z-index:auto; }
| | |
|
| |
Tiny ♥
{ Membre }
Messages : 80
| Alors. Merci ton aide. Donc voici ce que ça donne: - Spoiler:
Les virgules sont visible =/ . Et sinon, je voulais savoir si c'était possible de mettre les sous-forums dans la même bulle? Voici deux exemple que j'ai fais; https://2img.net/h/oi55.tinypic.com/141s3ed.jpg https://2img.net/h/oi52.tinypic.com/dvfwcg.jpg | | |
|
| |
Radimir
{ Membre actif }
Messages : 459
| |
| |
Tiny ♥
{ Membre }
Messages : 80
| Je l'ai pourtant fait le tuto. Je l'ai ajouté comme écrit le template de quoi? | | |
|
| |
Radimir
{ Membre actif }
Messages : 459
| Celui de l'index_box. Assure toi d'avoir ajouté le script dans l'autre template...
| | |
|
| |
Contenu sponsorisé
| |
| |
| Onglet du bas, catégorie. [TOUJOURS EN COURS] | |
|