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 Kannone le Sam 19 Mai 2012 - 16:27

    Bonjour (:

    Je n'arrive pas a donner l'apparence que je souhaite a mes catégories c'est pourquoi je demande votre aide :3
    Donc voici un schéma pour vous montrer ce que je souhaite.

    Spoiler:

    Mon forum est en phpBB2 et mon template index_box n'est pas modifié.

    Merci d'avance pour votre aide ♥


Dernière édition par Kannone le Dim 20 Mai 2012 - 18:00, édité 1 fois

Kannone
Nouveau membre

Messages : 23
Inscrit(e) le : 18/05/2012

http://nekoacademia.forumactif.org/
Kannone a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Invité le Dim 20 Mai 2012 - 12:20

Bonjour,

1. Supprimer les colonnes superflues:
Supprimez:
Code:
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
et:
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>

2. Déplacer les derniers messages:
Déplacez:
Code:
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
au dessous de:
Code:
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
et ajoutez un <br /> entre les 2 codes.

3. Déplacer les liens des sous-forum et les lister:
Déplacez:
Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
Juste après:
Code:
 <td class="row3 over" align="center" valign="middle" height="50">

Puis remplacez-le par:
Code:
<div class="sous-fo" id="subforums"><span class="gensmall">
                                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');</script></span></div>
      

4. Encadrer les descriptions:
Repérez:
Code:
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
Remplacez par:
Code:
<div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>

5. Encadrer les derniers messages:
Repérez :
Code:
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
Remplacez par:
Code:
<div class="der-m"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>

6. Faire descendre les descriptions et titre des forums:
Repérez:
Code:
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
Remplacez par:
Code:
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="bottom" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">

7. Mettre les titres des catégories à droite:
Remplacez:
Code:
<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>
Par :
Code:
<tr>
      <th colspan="3" nowrap="nowrap" width="100%" align="right"  class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>

8. Supprimer l'espacement des cellules:
Ligne 20 du template, remplacez:cellspacing="1" par : cellspacing="0".

9. L'habillage en CSS:
Code:
 .descrip{
  width: 95%;
  margin: auto;
  padding: 5px;
  background: #d6d6d6;
  border-radius: 8px;}

.sous-fo{
  width: 120px;
  height: 80px;
  margin: auto;
  padding: 5px;
  background: #d6d6d6;
  border-radius: 8px;}

.der-m{
  width: 150px;
  height: 80px;
  background: #d6d6d6;
  margin: auto;
  padding: 5px;
  border-radius: 8px;}
A personnaliser Wink.

N'hésitez pas à me dire si quelque chose ne convient pas.

Bien sincèrement.

Invité
Invité


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

Résolu Re: Apparence des catégories

Message par Kannone le Dim 20 Mai 2012 - 17:59

    Bonjour !
    Tout marche à merveille, merci énormément ! :3

Kannone
Nouveau membre

Messages : 23
Inscrit(e) le : 18/05/2012

http://nekoacademia.forumactif.org/
Kannone 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