Catégories du forum en onglet.

[Florianx60]

Rappel du premier message :

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,

[Lixyr]

Je suis penchée sur le sujet, mais je répondrai ce soir. J'ai un train à prendre.

[Florianx60]

Bien reçu, merci d'avance

[Lixyr]

Huuuu ... tu as tout enlevé du code des templates ??? Parce que moi quand je rentre tes codes dans mon forum de test, j'ai aucun onglet. Oo


Enfin si, mais ils sont l'un en dessous de l'autre et se répètent. (apparaissent deux fois)


Et si tu essayais avec les codes donnés dans le lien que j'ai envoyé ? Hum ?
On se chargera de la remise en forme de ton forum après. Ça c'est pas un problème.

[Florianx60]

Ok, pacque j'avais trouvé quelque chose qui donnait une mise en formez qui ressemblait plus à ce que je voulais.
Je fais ça de suite


EDIT: Voilà c'est fait..
Maintenant pour l'apparence :/
Je vous fais confiance parce que je ne suis pas convaincu :/.

Les derniers truc à régler c'est l'apparence et ré-afficher le colonne dernier message.
Et aussi au lieu de mettre le fond du forum en fond, mettre le truc normal des colonnes

[Lixyr]

Oki, merci.

Alors si je pouvais avoir le template entier, modifié, que je puisse voir à quoi il ressemble et vous expliquer comme remettre la colonne des messages.
D'ailleurs en parlant de ça, vous voulez retrouver les colonnes d'origine, ou une seule colonne qui affiche le dernier sujet avec la date ?

Ensuite il faudra me dire ce que vous voulez retrouver dans l'apparence du forum,que ce soit le fond, les couleurs, etc.

[Florianx60]

Le template est le même que celui donné sur le tutoriel, j'ai fais tout exactement pareil.
Pour le CSS, j'ai juste modifié quelques couleurs.
Ensuite je veux juste la colonne dernier message avec seulement dedans le pseudonyme du dernier posteur ( pas besoin du nombre de sujet et messages ) et puis aussi la colonne ou y'a les forums et leurs catégories ( pour que y'ai l'image de la barre.

Je voudrais, au lieu d'avoir la couleur de l'intérieur du cadre du forum en fond, que se soit, le truc banal . ( j'ai mis une image moi ), remettre le fond des catégories normal avec les couleurs modifiables dans couleurs.
Puis après, je pense que c'est tout. Merci d'avance

Template quand même:

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>

Code CSS:

Code:

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

td.row1{ background-image: url("http://img837.imageshack.us/img837/7053/fondcatgrisff.png");}
td.row2{ background-image: url("http://img837.imageshack.us/img837/7053/fondcatgrisff.png");}
td.row3{ background-image: url("http://img837.imageshack.us/img837/7053/fondcatgrisff.png");}

.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: 100%;
}


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

font-family: Calligraph421 BT;
}

.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 #211E1A;

}
.my_title{
  text-align:center;
  font-size: 14px;
font-family: Arial;
}

.my_cat_body{
border: 1px solid #0F0D0B;
-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: #24211C;
width: 200px;
font-family: Arial;
font-weight: bold;

}
.my_cat a{
text-decoration: none !important;
color: #000;
}


[Lixyr]

Alors, pour le template index_box, j'ai ceci :

Spoiler:

Sans oublier le template overall_header ...

Alors comme il est configuré, j'ai rajouter 3 <th> qui sont des titres de lignes/cellule :

<tr>
<th style="text-align:left"></th>
<th 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" /></th>
<th style="text-align:right"></th>
</tr>

seulement je n'ai pas mis de noms aux titres pour qu'ils n'apparaissent pas. Libre à vous d'en mettre après, seulement, sachez qu'ils apparaitrons
au dessus de toutes les images et au dessus de tous les forums.
Pareil pour le titre de la colonne des sujet et dernier message.

Et pour le css (seulement la partie des onglets) j'ai ceci :

.my_modified_table{
width: 100%;

margin-top: 5px !important;

font-family: Calligraph421 BT;
}

.my_forum_name{
display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
text-align:left;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{

width: 20%;
text-align:right;
}

.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid #211E1A;

}
.my_title{
text-align:center;
font-size: 14px;
font-family: Arial;
}

.my_cat_body{
border: 1px solid #0F0D0B;
-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: #24211C;
width: 200px;
font-family: Arial;
font-weight: bold;

}
.my_cat a{
text-decoration: none !important;
color: #000;
}
.my_cat a:hover {
text-decoration: none !important;
color: #FFFFFF;
text-shadow: 3px 3px 4px #666;
}

Par contre pour ce qui est de ceci :

.my_modified_table{
width: 100%;

J'ai modifié ou rajouté ce qui apparait en orange. Vous pouvez le modifier comme vous le voulez; surtout pour ce qui est de text-align:right;

je vous conseille de le laisser comme ça.
Alors le truc, c'est que comme vous aviez donné une taille précise de 80% à votre cadre et un padding/margin le contenu du forum après modification du template sortait du cadre.
J'ai donc modifié ça comme ça pour que le contenu et le cadre soit de même largeur : 100%.


Bon, ensuite, pour ce qui est du fond de mes catégories, les miennes sont noires, ce qui est normal, donc je pense que les votre devraient être de la couleur souhaitée, non ?
Sinon, j'ai des fond de cadre qui sont gris, c'est une image de fond grise, je suppose que c'est ce que vous vouliez.


Vous avez dit :

Je voudrais, au lieu d'avoir la couleur de l'intérieur du cadre du forum en fond, que se soit, le truc banal . ( j'ai mis une image moi ), remettre le fond des catégories normal avec les couleurs modifiables dans couleurs.

Pour ça, il faut modifié ce que vous avez mis dans votre css; donc cette partie là :

td.row1{ background-image: url("https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png");}
td.row2{ background-image: url("https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png");}
td.row3{ background-image: url("https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png");}

soit vous supprimez les images, soit vous mettez une image transparente, soit vous mettez la couleur directement ici, soit vous enlevez cette partie pour pouvoir modifier les couleurs via le PA/gestion des couleurs.

Comme vous voulez.

Si question persiste, ou que ça ne fonctionne pas bien ... n'hésitez pas.

*edit*
vous pouvez voir mon fofo test pas très esthétique pour avoir un aperçu.

[Florianx60]

Pour le fond, normalement l'image doit y être vu que c'est fais comme ça :/
Pas normal..
L'ancien truc que j'avais mis on voyais bien le fond ( meme les couleurs ).
Jessaie de suite
________________
Maintenant il ne manque plus qu'à essayer de bien remettre le fond des messages normal + le dernier post écris dans la barre.
( désolé du temps que je vous prend )

[Lixyr]

Le fond des messages, c'était une couleur ou une image ?

Essayez de le faire via la gestion des couleurs ?

[Florianx60]

Le fond pour les catégories c'était une image, même si je l'enlève, ce fond sera toujours l'intérieur du cadre du forum.
Et moi le cadre, à cause de ma bannière ( que je ne peux pas mettre transparente, je suis obligé de le laisser noir )

[Lixyr]

Mais vous voulez cette image pour le fond des catégories ou vous voulez l'enlever ?

[Florianx60]

Oui, je veux cette image (https://2img.net/r/ihimizer/img837/7053/fondcatgrisff.png) pour le fond des catégories, pas l'enlever.

[Lixyr]

Alors tout dépend où vous voulez l'image.

Si vous la voulez en fond de toute la catégorie, vous mettez

Code:

background-image: url("http://img837.imageshack.us/img837/7053/fondcatgrisff.png");

Dans

.my_modified_table

seulement ça ne prend pas en compte le titre du forum, donc si vous la voulez là aussi, il faut la mettre dans

.myfoo_title

et ensuite dans le css, dans les titres qui correspondent aux deux tableaux des images et des statistiques :

Code:

<th style="text-allign:left"></th>

et

Code:

<th style="text-align:right"></th>


[Florianx60]

Bien merci.
Et les deux derniers, je les met ou?

[Lixyr]

Ils sont dejà dans votre template si vous avez recopié celui que je vous ai donné précédemment. Il suffit de les retrouver et de rajouter le code qui permet de rajouter une image en fond de cellule, ligne ou titre.

Code:


<th style="background-image: url(http://img837.imageshack.us/img837/7053/fondcatgrisff.png);"> 

[Florianx60]

Je voudrais que la barre soit en haut de tout(j'en ai pris une au hasard dans le forum). Je veux qu'elle soit en haut des titres de forums ( pas de chaque titres, du premier seulement ) et en dessous de la barre donglets
Barre:

Spoiler:

____________________________
Pour votre code à insérer dans le CSS, il fait le tour du cadre, ce n'est pas ce que je veux. Je souhaiterais qu'il fasse un tableau, comme sur un forum basique, qu'il sépare l'image, la description, dernier message puis qu'il sépare aussi entre chaque noms de forums.

Pour votre deuxième code, je l'insère où? ( je n'ai pas testé pour lui )

[Lixyr]

Qu'appelez vous la barre ?? Si vous voulez bien faire un screen et entourer ce que vous appelez "barre" ?

Alors pour le cadre et les cellules, ben là dans le css vous pouvez changer la couleur du cadre :


.my_modified_table {
border: 2px solid red;
etc
}

vous modifiez comme vous voulez, et pour les cellules, via le CSS, ça ne marche pas. Je vous conseillerai donc d'aller directement dans le template.
Le code pour que les bordures soient colorées :

Code:

<table border=2 bordercolor="blue"> </table>
<tr border=2 bordercolor="blue"> </tr>
<th border=2 bordercolor="blue"> </th>
<td border=2 bordercolor="blue"> </td>

Comme vous voulez, choisissez selon votre cas.

[Florianx60]

Je voudrais que la barre soit en haut de tout(j'en ai pris une au hasard dans le forum). Je veux qu'elle soit en haut des titres de forums ( pas de chaque titres, du premier seulement ) et en dessous de la barre donglets
Barre:

Spoiler:

____________________________
Pour votre code à insérer dans le CSS, il fait le tour du cadre, ce n'est pas ce que je veux. Je souhaiterais qu'il fasse un tableau, comme sur un forum basique, qu'il sépare l'image, la description, dernier message puis qu'il sépare aussi entre chaque noms de forums.

Pour votre deuxième code, je l'insère où? ( je n'ai pas testé pour lui )

[Lixyr]

Je vous conseillerai donc d'aller directement dans le template.
Le code pour que les bordures soient colorées :

Le code est à insérer dans le template, dans les <td>

--------

Pour que le fond des catégories n'apparaissent qu'une fois je ne pense pas que ce soit possible, alors je vous laisse poster un nouveau sujet pour ça. ^^

Pour que l'image apparraisse sous les onglets, je ne trouve pas la variable correspondante, alors je vous suggère de le faire vous même via le template, et de rentrer ce code en dessous du code des onglets :

Code:

<body background="URL DE VOTRE IMAGE DE FOND DE CATEGORIE OU TITRE"> /// etc /// </body> 

[Florianx60]

Là ce que j'avais fait, j'avais réussis à supprimer Tous les fonds des catégories.
Et votre code, j'ai essayé de le mettre, il ne se met qu'en haut des onglets ou nulpart.

Pour les cadres, ça ne marche pas :/

[Lixyr]

Bon alors.

-pour les cadres des cellules, dans le template, si vous mettez border="1" dans

Code:

<table class="my_modified_table" width="100%" border="1" cellspacing="1" cellpadding="0">

vous aurez les cellules et leur cadre d'afficher, mais je ne sais pas si ça vous plaira. En espérant que si ...
Sinon je chercherai autrement, ou on cherchera une autre configuration.


- pour l'image de fond des titres, je vous laisse ce code qui marche bien mieux que le code précédent, c'est le code html tout simple des images :

Code:

<img src="http://i20.servimg.com/u/f20/14/50/55/75/barre11.png" border="0" alt="" />

Vous le placez où vous voulez dans le template.


*edit*
Si l'image apparait trop grande ou trop épaisse, vous pouvez changer sa taille avec ce code :

Code:

<img src="URL DE L'IMAGE" width="CHIFFRE CORRESPONDANT A LA LARGEUR" height="CHIFFRE CORRESPONDANT A LA HAUTEUR" border=0>

*fin edit*

[Florianx60]

Super merci beaucoup.
Au niveau des cellules, il y aurait juste une ligne a enlever entre le nom du forum et de la description, pensez vous que c'est possible?
Et pour écrire quelque chose dans la barre, j'ai essayé avec la balise ul sa ne marche pas, enfin sa l'écris pas dessus mais en dessous ou au dessus. Est-ce possible aussi?

( désolé davoir toujours quelque chose à demander )

[Lixyr]

Oui c'est possible :

Code:

<th style="border-bottom: 0px solid red ; etc etc ">

Faites attention par contre, à votre contenu qui doit se trouver, si ça fait partie de la div style, ici fusionnée dans le titre, ça doit être de cette forme-là :
< th style="contenu; contenu; contenu;">

Il faut obligatoirement deux " " et non pas un ou plus. Le contenu de la style est séparé par point virgule : ;

Bon après s'il y a des erreurs, je corrigerai ça.

Exemple pour votre cellule de titre :

Code:

<th class="my_title" align="center" style="border-bottom: 0px solid red ; background-image: url(http://img837.imageshack.us/img837/7053/fondcatgrisff.png);"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></th>

*a édité le code*

[Florianx60]

Votre code c'est pour les cadres?

Le premier quand on le met dans le div style sa donne ça:
<style="border-bottom: 0px solid red ; etc etc ">

?

[Lixyr]

^^ Je suis toujours en train d'éditer ... x )

Le code pour le titre c'est ça :

Code:

<th style="border-bottom: 0px solid red ; etc etc  contenu; contenu; etc">

Bon il reste une fine ligne, qui techniquement devrait pas être là mais comme le border est à un "1" ...

C'est pour enlever le trait sous le titre du forum qui le sépare de la description.

Par contre pour le texte dans la barre, j'ai pas vraiment compris.

[Florianx60]

Le code pour le titre de quoi?


Pour le text, je voudrais mettre un texte dans la barre qu'on viens d'ajouter

EDIT:
Joli votre code, il faudrait juste que du côté IMG sa fasse comme le coté dernier message, que y'ai pas autant de cadres et puis ce sera bon pour ça je pense

[Lixyr]

Au niveau des cellules, il y aurait juste une ligne a enlever entre le nom du forum et de la description, pensez vous que c'est possible?

<~ le code du titre correspond à cette demande là.

-------------------------

Ben si la barre est une image, je ne vois pas comment mettre un texte. Le texte vous le voulez sur la barre ?
Sinon vous écrivez le texte directement sur l'image, avec un logiciel de graphisme.

-------------------------

Pour le côté "image", vous voulez enlever quelles lignes de cellule ?



*edit*
petite précision : dans le template vous pouvez ajouter ces indications pour que les lignes des cellules soient moins épaisses, déjà :

<table class="my_modified_table" width="100%" border="1" cellspacing="0" cellpadding="0">

[Florianx60]

Ok Merci.
Maintenant, avec ce que vous m'avez fait, est-ce possible de faire pareille du coté de limage que du coté de la partie dernier message?
Vous comprenez?

[Lixyr]

Oui, et bien c'est le même system, pour les titres :

<th style="border-bottom: 0px solid red ; etc etc contenu; contenu; etc">

=>

Code:

<th style="border-bottom: 0px solid red; text-align:left; background-image: url(http://img837.imageshack.us/img837/7053/fondcatgrisff.png);">  </th>

Code:

<th style="border-bottom: 0px solid red; text-align:right; background-image: url(http://img837.imageshack.us/img837/7053/fondcatgrisff.png);"></th>

A remanier selon votre code actuel.
S'il faut aussi changer des lignes dans les cellules, et non les titres, le procédé est le même, mais dans la partie qui correspond aux cellules :

<td style="border-bottom: 0px solid red ; etc etc contenu; contenu; etc">

=>

<td ETC class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
<td ETC class="my_disc" width="300" valign="top">{catrow.forumrow.FORUM_DESC}</td>
<td ETC class="my_stats" width="200" valign="top">

[Florianx60]

Avec votre premier code, sa ne change rien