Apparence des catégories

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

Résolu Apparence des catégories

Message par Prysbeble le Sam 9 Juin 2012 - 19:18

Bonsoir !
J'ai cherché et trouvé de nombreux sujets sur l'apparence des catégories, le problème est que j'ai déjà modifié pas mal de choses dans mes templates et je ne peux donc pas refaire les mêmes effets que dans ces sujets. Alors j'aurais besoin d'aide pour faire ce que souhaiterais ^^

Spoiler:

Comment puis-je faire?

Prysbeble
*

Messages : 31
Inscrit(e) le : 22/08/2010

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

Résolu Re: Apparence des catégories

Message par Prysbeble le Mar 12 Juin 2012 - 15:32

up

Prysbeble
*

Messages : 31
Inscrit(e) le : 22/08/2010

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

Résolu Re: Apparence des catégories

Message par Invité le Mer 13 Juin 2012 - 21:53

Bonjour,

Le plus simple est de partir de l'index_box de base, et de le modifier de nouveau.

1. supprimer les colonnes en trop:
Remplacez:
Code:
<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
par:
Code:
<tr>
      <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>

2. Placer une div autour des descriptions et des sous forums:
Remplacez
Code:
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
par:
Code:
<div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
Remplacez:
Code:
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
par:
Code:
<br />
                  <div class="subfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
Déplacez ce dernier code juste après:
Code:
{catrow.forumrow.FORUM_DESC}</span>

3. Créer un fieldset autour du dernier message et inclure le nombre de sujets et messages:
Remplacez:
Code:
<td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
par
Code:
<td class="row3 over" align="center" valign="middle" height="50">
                  <fieldset class="lastm"><legend class="stats"></legend><span class="gensmall">{catrow.forumrow.LAST_POST}<br />
                  {catrow.forumrow.TOPICS} sujets, {catrow.forumrow.POSTS} messages</span>
                  </fieldset>
      </td>

4. Déplacer l'icône de forum:
Cherchez et coupez:
Code:
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
Puis collez-le juste après:
Code:
<legend class="stats">

5. Le CSS, à personnaliser:
Code:
.lastm{
border: 1px solid #000;
border-radius: 11px;
width: 150px;}

.descrip{
border: 1px solid #000;
margin: 5px;
padding: 5px;
}

.stats{
border: 1px solid #000;
border-radius: 11px;
text-align: center;
padding: 3px;
}

.subfo{
padding-left: 75px;}


a.forumlink{
padding-left: 75px;}
Bien sincèrement.

Invité
Invité


Invité 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