Apparence Catégories

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

Résolu Apparence Catégories

Message par ThunderX le Jeu 24 Nov 2011 - 18:07

Bonjour après un lock de sujet je vois que vous n'avez pas trop compris ce que je voulais dire...Je voudrais que vous me donniez le Template correspondant à ça :



De plus ce n'est pas une commande mais je vous demande quel est le Template lui correspondant pour avoir un résultat comme ceci et ne faites pas attention au taille de police !

Cordialement....


Dernière édition par ThunderX le Sam 26 Nov 2011 - 13:54, édité 1 fois

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence Catégories

Message par Invité le Jeu 24 Nov 2011 - 21:16

Bonjour,

C'est le template Index_Box qui doit être modifié pour obtenir ce résultat. Notamment cette partie:
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>
Et celle-ci:
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">
               <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>

Cordialement.

Invité
Invité


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

Résolu Re: Apparence Catégories

Message par ThunderX le Jeu 24 Nov 2011 - 21:35

Bonjour étant un novice de HTML et CSS je comprend très peu et je ne sais pas ce qu'il faut modifier...

Merci de m'avoir répondu !

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence Catégories

Message par Invité le Jeu 24 Nov 2011 - 22:01

Commençons par le début alors, les bases sont dans ces tutoriels:
> Le HTML comment ça marche?
> Le CSS comment ça marche?
> Suppression des colonnes sujets et messages
> Les tableaux

Il faut supprimer les colonnes en trop, puis placer les différentes variables dans un tableau. Ensuite, on ajoute des class CSS aux cellules pour obtenir l'apparence souhaitée.

Les en-têtes des colonnes sont représentés dans le template par:
{catrow.tablehead.L_FORUM} (titre de la catégorie)
{L_TOPICS} (colonne sujets)
{L_POSTS} (colonne messages)
{L_LASTPOST} (colonne dernier message)

Les contenus des cellules sont représentés dans le template par:
{catrow.forumrow.FORUM_NAME} (titre du forum)
{catrow.forumrow.FORUM_DESC} (description du forum)
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} (liens des sous-forums)
{catrow.forumrow.TOPICS} (nombre de sujets)
{catrow.forumrow.POSTS} (nombre de messages)
{catrow.forumrow.LAST_POST} (le dernier message)

Essayez de réaliser la structure à partir de ces tutoriels et éléments, ensuite ous pourrons ajouter la partie CSS.

Cordialement.

Invité
Invité


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

Résolu Re: Apparence Catégories

Message par ThunderX le Ven 25 Nov 2011 - 18:15

Vous avez mal compris je veut que vous me donniez ce qu'il faut changer plus précisément. Merci d'avance !

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence Catégories

Message par Invité le Ven 25 Nov 2011 - 19:31

Bonjour,

En gros vous voulez que je vous donne le template prêt à installer, avec le code CSS tout prêt?

Cordialement.

Invité
Invité


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

Résolu Re: Apparence Catégories

Message par ThunderX le Ven 25 Nov 2011 - 21:08

Non ce n'est pas ce que je voulais dire...Je ne sais plus trop comment vous l'expliquez alors autant vous donnez un topic du même genre que le mien et qui à eu sa requête : http://forum.forumactif.com/t317495-apparence-des-categories

Merci d'avance, Cordialement

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence Catégories

Message par Invité le Ven 25 Nov 2011 - 22:31

Bonsoir,

Etape 1: supprimer les éléments en trop dans le templates.

Cherchez et 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>

Etape 2: les tableaux.
Remplacez:
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">
               <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>
par un premier tableau:
Code:
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <table width="100%" class="cadrefo" cellspacing="0" cellpadding="0"><tr><td colspan="2" classe="titrefo><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}></td></tr>
                          <tr><td colspan="2"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td></tr>
                          <tr><td width="50%"></td><td><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></table>
      </td>
Remplacez:
Code:
<td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
par un second tableau:
Code:
<td class="row3 over" align="center" valign="middle" height="50">
      <table  cellspacing="0" cellpadding="0"><tr><td><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td></tr>
                  <tr><td class="statfo"><span class="gensmall">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages
                  </span></td></tr>   
                  </table>
      </td>

Etape 3: Le CSS.

Code:

/*contour*/
.cadrefo{
  border: 1px solid #000;}
/*fond des stats*/
.statfo{
  background-color: #000;
}

/*fond des titres*/
.forumlink{
  background-color:#000;
  display: block;
  text-align: center;
}
A personnaliser selon vos souhaits.

Etape 4: les descriptions.
Il est impossible de séparer l'image et la description via les templates. La seule solution pour avoir une barre de séparation est de l'installer manuellement dans la description de chaque forum.
Code:
<table><tr><td><img src="http://illiweb.com/fa/i/smiles/icon_sad.gif" /><td style="border-left: 2px solid #000;"> texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte </td></tr></table>
Vous pouvez là aussi replacer le style par une class et donner des attributs via la feuille CSS.

Cordialement.



Invité
Invité


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

Résolu Re: Apparence Catégories

Message par ThunderX le Sam 26 Nov 2011 - 13:53

Résolu résolu

ThunderX
*

Messages : 34
Inscrit(e) le : 13/08/2011

http://poke-thunder.jordanforum.net/
ThunderX 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