Mettre mes sous-forums de cette manière
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Mettre mes sous-forums de cette manière
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui, le 18/06/15
Lien du forum : lien supprimé
Description du problème
Bonjour,Actuellement mes liens "sous forums" sont en dessous la description de ma catégorie mais j'aimerai faire un cadre avec la liste de liens entre la description et la colonne dernier message. Je veux savoir comment faire ça, et le déplacer au bon endroit, car je n'ai pas trouvé. J'avais réussi à faire un cadre avec les liens mais je n'arrivais pas à le placer au bon endroit, du coup, j'ai remis mon ancien template modifié avec les sous forums en dessous de la description. Je veux juste le code à mettre, et je m'occuperai de le personnaliser au pire.
C'est ce code que j'ai mi dans mon template pour mettre mes liens dans un cadre mais je n'arrive pas à le placer comme il faut :
- Code:
<div class="sous_forum"><span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
</script></div>
Le shéma :
Mon template modifié que j'ai actuellement avec mes sous forums en dessous de la description :
- 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="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
<div class="catégoz" align="center">{catrow.tablehead.L_FORUM}</div><br />
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td align="left" valign="top">
<div class="forumtitre">
<a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
<table width="100%" cellpadding="5" cellspacing="0" class="fond_global_cat"><br />
<tr>
<td valign="top" align="right">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td><align="center" valign="top">
<div class="statdescrip">
<div class="descrip_bloc"><span class="genmed"> {catrow.forumrow.FORUM_DESC}</span>
</div>
</div>
<div class="sousfofo">
<div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div></div></td>
<td align="center" valign="top">
<div class="stat_general">
<span class="genmed"><div class="stat1">
{catrow.forumrow.TOPICS} Sujets | {catrow.forumrow.POSTS} Messages</div></span>
<!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>
</td>
</tr>
</table>
</td></tr>
<link href='http://fonts.googleapis.com/css?family=Dancing Script' rel='stylesheet' type='text/css'>
<!-- 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 -->
Merci de votre attention
Dernière édition par Lilynufare le Dim 21 Juin 2015 - 17:29, édité 2 fois
Lilynufare- ****
- Messages : 242
Inscrit(e) le : 22/08/2012
Re: Mettre mes sous-forums de cette manière
Bonjour,
Les balises rouges dans votre template indiquent qu'il y a des erreurs dans le codage ^^"
Remplace votre template par le suivant :
Les sous-forums devraient être en liste.
Puis vous pouvez utiliser en code css pour mettre en forme chacun des liens, par exemple :
Après je n'ai pas bien compris où vous souhaitiez mettre les liens une fois qu'ils sont en liste...
Les balises rouges dans votre template indiquent qu'il y a des erreurs dans le codage ^^"
Remplace votre template par le suivant :
- 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>
<link href='http://fonts.googleapis.com/css?family=Dancing Script' rel='stylesheet' type='text/css'>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="catégoz" align="center">{catrow.tablehead.L_FORUM}</div>
<br />
<table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<!-- END inc -->
<td align="left" valign="top">
<div class="forumtitre">
<a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</div>
<br />
<table width="100%" cellpadding="5" cellspacing="0" class="fond_global_cat">
<tr>
<td valign="top" align="right">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td align="center" valign="top">
<div class="statdescrip">
<div class="descrip_bloc">
<span class="genmed"> {catrow.forumrow.FORUM_DESC} </span>
</div>
</div>
<div class="sous_forum">
<span id="subforums">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
</script>
</div>
</td>
<td align="center" valign="top">
<div class="stat_general">
<span class="genmed">
<div class="stat1">
{catrow.forumrow.TOPICS} Sujets | {catrow.forumrow.POSTS} Messages
</div>
</span>
<!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<span class="gensmall">
{catrow.forumrow.LAST_POST}
</span>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- BEGIN inc -->
<!-- END inc -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Les sous-forums devraient être en liste.
Puis vous pouvez utiliser en code css pour mettre en forme chacun des liens, par exemple :
- Code:
.sous_forum a {
display: inline-block;
width: 100px;
background-color: red;
margin: 1px;
padding: 2px;
font-variant: small-caps;
}
Après je n'ai pas bien compris où vous souhaitiez mettre les liens une fois qu'ils sont en liste...
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Mettre mes sous-forums de cette manière
Bonjour et merci de votre aide.
Je la voulais entre le bloc de la description et la colonne des statistique, avant l'avatar.
Je la voulais entre le bloc de la description et la colonne des statistique, avant l'avatar.
Lilynufare- ****
- Messages : 242
Inscrit(e) le : 22/08/2012
Re: Mettre mes sous-forums de cette manière
Ok.
Pour l'instant vos forums sont dans un tableau d'une ligne et trois colonnes :
codé donc sous cette forme dans le template :
Et il faut passer à une structure de ce genre :
C'est à dire dans le template :
Ce qui donne :
Pour l'instant vos forums sont dans un tableau d'une ligne et trois colonnes :
codé donc sous cette forme dans le template :
- Code:
<table>
<tr>
<td> image </td>
<td> description et sous-forums </td>
<td> stats </td>
</tr>
</table>
Et il faut passer à une structure de ce genre :
C'est à dire dans le template :
- Code:
<table>
<tr>
<td> image </td>
<td> description </td>
<td> sous-forums </td>
<td> stats </td>
</tr>
</table>
Ce qui donne :
- 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>
<link href='http://fonts.googleapis.com/css?family=Dancing Script' rel='stylesheet' type='text/css'>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="catégoz" align="center">{catrow.tablehead.L_FORUM}</div>
<br />
<table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<!-- END inc -->
<td align="left" valign="top">
<div class="forumtitre">
<a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</div>
<br />
<table width="100%" cellpadding="5" cellspacing="0" class="fond_global_cat">
<tr>
<td valign="top" align="right">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td align="center" valign="top">
<div class="statdescrip">
<div class="descrip_bloc">
<span class="genmed"> {catrow.forumrow.FORUM_DESC} </span>
</div>
</div>
</td>
<td>
<div class="sous_forum">
<span id="subforums">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');
</script>
</div>
</td>
<td align="center" valign="top">
<div class="stat_general">
<span class="genmed">
<div class="stat1">
{catrow.forumrow.TOPICS} Sujets | {catrow.forumrow.POSTS} Messages
</div>
</span>
<!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<span class="gensmall">
{catrow.forumrow.LAST_POST}
</span>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- BEGIN inc -->
<!-- END inc -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Mettre mes sous-forums de cette manière
C'est parfait, merci
Le problème est résolu.
Le problème est résolu.
Lilynufare- ****
- Messages : 242
Inscrit(e) le : 22/08/2012
Sujets similaires
» Mettre les forums sous deux colonnes ! °^°
» Mettre les sous forums les uns en dessous des autres
» Est ce possible de changer mes boutons de cette manière?
» Comment modifier les informations du profil de cette manière
» mettre des sous forums
» Mettre les sous forums les uns en dessous des autres
» Est ce possible de changer mes boutons de cette manière?
» Comment modifier les informations du profil de cette manière
» mettre des sous forums
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum