Réajustement catégories

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

Résolu Réajustement catégories

Message par Kingston le 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 :



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 -->
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 1 Déc 2013 - 12:36, édité 1 fois

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 le Jeu 21 Nov 2013 - 21:17

Up

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 le 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
+ Hyperactif +

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

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

Résolu Re: Réajustement catégories

Message par Kingston le 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
**

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 le Dim 24 Nov 2013 - 13:14

Up

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 le Lun 25 Nov 2013 - 14:05

Up

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 le Lun 25 Nov 2013 - 23:34

Up

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 le Mar 26 Nov 2013 - 22:13

Up !!

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 le Mer 27 Nov 2013 - 12:53

Up !

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 le Jeu 28 Nov 2013 - 17:40

Up....

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 le 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
**

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 le Sam 30 Nov 2013 - 15:15

Up....

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 le 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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

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

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

Résolu Re: Réajustement catégories

Message par Kingston le Dim 1 Déc 2013 - 12:36

J'ai réussi, merci beaucoup

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