Catégorie en onglet avec titre des catégories imagés =p

[Xin-chan]

Bonjouuur

Alors bien que j'ai utilisé la fonction recherché je n'ai pas trouvé ce que je cherche donc je me tourne vers vous !
Donc j'aimerai savoir le secret des catégories en onglet (si possible d'en mettre plusieurs dans un seul onglet) et comment faire en sorte que les titres soit imagés.

Merci beaucoup
Xin-chan

[Flighter-X]

Salut !

Si tu veux mettre tes catégories en onglet, remplace ton template index_box par ça :

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 colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
      </tr>
      <tr>
        <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
        <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
        <td class="my_stats" width="200" valign="top">
            Topics: {catrow.forumrow.TOPICS}

            Posts: {catrow.forumrow.POSTS}

            Dernier post: {catrow.forumrow.LAST_POST}

         
        </td>
      </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Tu publies. Ensuite, vas dans ton template overall_header, et tu cherches :

Code:

</head>

Et juste avant, tu colles ceci :

Code:

<script type="text/javascript" src="http://www.yourjavascript.com/0374901133/script.js" ></script>

Et une fois que tu as publié le tout, tu met ce 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;
}


Ensuite, tu modifies comme tu veux

Amicalement,

Flighter-X.

[Xin-chan]

Merciii
Mais avec ce code je ne peux pas faire des titres imagés et je l'ai vu sur un forum avec des images :/

[Flighter-X]

Sur quel forum ?

Enfin, parce-que je vois pas trop comment faire u_u'


Amicalement.

[LouSheeta]

Aurais-tu une image d'un forum sur lequel ça a été fait que l'on puisse avoir un aperçu de ce que tu recherche ?

[Xin-chan]

Je viens de revoir le forum est en fait il ont mis une image en fond ^^"

merci beaucoup pour le code Mais deux questions : comment mettre deux catégories dans un onglet ? et comment agrendir la largeur, car c'est pas asse large maintenant ><"

[Flighter-X]

Pour mettre deux catégories en onglet, tu en met une dans l'autre. Ou sinon tu en fais une grande et tu met les deux que tu veux dans la grande. Pour ce qui est de la hauteur, j'aurai besoin soit d'une capture, soit d'une précision, parce-que t'as demande est assez vague... Mais je crois que tout est à modifier dans ton CSS

Amicalement, Flighter-X.

[Xin-chan]

Humpf, j'ai pas compris le truc d'en mettre deux en une ^^" Tu peux ré-expliquer pliz ?

Alors je montre le fo test : http://usdesign.forumgratuit.org/

Enfait je trouve la catégorie pas asse large, j'ai l'impression qu'elle était beaucoup plus large, ou longue avant. J'aimerai soit au niveau du ministère et du réponse

[Flighter-X]

OK... (J'espère que je ne vais pas me gourer...)

Donc repère ça dans ton CSS :

Code:

<code>.my_modified_table{
  width: 80%;
  margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;

font-family: Verdana;
}</code>

Et dans :

Code:

<code>width: 80%;</code>

Tu replace 80% par la valeur que tu veux. Donc plus, si c'est ce que tu veux.



Amicalement, Flighter-X.

[Xin-chan]

C'est beaucoup mieux ! Merci beaucoup Et pour le truc des deux catégories ? :O

[Flighter-X]

Super !

Pour les catégories, essaie de créer une catégorie. Dans cette catégorie, met une de tes catégories plus une de ton choix. Là, ça te feras deu catégories dans un onglet. Si ça marche pas, bah je verrai, alors.

Amicalement, Flighter-X.

[Anzu]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[Xin-chan]

Tout est résolu en fait. Désolée j'avais complètement oublié