Apparence des catégories ~

[Mirnyyy]

Bonjour (ou bonsoir ^^.)

Donc, comme l'indique le titre, je cherches à personnaliser mes catégories.
Mon index_box est celui de défaut, et j'ai pas modifier le CSS.

Donc voici un petit schéma de ce que je voudrais obtenir :

Spoiler:

Si c'est pas tout à fait pareil, c'est pas grave !

Je connais le CSS, mais je ne suis pas une pro non plus :s.

Voilà, merci d'avance ! ♥

[Dark Raviel]

A quoi correspond lock ?

[Mirnyyy]

Lock correspond au image : ' lock - nouveau ' etc.
Désolée si ce n'est pas très précis :s.

[Dark Raviel]

Alors pk tu as 1 Lock et 1 Img

[Mirnyyy]

Pour mettre des images.

[Dark Raviel]

Donc récapitulons :

Titre est le titre de a catégorie
Image est l'image de la catégorie comme la fonction lien de l'image dans le panneau
Description est la description du forum
Lock c'est l'image Lock, No new, new
Image (j'ai tjs pas compris)
Et à droites, nombre de messages; etc

[Mirnyyy]

C'est ça !

On peut enlever image sinon, je me suis rendu compte que ca servait un peu a rien !

Mais sinon vous avez tout compris (:.

[Dark Raviel]

Bien je vais faire des recherche sur ça.

Peux tu préciser la version du forum ?

[Mirnyyy]

La version du forum est en phpBB2 (subsilver).

Merci beaucoup !!

[Dark Raviel]

Je suis en train de le faire je te demanderais donc de la patience.

[Mirnyyy]

Merci beaucoup !

[Dark Raviel]

Enfin je vais essayer je te garanti rien, donc si quelqu'un d'autre propose hésite pas hein.

[Mirnyyy]

D'accord ! Merci d'essayer quand même !
Si ce n'est pas pareil, c'est pas grave !

[Invité]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif

[Mirnyyy]

up.

[Mirnyyy]

petit up ~

[Mirnyyy]

up !

[Mirnyyy]

Je me permets de up !

[Mirnyyy]

UPPPPPPPPPPPP !

[Mirnyyy]

UP UP UP ! ._.

[Invité]

Bonjour,

Un essai:

1. Retirer les colonnes en trop.
Supprimez:

Code:

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

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>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

2. Insérer un tableau pour placer les différents éléments dans la bonne cellule de l'index.
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>

            </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:

Code:

      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <table><tr><td><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}></td></tr>
                          <tr><td class="cadre"><div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td>
                    <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="lastm" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                            </td></tr></table>
         <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>

3. Définir l'apparence des modifications grâce aux class CSS présentes et/ou ajoutée dans le template.
Dans votre CSS, ajoutez:

Code:

a.forumlink {
  border: 3px solid #303030;
  width: 250px;
  margin-left: 10px;
}


.cadre{
  border:2px solid #000;
  padding: 9px;}

.descrip{
  width: 700px;
  height: 50px;
  overflow-y: auto;}

.lastm{
  border: 2px solid #000;
  padding: 3px;
  width: 180px;
}

Le CSS est a personnaliser .

Cordialement.