Un effet pour le titre de mes sous-forums : background sur toute la largeur
3 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
Un effet pour le titre de mes sous-forums : background sur toute la largeur
Bonjour à tous (●´∀`●)
Alors voilà, j'ai un petit soucis d'aspect graphique : je n'arrive absolument pas à arriver à l'effet recherché. J'aimerais obtenir cet effet sur mes sous-forums :
Passer de ça :
À ça :
Donc un sous-forum dont l'image de fond s'étendrait sur toute la largeur du forum. Mais je n'arrive vraiment pas à obtenir cet effet, et toutes mes tentatives résultent en une défiguration totale du forum. J'espère que quelqu'un parmi vous pourra m'aider ♥
Voici mon index_box :
Merci d'avance (´∀`)♡
Alors voilà, j'ai un petit soucis d'aspect graphique : je n'arrive absolument pas à arriver à l'effet recherché. J'aimerais obtenir cet effet sur mes sous-forums :
Passer de ça :
À ça :
Donc un sous-forum dont l'image de fond s'étendrait sur toute la largeur du forum. Mais je n'arrive vraiment pas à obtenir cet effet, et toutes mes tentatives résultent en une défiguration totale du forum. J'espère que quelqu'un parmi vous pourra m'aider ♥
Voici mon 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>
<!-- 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">
<div class="titlesouf"><span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span></div>
</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>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{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 -->
Merci d'avance (´∀`)♡
Re: Un effet pour le titre de mes sous-forums : background sur toute la largeur
Bonjour,
Quel est le forum concerné ?
Quel est le forum concerné ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Un effet pour le titre de mes sous-forums : background sur toute la largeur
Voici le lien : http://wham.forumactif.com/
Ne faites pas attention aux couleurs criardes et très peu accordées, on ne fait que tester, rien n'est définitif Merci!
Ne faites pas attention aux couleurs criardes et très peu accordées, on ne fait que tester, rien n'est définitif Merci!
Re: Un effet pour le titre de mes sous-forums : background sur toute la largeur
Je comprends mieux ainsi.
Alors l’idéal, ce serait d’avoir ce genre de tableau dans le template :
Autrement dit : une première ligne dans laquelle on insère le titre du forum, et une seconde composée de 3 cellules dans lesquelles on insère l’image du forum, la description et le dernier message.
On pourrait présenter ça plus ou moins ainsi :
Alors l’idéal, ce serait d’avoir ce genre de tableau dans le template :
Titre du forum | ||
Image | Description du forum | Dernier message |
On pourrait présenter ça plus ou moins ainsi :
- Code:
<table>
<tr>
<td colspan="3"> Titre du forum </td>
</tr><tr>
<td> Image </td><td> Description du forum </td><td> Dernier message </td>
</tr>
</table>
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Un effet pour le titre de mes sous-forums : background sur toute la largeur
Hum, je dois donc prendre chaque code correspondant à ces composants et les mettre dans ce tableau?
Et donc je dois le coller où, par rapport au reste du Template?
Merci beaucoup pour votre aide!
Et donc je dois le coller où, par rapport au reste du Template?
Merci beaucoup pour votre aide!
Re: Un effet pour le titre de mes sous-forums : background sur toute la largeur
Désolée du double post, mais j'ai tenté le coup et voilà mon résultat :
Voilà le template modifié :
Je pense que j'ai fait un peu n'importe quoi, argh :/
Voilà le template modifié :
- 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 -->
<table>
<tr>
<td colspan="3">
<div class="titlesouf">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</div></td>
</tr><tr>
<td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td><td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td><td><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
</table>
<span class="gensmall">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
<!-- 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 -->
Je pense que j'ai fait un peu n'importe quoi, argh :/
Re: Un effet pour le titre de mes sous-forums : background sur toute la largeur
up, de l'aide s'il vous plaît (:
Re: Un effet pour le titre de mes sous-forums : background sur toute la largeur
Bonsoir,
Ici:
Retirez les balises table pour commencer.
Ensuite, pour les sous forums, j'ai remarqué qu'ils se baladaient dans votre template
Donc il faudra les remettre dans un tr/td.
Cordialement.
Ici:
- Code:
<table>
<tr>
<td colspan="3">
<div class="titlesouf">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>
</div></td>
</tr><tr>
<td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td><td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td><td><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
</table>
Retirez les balises table pour commencer.
Ensuite, pour les sous forums, j'ai remarqué qu'ils se baladaient dans votre template
- Code:
<span class="gensmall">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
Donc il faudra les remettre dans un tr/td.
Cordialement.
Re: Un effet pour le titre de mes sous-forums : background sur toute la largeur
Bonjour, Où en-est votre problème ? Deux solutions :
A bientôt sur ForumActif |
Sujets similaires
» Centrer le titre de mes catégories sur toute la largeur du forum
» Remonter les liens des sous-forums sous le titre du forum principal
» Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
» Un souci avec la largeur d'une colonne des sous-forums.
» Comment faire pour que l'header face toute la largeur du forum ?
» Remonter les liens des sous-forums sous le titre du forum principal
» Effet hover sur les sous-forums, la description et les derniers messages (Catégories)
» Un souci avec la largeur d'une colonne des sous-forums.
» Comment faire pour que l'header face toute la largeur du forum ?
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