Apparence des catégories

Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.

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
avatar

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

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
avatar

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