Template, mettre les liens des sous forum à droite
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Template, mettre les liens des sous forum à droite
Bonjour à tous, actuellement je code un forum, j'avais modifié les catégories de sorte à ce que ce soit un peu plus joli mais finalement j'aimerai que les catégories ressemblent à celles là : http://XXXXX.forumactif.org/
Autrement dit, j'aimerai que le nombre de messages soit à nouveau placer à droite là où on sait qui à poster le dernier message, et que les liens des sous forum soient mis sur la droite, comme avec un tableau...
Merci beaucoup d'avance.
Autrement dit, j'aimerai que le nombre de messages soit à nouveau placer à droite là où on sait qui à poster le dernier message, et que les liens des sous forum soient mis sur la droite, comme avec un tableau...
Merci beaucoup d'avance.
Dernière édition par Play Doh le Mar 21 Juin 2011 - 15:01, édité 2 fois (Raison : retrait de l'adresse du forum donné en exemple)
Re: Template, mettre les liens des sous forum à droite
Bonjour,
Les demandes afin de copier une grande partie d'un forum sont interdites, j'ai retiré l'adresse du forum mis en exemple, il est d'ailleurs sous copyright. Merci de faire un croquis personnalisé de ce que vous souhaitez.
Cordialement.
Les demandes afin de copier une grande partie d'un forum sont interdites, j'ai retiré l'adresse du forum mis en exemple, il est d'ailleurs sous copyright. Merci de faire un croquis personnalisé de ce que vous souhaitez.
Cordialement.
Invité- Invité
Re: Template, mettre les liens des sous forum à droite
D'accord désolée. Bah je veux remettre le template de base, car moi j'ai déplacé les nombres de messages sur la colonne " général " ou il y a la description donc je voudrai qu'ils retournent dans la colonne de droite, le template normal quoi.
Et ensuite j'aimerai si possible savoir comment faire pour que les liens vers les sous forum soient mis sur la droite de la colonne, comme si la colonne était séparée en deux : la partie description sur la gauche, la partie liens sur la droite. Après je pense qu'on peut le faire directement dans le forum en faisant un tableau dans le html mais je préférai que cela se fasse automatiquement dans le template. merci
Et ensuite j'aimerai si possible savoir comment faire pour que les liens vers les sous forum soient mis sur la droite de la colonne, comme si la colonne était séparée en deux : la partie description sur la gauche, la partie liens sur la droite. Après je pense qu'on peut le faire directement dans le forum en faisant un tableau dans le html mais je préférai que cela se fasse automatiquement dans le template. merci
Re: Template, mettre les liens des sous forum à droite
Bonjour,
Pour réaliser cela, il faut modifier le template Index-box, et le remplacer par:
Ce qui a changé par rapport au template de base:
- J'ai supprimé les colonnes sujets et messages.
- J'ai placé les statistiques dans la colonne derniers messages, au dessus du lien du dernier message.
- J'ai déplacé les sous-forums.
- J'ai ajouté un tableau qui regroupe la description et les sous-forums.
- J'ai créé des class dans ce tableau pour la ligne de séparation et le fond des sous-forums.
- J'ai placé une div autour de la description pour permettre de mettre une couleur de fond.
- J'ai ajouté le script qui retire les virgules entre les sous-forums.
Ensuite ajoutez ceci dans votre CSS:
Enfin, ajoutez un saut de ligne à la fin de chacun de vos sous-forums (<br>) de manière à ce qu'ils se mettent les uns en dessous des autres.
Le résultat:
Cordialement.
Pour réaliser cela, il faut modifier le template Index-box, et le remplacer par:
- 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>
<!-- 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>
</span>
</h{catrow.forumrow.LEVEL}>
<table width="100%"><tr><td class="sep" width="85%"><div><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td width="15%"class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></td></tr></table>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS} sujets | {catrow.forumrow.POSTS} messages
{catrow.forumrow.LAST_POST}</span>
</td>
</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 -->
Ce qui a changé par rapport au template de base:
- J'ai supprimé les colonnes sujets et messages.
- J'ai placé les statistiques dans la colonne derniers messages, au dessus du lien du dernier message.
- J'ai déplacé les sous-forums.
- J'ai ajouté un tableau qui regroupe la description et les sous-forums.
- J'ai créé des class dans ce tableau pour la ligne de séparation et le fond des sous-forums.
- J'ai placé une div autour de la description pour permettre de mettre une couleur de fond.
- J'ai ajouté le script qui retire les virgules entre les sous-forums.
Ensuite ajoutez ceci dans votre CSS:
- Code:
/*ligne de séparation entre description et sous-forums*/
.sep{
border-right: 3px solid #fff;/*épaisseur style et couleur de la ligne*/
}
/*fond description*/
.descrip{
background-color: #fff;/*couleur de fond*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;/*arrondis*/
border-radius: 8 px;
padding: 5px;/*marge intérieure*/
margin: 5px;/*marge extérieure*/
}
/*sous-forums*/
.sousfo{
background-color:#fff;/*couleur de fond*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;/*arrondis*/
border-radius: 8 px;
padding: 5px;/*marge intérieure*/
}
Enfin, ajoutez un saut de ligne à la fin de chacun de vos sous-forums (<br>) de manière à ce qu'ils se mettent les uns en dessous des autres.
Le résultat:
Cordialement.
Invité- Invité
Re: Template, mettre les liens des sous forum à droite
Mercii encore une petite question, si je veux rajouter des liens, mais pas ceux des sous forums, par exemple pour la partie administration j'aimerai rajouter les liens contexte, règles etc. comment dois-je faire ?
merci
merci
Re: Template, mettre les liens des sous forum à droite
Vous pouvez les ajouter manuellement dans la description avec le code suivant:
Si vous préférez faire une présentation personnalisée, alors il faudra passer par la description de chaque forum et faire cela manuellement, et créant, pour chaque forum, un tableau avec la description, et les liens à coté. Et dans ce cas la modification du template n'est pas nécessaire. Je vous donne l'ébauche du code pour essayer si vous le souhaitez:
dans panneau d'admin' > général > catégorie et forum, placez dans description pour chaque forum:
Cordialement.
- Code:
<a href="adresse de la page">nom du lien</a>
Si vous préférez faire une présentation personnalisée, alors il faudra passer par la description de chaque forum et faire cela manuellement, et créant, pour chaque forum, un tableau avec la description, et les liens à coté. Et dans ce cas la modification du template n'est pas nécessaire. Je vous donne l'ébauche du code pour essayer si vous le souhaitez:
dans panneau d'admin' > général > catégorie et forum, placez dans description pour chaque forum:
- Code:
<table width="100%"><tr><td class="sep" width="85%"><div class="descrip">votre description</div></td><td width="15%" class="sousfo">vos liens</td></tr></table>
Cordialement.
Invité- Invité
Re: Template, mettre les liens des sous forum à droite
Oui d'accord, merci beaucoup ! Je vais mettre résolu!
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum