Réajustement catégories
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
Réajustement catégories
Bonjour,
Notre forum en plein changement de design nous pensions à changer l'organisation de nos catégories afin d'avoir une navigation sur le forum plus simples mais aussi un peu plus d'esthétique. Nous cherchons donc à modifier l'emplacement du titre, des liens inférieurs et du nombre de sujets et messages. Si possible rajouter quelques lignes en dessous du titre de la catégorie centrée et du titre du dernier message posté. Voici où nous en sommes actuellement, les parties entourées en rouge sont celles que nous souhaitons modifier :
Et voilà ce que l'on souhaiterais obtenir :
CSS et templates modifiées. Nous avons déjà un peu avancé vers le résultat voulu mais nous n'arrivons plus à aller plus loin. Comment modifier l'emplacement des éléments voulus ( dit plus haut ) aux endroits souhaités ? Et si possible comment rajouter les lignes en bas des deux emplacements indiqués plus haut : titre catégorie et titre du dernier message posté.
Voici la template index-box
Notre forum en plein changement de design nous pensions à changer l'organisation de nos catégories afin d'avoir une navigation sur le forum plus simples mais aussi un peu plus d'esthétique. Nous cherchons donc à modifier l'emplacement du titre, des liens inférieurs et du nombre de sujets et messages. Si possible rajouter quelques lignes en dessous du titre de la catégorie centrée et du titre du dernier message posté. Voici où nous en sommes actuellement, les parties entourées en rouge sont celles que nous souhaitons modifier :
Et voilà ce que l'on souhaiterais obtenir :
CSS et templates modifiées. Nous avons déjà un peu avancé vers le résultat voulu mais nous n'arrivons plus à aller plus loin. Comment modifier l'emplacement des éléments voulus ( dit plus haut ) aux endroits souhaités ? Et si possible comment rajouter les lignes en bas des deux emplacements indiqués plus haut : titre catégorie et titre du dernier message posté.
Voici la template 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 width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<div class="titrefora"><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}></div>
<div class="iconefora"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
<div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span><br />
<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></div>
<div class="stats"><span class="gensmall">{catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages.<br />
{catrow.forumrow.LAST_POST}</span></div>
</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><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
- Code:
/* Catégories */
.iconefora{
height: 0px;
position: relative;
top: 20px;
left: 685px;
box-shadow: -2px 4px 8px black ;}
.iconefora img{
width: 100px;
height: 50px;
background: #0000;
box-shadow: 1px 1px 3px grey ; }
.titrefora{
font-family: 'Cinzel Decorative', cursive;
font-color: #1A1917;
font-size: 40px;
text-shadow: 0px 0px 7px #3f3042 ;
margin-left: 10px;
margin-top: 10px;
weight : 100px; }
.descrip{
background : #F5F4DA ;
margin-left: 45px;
margin-top: 10px;
height: 102px;
overflow-y: auto;
padding: 10px 30px;
width:54%;
border : 1px solid white;
box-shadow: 0px 0px 0px black ;
}
.stats{
text-align: center;
border: 0px solid black;
width: 150px;
padding: 5px;
background-color : none;
position: relative;
top: -60px;
left:655px;
box-shadow: 0px 0px 0px black ;}
.forumlineacc{
border: 2px solid black;
padding: 5px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;}
.forumline {
overflow:hidden;}
Dernière édition par Kingston le Dim 1 Déc 2013 - 12:36, édité 1 fois
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Re: Réajustement catégories
Bonsoir,
Il suffit de placer les éléments (variables etc) dans différents td, tout en restant dans le même tr.
Exemple:
Il suffit de placer les éléments (variables etc) dans différents td, tout en restant dans le même tr.
Exemple:
- Code:
<tr><td>description</td><td>liens sous forums</td><td>derniers messges</td></tr>
Re: Réajustement catégories
Bonjour,
Je ne comprends pas exactement quels éléments faut-il mettre dans les td, quels parties exactement de la template, je ne sais pas vraiment où commencent et termine chaque partie type description, liens sous forum..etc
Je ne comprends pas exactement quels éléments faut-il mettre dans les td, quels parties exactement de la template, je ne sais pas vraiment où commencent et termine chaque partie type description, liens sous forum..etc
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Re: Réajustement catégories
Ce n'est pas comme si je quémandais un code, je souhaite juste savoir où commencer à intégrer les <td> faut-il que j'intègre les div et span autour des parties concernées ou non, cela fait tout de même une semaine que je remonte le sujet...
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Re: Réajustement catégories
Bonsoir,
En effet, il serait plus simple d'ajouter des div avec une class spécifique autour des éléments que vous désirez déplacer.
Par exemple :
et il suffit par la suite de jouer avec le CSS:
Cordialement.
En effet, il serait plus simple d'ajouter des div avec une class spécifique autour des éléments que vous désirez déplacer.
Par exemple :
- Code:
<div class="titreforum">{variable du titre}</div>
et il suffit par la suite de jouer avec le CSS:
- Code:
.titreforum {
position: relative;
left: Xpx;
}
Cordialement.
Re: Réajustement catégories
J'ai réussi, merci beaucoup
Kingston- **
- Messages : 59
Inscrit(e) le : 06/09/2013
Sujets similaires
» comment concevoir des boutons au dessus des catégories, qui renverraient sur les catégories
» Impossible de changer l'image des barres (déco) catégories et sous catégories
» Couleur traits qui séparent les catégories et sous catégories.
» mettre les titres des catégories sur les images d'en-tête des catégories
» Soulignement des catégories en index mais pas pour les sous catégories ...
» Impossible de changer l'image des barres (déco) catégories et sous catégories
» Couleur traits qui séparent les catégories et sous catégories.
» mettre les titres des catégories sur les images d'en-tête des catégories
» Soulignement des catégories en index mais pas pour les sous catégories ...
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