Afficher les catégories d'un forum avec des onglets.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Afficher les catégories d'un forum avec des onglets.

Message par shaee le Mer 14 Juil 2010 - 14:14

Bonjour,

J'aimerais savoir comment faire pour afficher les catégories d'un forum avec des onglets. Voici ce à quoi je pense:


Dernière édition par shaee le Mer 21 Juil 2010 - 13:29, édité 1 fois

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher les catégories d'un forum avec des onglets.

Message par Matriochka le Mer 14 Juil 2010 - 14:17

Bonjour,
L'astuce a été donnée sur CSSActif.

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}<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 -->
      <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}<br />
            Posts: {catrow.forumrow.POSTS}<br />
            Dernier post: {catrow.forumrow.LAST_POST}<br />
           
        </td>
      </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Dans overall_header_new, place
Code:
<script type="text/javascript" src="http://www.yourjavascript.com/0374901133/script.js" ></script>
Avant la balise </head>

Et enfin, dans ta feuille de style :
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;
}
À modifier selon ton envie

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher les catégories d'un forum avec des onglets.

Message par shaee le Mer 14 Juil 2010 - 14:41

Mais je ne veux pas avoir un code tout prêt, je veux juste savoir ce que je dois modifier dans mon template pour que je puisse comprendre le code.

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher les catégories d'un forum avec des onglets.

Message par shaee le Jeu 15 Juil 2010 - 19:54

UP

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher les catégories d'un forum avec des onglets.

Message par shaee le Sam 17 Juil 2010 - 9:41

UP

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher les catégories d'un forum avec des onglets.

Message par shaee le Dim 18 Juil 2010 - 11:36

UP

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher les catégories d'un forum avec des onglets.

Message par shaee le Lun 19 Juil 2010 - 14:23

UP

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Afficher les catégories d'un forum avec des onglets.

Message par shaee le Mer 21 Juil 2010 - 13:29

Finalement, j'ai trouvé une solution à mon problème.

shaee
****

Féminin
Messages : 219
Inscrit(e) le : 12/02/2009

http://harmonia-rpg.forumactif.org/
shaee a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum