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 Giudizio le Sam 21 Juil 2012 - 15:00

Bonjour,

Je ne suis sûrement pas la première à vous le demander, ni sans doute la dernière x) j'aimerais modifier l'apparence de mes catégories, j'ai fouillé sur Forumactif mais je n'ai rien trouvé qui me convenait, je ne veux pas un truc trop compliqué, je vous ai fais un schéma :

Spoiler:

J'aimerais qu'il n'y ai pas de bordures autour de l'icon (vérouillé, new ou no new), dites moi si j'ai oublié quelque chose sur le schéma.

Je suis l'administrateur du forum, en version phpbb2, voici le lien : http://rebornorigins-mafia.forumactif.com/
Je n'ai pas modifié mon template index_box, il est donc par défaut et j'ai un CSS personnalisé.

Je vous remercie de m'avoir lu et merci à la personne qui prendra le temps de me répondre (:



Dernière édition par Giudizio le Jeu 26 Juil 2012 - 14:24, édité 1 fois

Giudizio
Nouveau membre

Messages : 14
Inscrit(e) le : 20/07/2012

http://rebornorigins-mafia.forumactif.com/
Giudizio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Elissa le Sam 21 Juil 2012 - 17:20

Bonjour,

Vous savez que le template concerné est l'Index_box, c'est un très bon début Mr. Green
Je veux bien vous aider, mais j'aimerai que vous me donniez une "base", en chipotant avec votre template, par exemple (la template est utilisée pour la mise en place des éléments, les cadres et autres décorations seront faits avec le CSS).

Elissa
+ Hyperactif +

Féminin
Messages : 15848
Inscrit(e) le : 24/03/2006

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

Résolu Re: Apparence des catégories

Message par Giudizio le Sam 21 Juil 2012 - 18:59

Je ne suis pas certaine d'avoir compris ce que vous vouliez dire par "base", je vous donne donc mon index_box, vous parliez peut-être d'une partie de l'index_box en question ?

Spoiler:
<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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<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>
<!-- 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="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<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}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<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>
</td>
<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>
</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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Giudizio
Nouveau membre

Messages : 14
Inscrit(e) le : 20/07/2012

http://rebornorigins-mafia.forumactif.com/
Giudizio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Giudizio le Dim 22 Juil 2012 - 18:01

Up !

Giudizio
Nouveau membre

Messages : 14
Inscrit(e) le : 20/07/2012

http://rebornorigins-mafia.forumactif.com/
Giudizio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Elissa le Lun 23 Juil 2012 - 13:16

Bonjour,

Une base dans le sens où j'aimerai que vous travailliez un peu votre template vous même, afin d'obtenir le résultat que vous souhaitez. Disons que c'est un peu facile de donner un code tout fait, vous n'apprenez rien... D'où le fait que je vous demande d'essayer de votre côté en premier Smile

Elissa
+ Hyperactif +

Féminin
Messages : 15848
Inscrit(e) le : 24/03/2006

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

Résolu Re: Apparence des catégories

Message par Invité le Lun 23 Juil 2012 - 14:06

Bonjour,

Cela vous aidera peut-être:
Dans le template Index_box, vous avez ceci:
<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>
en vert la cellule du titre de catégories
en violet la cellule du titre des sujets
en bleu la cellule du titre des messages
en rouge la cellule du titre du dernier message

Qui correspondent aux cellules de contenus:
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<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>
</td>

<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>
La partie non colorée correspond aux images des catégories/forum (nouveau, pas nouveau, verrouillé).

Les variables:
{catrow.forumrow.FORUM_NAME} => le nom du forum
{catrow.forumrow.FORUM_DESC} => description du forum
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} => affichage des modérateurs
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} => liens vers les niveaux inférieurs
{catrow.forumrow.TOPICS} => nombre de sujets
{catrow.forumrow.POSTS} => nombre de messages
{catrow.forumrow.LAST_POST} => dernier message.

Avec l'aide de quelques div, du CSS et en réorganisant les variables dans le tableau éxistant, vous pourrez réaliser ce que vous souhaitez.

Il y a aussi:
--> http://forum.forumactif.com/t261562-

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 Giudizio le Mar 24 Juil 2012 - 1:19

Merci beaucoup Azami pour ton aide, je pense que grâce à ce que tu m'a donné j'ai pu m'en sortir !

Elissa voici ce que j'ai travaillez sur mon template :

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </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="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                 <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <table> <tr> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div style="padding-left: 40px;">{catrow.forumrow.FORUM_NAME}</div></a> </tr>
        </span>
                      <tr> </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: left;" class="gensmall">{catrow.forumrow.POSTS} balles dans {catrow.forumrow.TOPICS} cibles.</td></tr></tbody></table> </tr>
                                  <tr><td><div class="wordsdesc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         <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></td>
      </td>
      <td class="post" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                  </td>  </tr></table>
   </tr>
   <!-- END forumrow -->

On peut voir le rendu sur le forum : http://rebornorigins-mafia.forumactif.com/

Mais j'aimerai que la description des forums soit dans un cadre fixe et enlever la séparation des cellules si possible

Giudizio
Nouveau membre

Messages : 14
Inscrit(e) le : 20/07/2012

http://rebornorigins-mafia.forumactif.com/
Giudizio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Giudizio le Mer 25 Juil 2012 - 1:06

Up !


Giudizio
Nouveau membre

Messages : 14
Inscrit(e) le : 20/07/2012

http://rebornorigins-mafia.forumactif.com/
Giudizio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Invité le Mer 25 Juil 2012 - 14:33

Bonjour,

Dans votre CSS, pour votre class wordsdesc, ajoutez 2 propriétés:
Code:
height: HAUTEUR FIXE VOULUE;
overflow-y: auto;

Pour les séparations, essayez ceci dans le CSS:
Code:
.forumline{
border-spacing: 0;}

J'ai vu beaucoup de rouge vif dans votre code, ce n'est j'amais très bon, Razz, essayez comme ceci:
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
  </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="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <table width="100%"><tr><td colspan="2">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                      <div style="padding-left: 40px;"><span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span></div></h{catrow.forumrow.LEVEL}>
                  </td></tr>
       
                      <tr><td style="padding-left: 40px; text-align: left;" colspan="2" class="gensmall">{catrow.forumrow.POSTS} balles dans {catrow.forumrow.TOPICS} cibles.
                        </td></tr>
                                  <tr><td><div class="wordsdesc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        <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></td>
      <td class="post" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                                    </td></tr>
                  </table>
    </td>
  </tr>
  <!-- END forumrow -->
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 Giudizio le Mer 25 Juil 2012 - 19:19

Merci beaucoup, ça fait moins brouillon dans mon template x)

Et j'aimerais savoir comment faire pour que les liens menant au sous-forums ne soit pas collé au cadre, qu'il y est un espace.

Et je me suis aussi rendu compte qu'en ajoutant le css des bordures pour wordsdesc & post, cela avait également influé sur la taille de la zone d'écriture des messages & de ma chatbox et des champs du profil, est-ce normal ?

Giudizio
Nouveau membre

Messages : 14
Inscrit(e) le : 20/07/2012

http://rebornorigins-mafia.forumactif.com/
Giudizio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Invité le Mer 25 Juil 2012 - 19:42

La class "post" existe déjà dans certains template, c'est pour cela que cela agit sur vos messages Razz. Modifiez le nom que vous avez choisi pour les derniers messages et tout devrait rentrer dans l'ordre Wink.

Ajoutez la propriété margin-bottom: Xxpx à votre paragraphe wordsdesc pour espacer les sous-forums Wink.

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 Giudizio le Jeu 26 Juil 2012 - 1:30

Merci beaucoup, tout ça marche Very Happy

Il me reste juste une dernière petite question >< je n'arrive pas à régler la hauteur pour les derniers messages, je voudrais qu'il soit de 85px comme la description des forums mais j'ai beau le rajouter dans mon CSS, ça ne marche pas, et là j'avoue je suis perdue o_o

Giudizio
Nouveau membre

Messages : 14
Inscrit(e) le : 20/07/2012

http://rebornorigins-mafia.forumactif.com/
Giudizio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Invité le Jeu 26 Juil 2012 - 1:38

Vous avez appliqué la class sur la cellule du tableau, c'est pour cela que vous ne pouvez pas en faire ce que vous voulez. Placez une div à l'intérieur de la cellule avec la class, et ça devrait fonctionner.

Au lieu de:
Code:
<td class="XYZ" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                                    </td>
Essayez:
Code:
<td align="center" valign="middle" height="50"><div class="XYZ">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                                  </div> </td>
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 Giudizio le Jeu 26 Juil 2012 - 14:21

Ah bah oui, c'est tout con, je l'avais fait pour wordsdesc & pas pour l'autre --' merci !
Par contre ça me fait un décalage entre les deux, pas énorme, mais y-a-til un moyen pour qu'il n'y en est plus ?

Giudizio
Nouveau membre

Messages : 14
Inscrit(e) le : 20/07/2012

http://rebornorigins-mafia.forumactif.com/
Giudizio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Invité le Jeu 26 Juil 2012 - 15:11

Bonjour Very Happy,

Le décalage est certainement causé par l'alignement vertical:
<td align="center" valign="middle" height="50"><div class="lastpost">
Remplacez middle par top, et pour enfoncer le clou, ajoutez valign="top" à la cellule(td) contenant la description.

Après c'est juste un ajustement via le CSS entre les padding, les margin et les height Wink.

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 Giudizio le Jeu 26 Juil 2012 - 23:53

Merci, cela marche ! Very Happy

Et un grand merci à vous pour le temps que vous avez pris pour m'aider, j'ai pu apprendre comme ça ! Le sujet est résolu Razz

Giudizio
Nouveau membre

Messages : 14
Inscrit(e) le : 20/07/2012

http://rebornorigins-mafia.forumactif.com/
Giudizio 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