Catégories du forum en onglet.

[Florianx60]

Bonjour,

Voilà, j'aimerais avoir les catégories de mon forum en onglet et la place 'tel messages dans tel sujet" comme ici:


Je vous remercie à l'avance de l'aide que vous me porterez.
Bonne journée,

[Florianx60]

Je me permet d'up parcequ'il est déjà en deuxième page.
Mise à part ce problème d'onglet là.

Je fais également des onglets en page d'accueil, j'y suis arrivé sauf que le moment ou on demande d'héberger un fichier js me pose problème.
J'ai trouver des hébergeur sans problèmes mais l'adresse ne va pas bien.
Donc merci à celui qui passera de bien vouloir m'héberger et me donner le "lien" de ce fichier en js:

Code:

function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }         
}

Merci d'avance

( problème en premier plan toujours pas réglé )

[Neptunia]

Bonsoir !

Pourrions nous avoir l'URL de votre forum svp ?

[Florianx60]

Forum ici

[Florianx60]

E tant que je suis dans le banc des réclamants.
Si ce n'est trop demandé, à la place d'onglets en page d'accueil, j'aimerais avoir des cadres comme ceci:
http://imaginarium-rpg.forumactif.com/forum.htm
Je n'ai pas trouvé non plus comment faire :X
( mais je reste sur l'idée des onglets pour les catégories )

[Neptunia]

Voici le tutoriel servant de base à ce que vous souhaitez obtenir.
Suppression des colonnes "Sujets" et "Messages".

Au vu de votre forum, je pense que vous connaissiez déjà ce tutoriel.
Je ne pourrais vous aider plus !
Cependant je pense que celui ou ceux qui prendront le relais seront ravis de voir l'intégralité de votre template Index_Box (sous balise [code] ou [spoiler] ) afin de mieux vous aider à solutionner votre souci.
► Panneau Admin
► Onglet Général
► menu Templates ► Général
► index_box

[Florianx60]

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>
<!-- 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><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.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>
        <!-- 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 -->

Voici.
Je l'ai modifiée pour je ne sais plus quels raisons. Pour les supressions des colones il me semble

[Anzu]

Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : Mail de fondation - Ce qu'il ne faut pas faire Listing - Questions/Réponses fréquentes Listing - Trucs et astuces La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Bonjour,

A l'avenir, merci de bien vouloir respecter les règles, sinon votre topic sera verrouillé

Cordialement.

[Florianx60]

J'en suis désolé .

Mais j'avais regardé auparavant dans ces sujets là, rien n'y figurait.
Mon problème persiste toujours . :/

[Florianx60]

Up

[Florianx60]

Up

[Lixyr]

Un site hébergeur ici

Simple d'accès, il suffit de le remplir, de stipuler son adresse pour récupérer le lien. Ensuite de copier ce lien, et de coller l'url dans le code correspondant à l'insertion des fichiers javascript, en rajoutant bien un .js à la fin de l'url.

[Florianx60]

Je te remercie pour cela.
Maintenant il me faudrait les informations pour avoir mes catégories en onglet.

[Lixyr]

Il y a eu des indications ci-dessus, sinon il y a des sujets qui ont déjà traité de ça, il suffit de chercher.

[Florianx60]

J'ai déjà cherché, rien n'expliquait vraiment.

[PAPARAZZI™]

Les sujets qui sont sensés traiter de ce sujet sont soit déplacés, soit les informations sont incomplètes.
C'est à croire qu'on cherche à cacher le moyen de faire pareil --'

[Florianx60]

Up.

[Florianx60]

Up.

[Lixyr]

Pas du tout, puisque mes infos perso je les ai trouvées sur le forum, ici-même.
Il suffit de le retrouver, et d'ESSAYER, parce que c'est sûr que de demander le code tout fait, ben ça apprend rien.

Comme quoi, les infos ne sont pas cachées, c'est juste que vous cherchez mal >__> la réponse est ici, dans Archives de la Section "Gérer l'apparence de son forum".

Ouais ... .

[Florianx60]

C'est gentil de te part merci :/.
Je cherche surtout à avoir les onglets sans trop toucher à l'apparence des catégories , là même en modifiant les CSS sa donne pas le fond normal d'une catégorie.
Juste des onglets, le reste normal, je modifierais moi même :/

[Lixyr]

Tout le code sur la graphisme des catégories se retrouve dans le css lié aux onglets, donc si tu veux retrouver ton fond normal tu le modifie via le css. Après, ça dépend de ce que tu veux retrouver, mais ça peut se faire ici.
Ou alors tu supprimes les modifications apportées dans le css que tu ne souhaites pas, mais bon, ça peut te défigurer ton fofo après si tu te trompes.

[Florianx60]

En changeant les couleurs y'avait rien pour changé le fond il restait noir.. Je ne suis pas trop un noob en CSS je sais quand même changé les couleurs mais le fond ne se changeait pas

[Lixyr]

Si c'est le fond, du forum ou des catégories, ça se passe dans la gestion des couleurs dans le Panneau.

" Les couleurs de fond " ou " Les contours ".

Y a que le fond des onglets qu'on change dans le css.

[Florianx60]

D'accord merci.
Et pour remettre le cadre "dernier message" auriez vous une idée?

[Lixyr]

Et bien ... je pense. @__@ Pourquoi l'avoir enlevé si c'est pour le remettre ? A moins que vous ne vouliez pas tout remettre. Dans ce cas il faudrait être précis dans la demande, au mieux faire un schéma, et donner ce que vous avez déjà dans votre template index-box.

Ensuite, je pourrais réfléchir à remettre une colonne pour les derniers messages.

[Florianx60]

J'ai fais quelque chose, j'y suis arrivé. ( pour la colonne et tout )
Maintenant le soucis c'est que les onglets sont "collés" complètement (j'ai pas encore mis d'images c'est en texte mais meme quand je met image cest collé) et dans le CSS je ne vois rien qui pourrais les décoller ..

[Lixyr]

On peut avoir un lien où tu fais tes tests, ou le forum où tu fais ça ? Ce serait plus pratique.

[Florianx60]

Je vous envoie un MP.

[Lixyr]

Effectivement.

Donc pour la colonne des messages vous n'avez plus besoin ?

Pourrais-je avoir le css et le template avec vos modifications, pour voir comment changer ça ?

Essayez tout du moins directement de mettre un

width: 100% !important;

dans le passage

.my_cat ul

du CSS. Si ça ne marche pas, postez le css des onglets et le template modifié.

[Florianx60]

Cela ne marche pas.

Voici mon CSS:

Code:

a { text-decoration: none; }
body  {
background-position:  center;
}

.bodylinewidth {
width:900px}


dl.icon {
min-height: 48px;
background-position: left top;
background-repeat: no-repeat;
height: auto !important;
}
ul.topics dt {
padding-left: 48+555px;
display: block;
float: left;
width: 10%;
}


.my_cat ul {
width: 100% !important;
}

.cat_forum {
-moz-border-radius: 10px;
border: 4px ridge #000000;
background-color: #000000;
margin: auto;
margin-bottom:30px;
}


.onglet {
display:inline-block;
height:22px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:8px auto auto;
margin-top:30px;

}


.onglet li {
float:left;     
list-style-type:none;
}


.onglet li a {
display:block;
text-decoration:none;
margin-left:5px;
}


.onglet li a:hover {
background:#000000;
color:#FC244F;
}



.onglet_actif {
background: #000000;
}


#echange, #amusement, #administration {
display : none;
}

li img
{
opacity:0.7;

filter : alpha(opacity=70);
}


li img :hover
{
opacity:1;
filter : alpha(opacity=100);
}


onglet_nactif
{

opacity:0.7;
filter : alpha(opacity=70);
}

li img :hover
{
opacity:1;
filter : alpha(opacity=100);
}

Ainsi que mon template:

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>

<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

var i = 0;

document.write('<div align=&quot;center&quot;>
<ul class=&quot;onglet&quot;>

<li onMouseOver=&quot;change_cat(0);&quot; class=&quot;onglet_actif&quot;><div  id=&quot;cat_0&quot;><span class=&quot;text&quot;>Il Viale Publicco</span></div></li>
<li onMouseOver=&quot;change_cat(1);&quot; class=&quot;onglet_actif&quot;><div  id=&quot;cat_1&quot;><span class=&quot;text&quot;>La Proprietà</span></div></li>
<li onMouseOver=&quot;change_cat(2);&quot; class=&quot;onglet_actif&quot;><div  id=&quot;cat_2&quot;><span class=&quot;text&quot;>La Cantina</span></div></li>

 






</ul>
</div>
');

var compteur_cat = 0;

var anc_cat = 0;

var nom_cat = new Array('0','1','2','3');

 
function change_cat(numero)
{
 document.getElementById(nom_cat[anc_cat]).style.display = 'none';
$('#'+nom_cat[numero]).fadeIn();
 document.getElementById('cat_'+nom_cat[anc_cat]).className = 'onglet_nactif';
 document.getElementById('cat_'+nom_cat[numero]).className ='onglet_actif';
 anc_cat = numero;
}

function capture_cat()
{
if(nom_cat[compteur_cat] == nom_cat[0])
{document.write('<table class=&quot;forumline&quot; id=&quot;' + nom_cat[compteur_cat] + '&quot; >');
}
else{
 document.write('<table class=&quot;forumline&quot; id=&quot;' + nom_cat[compteur_cat] + '&quot; style=&quot;display:none;&quot;>');
}
compteur_cat++;
}

//-->
</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
capture_cat();
//-->
</script>   

<!-- FIN MODIF ONGLETS -->

<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><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.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>
<!-- 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 -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->