Personnaliser l'affichage des catégories

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

Résolu Personnaliser l'affichage des catégories

Message par Phyliono le Lun 8 Juin 2015 - 20:53

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Tous
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://testhv.activebb.net

Description du problème

Bonsoir,

Je souhaiterai l'aide charitable de l'un d'entre vous pour m'aider à personnaliser l'affichage des catégories en plusieurs points (que je n'arrive pas à résoudre).

• J'aimerai agrandir en hauteur la taille des cadres du titre des catégories et la taille du texte (double flèche rouge pleine sur la capture d'écran)

• Placer les icônes "Nouveau sujet, sujet verrouillé, sujet lu" du côté droit du forum et dans le même cadre que les titres de forum (traits pointillés rouges)

• Centrer horizontalement et verticalement le titre des forums et agrandir leur taille.

Si quelqu'un saurait faire au moins l'un de ces trois choses, ce serait vraiment sympas de m'aider !

Merci d'avance Wink


Dernière édition par Phyliono le Mer 10 Juin 2015 - 19:19, édité 1 fois

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 9:38

up

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Chacha le Mar 9 Juin 2015 - 10:00

Message par Phyliono Hier à 20:53
Message par Phyliono Aujourd'hui à 9:38


..Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49812
Inscrit(e) le : 21/08/2010

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

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 15:50

Coucou,

Il y a un soucis dans ton explication.

Je comprends en gros, que tu souhaites agrandir le titre de catégorie.
Mettre l'icone nouveau, verrouillé, ancien à droite et dans ton titre de catégorie (si on suit le schéma).

As-tu regardé les différents tuto mit à ta disposition ici?

Sinon, tu souhaites mettre la colonne icone à côté de la colonne dernier message ou dans la colonne dernier message?

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 16:47

Bonjour,

Merci de ta réponse tout d'abord.

J'ai bel et bien cherché dans les tutoriels mais je n'ai rien trouvé qui correspond à ma recherche...

Je souhaite mettre la colonne icône à côté de la colonne dernier message oui (qui est retirée par ailleurs sur mon forum) mais tout en supprimant le cadre de cette colonne (mettre l'icône dans le même cadre que le titre du forum et sa description, sans bordures séparatrices).

Merci encore.

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 16:53

Ton forum a déjà une couleur bien précise? Car en gros, tu souhaites faire un tableau dans un tableau.

Pourrais-je avoir ta template index-box pour ne pas faire de bêtise ^^

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 16:56

Non pas de couleur, à l'avenir sûrement. Oui en gros, un tableau dans un tableau mais sans les bordures hein ?

Merci beaucoup.

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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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>
   </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 -->

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 17:24

A vue de nez, je dirai comme ça

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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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">
<table border="non"><tr><th coslpan="2">        <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}></th>
</tr><tr><td>
        <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><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td></tr></table>
  </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 -->

Dis moi si ça te va... Si c'est bon, on va lui rajouter des class pour que tu puisses embellir tout ça ^^

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 17:28

Mh pas du tout Mad Il y a juste la colonne icône qui est bien du bon côté, mais trop de tableau en trop et il y a des bordures qui séparents... Voyez vous-même : http://testhv.activebb.net

Merci quand même!

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 17:47

Désolée, je n'ai plus de forum test de libre, donc je fais ça de tête pour le moment...

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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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">
<table border="non"><tr><th coslpan="2">        <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}></th>
</tr><tr><td>
        <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><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td></tr></table></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 -->


pour les bordures, c'est après, c'est un code à rentrer dans la feuille de style.

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 17:51

Pas de soucis, c'est déjà sympas de m'aider mais ça n'a rien changé..

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 18:00

Bon, est-ce ça que vous souhaitez? http://test-shin.forumgratuit.be/

Si c'est ça voici la template modifier

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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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="forum-titre"><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="forum-description"> <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>
    </div>
<div class="forum-new"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et le CSS qui va avec

Code:
.forum-titre /*-titre du forum-*/
{
text-align:center;/*alignement centrer*/
}

.forum-description /*case description*/
{
width:500px;/*longueur description*/
height:100px; /*hauteur description*/
background:red; /*couleur de fond*/}

.forum-new /*cadre icone forum*/
{
float:right; /*-ne pas bouger*-/
margin-top:-100px;/*-on peut bouger pour center la boite*/
height:100px;/*hauteur du cadre*/
background:blue;/*couleur de fond*/
}

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 18:19

Non c'est pas ça.

Je ne veux pas de couleurs ni la case derniers messages (je veux les icônes à la place dans la même case que la description des forums..

Merci quand même!

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 19:09

Et si disons tu enlevais les couleurs... J'ai mis ça pour te montrer...

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 19:14

Oui mais non c'est les icônes que je veux à la place des Derniers messages et dans le même cadre.. Mad

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 19:16

L'icone est dans le dernier message... C'est mon icone à moi que tu vois...
Désolée d'avoir des icones modifier hein.

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 19:25

Ah j'ai mal lu !

Oui c'est ça, sans la séparation et la bordure entre les deux colonnes et avec un fond pour le titre des catégories Smile

Merci

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 19:31

Bien !

Pour l'agrandissement du cadre du titre de catégorie
ce qui donnera donc ça http://test-shin.forumgratuit.be/

Code:
.secondarytitle

{

height:50px !important; /*modifier*/
width:100%;
}

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 19:53

Ca me donne quelque chose de bizarre avec les cases (http://testhv.activebb.net)...

Tu saurais centrer verticalement le nom des forums aussi ? Et agrandir la taille du nom des catégories et des forums ?

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 20:25

Non, mon forum est juste en pixel: 800
et non en %. C'est donc à toi à modifier ce qu'il faut pour modifier ton forum...

Pour changer la dimension du forum.

Panneau d'administration ===> Générale ===> Configuration.

Et je te propose de mettre 800
à la place du pourcentage ^^


Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Phyliono le Mar 9 Juin 2015 - 21:18

D'accord et pour agrandir la taille du texte du nom de la catégorie et du forum je dois mettre quoi stp ?

Merci !

Phyliono
*****

Messages : 930
Inscrit(e) le : 24/02/2013

http://www.universiteuniverselle.com
Phyliono a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser l'affichage des catégories

Message par Moon Ha Neul le Mar 9 Juin 2015 - 21:25

Code:
{.secondarytitle h2 /*-titre de catégorie*/
font-size: X px; /*taille de la police d ecriture catégorie*/;
}

.forumlink a, .forumlink a:hover /*-titre forum-*/
{
text-decoration:none !important;
font-size: X px; /*taille de la police d'écriture forum*/
}

Et voici le différent code que tu peux mettre dans tes class

background-color: # ;couleur de fond
background-image:url('url image');
color: # couleur d'écriture
font-size: taille de la police d ecriture
font-family:police

Puis, je te propose de lire ce tuto si tu souhaites d'autres personnalisation ^^

Si tu n'as plus de question et que j'ai fais ton bonheur, n'oublie pas d'éditer ton premier message et de mettre résolu ^^

Moon Ha Neul
**

Féminin
Messages : 76
Inscrit(e) le : 24/05/2015

http://sainte-lucia-academy.1fr1.net/
Moon Ha Neul 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