Réajustement catégories

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Réajustement catégories

Message par Kingston Mer 20 Nov 2013, 15:31

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 :

Réajustement catégories 195318modif

Et voilà ce que l'on souhaiterais obtenir :

Réajustement catégories 392811schemacatgorie

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 -->
Le css

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;}
Merci d'avance


Dernière édition par Kingston le Dim 01 Déc 2013, 12:36, édité 1 fois
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Jeu 21 Nov 2013, 21:17

Up
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Anzu Jeu 21 Nov 2013, 22:18

Bonsoir,

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>
Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Sam 23 Nov 2013, 13:59

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
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Dim 24 Nov 2013, 13:14

Up
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Lun 25 Nov 2013, 14:05

Up
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Lun 25 Nov 2013, 23:34

Up
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Mar 26 Nov 2013, 22:13

Up !!
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Mer 27 Nov 2013, 12:53

Up !
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Jeu 28 Nov 2013, 17:40

Up....
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Ven 29 Nov 2013, 19:22

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

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Sam 30 Nov 2013, 15:15

Up....
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Tech Sam 30 Nov 2013, 19:23

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 :
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;
}
où le X doit être modifié selon votre envie Wink

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réajustement catégories

Message par Kingston Dim 01 Déc 2013, 12:36

J'ai réussi, merci beaucoup
Kingston

Kingston
**

Messages : 59
Inscrit(e) le : 06/09/2013

Kingston a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum