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

2 participants

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 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:
 - Afficher les catégories d'un forum avec des onglets. Truc_c10


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

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 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
avatar

Matriochka
Membre actif

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 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

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 Jeu 15 Juil 2010 - 19:54

UP
shaee

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 Sam 17 Juil 2010 - 9:41

UP
shaee

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 Dim 18 Juil 2010 - 11:36

UP
shaee

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 Lun 19 Juil 2010 - 14:23

UP
shaee

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 Mer 21 Juil 2010 - 13:29

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

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

- Sujets similaires

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