Organiser mes sous forums comme ça??

[Four Little Diamonds]

Hellooooooooooooow =DD

Helloooooooooooow =)

Catégorie: [Liens - Fond - Texte - Image - Tableaux - Autres]
Sous-Catégorie: //
Description : Tout es dans l'aperçu.
Description sur survol (facultatif) : J'aimerais assez que lors du passage de la souris sur le nom du forum, ce que lui ci soit surligné en couleur légèrement plus foncé mais pas de toute la largeur du forum, juste l'écriture... Je sais pas si je suis assez claire =/
Description lien visité (facultatif) : //
Un aperçu :

En clair, j'aimerais assez que mes sous forums soit comme l'image juste en haut XD
Je sais pas si vous avez compris O.O

[Four Little Diamonds]

Toujours d'actualité =)

[Mio']

Oh, ça m'interesse aussi +1 =)

[Four Little Diamonds]

Personne pour nous aider??

[Ashlee]

J'suis intéressée !

[Threax]

Bonjour,

Avant toute chose, vous devez : - être fondateur du forum, - être en version phpBB2, - avoir un minimum de connaissances en HTML, & templates.

Ajout dans le CSS

Panneau d'administration Affichage Couleurs Feuille de style CSS

Insérez ce code dans votre feuille de style CSS :

Code:

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      font-size: 12px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #000000;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;
      text-align: center;
      height: 14px;
      font-size: 11px;
}

Enregistrez.


Modifications des templates

Panneau d'administration Affichage Templates Général

Editez le template index_box

Remplacez l'intégralité du template par :

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>
      <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">&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}>

<!---- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->

      <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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 -->

         </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>

<!---- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->

      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </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 -->

Attention : si vous aviez effectué d'autres modifications sur ce template, elles seront perdues. Auquel cas je vous conseille plutôt d'essayer de combiner les deux codes : le vôtre et celui-ci.


Vérifiez en cliquant sur En attente
Et si vous êtes satisfait du résultat, publiez

[Four Little Diamonds]

Hellooooooooooow =DD

C'est superbe, huum par contre, il y a un petit décalage O.O
Regarde:


Il y a t-il moyen de faire en sorte que le nombre de message et de sujet ne soit pas en décalage??

[Threax]

Vous pouvez modifier dans le CSS cette ligne :

Code:

      left: 280px;

En diminuant la valeur 280 par celle de votre choix.

[Four Little Diamonds]

Merci ça fonctionne très bien =DD
Petite demande en plus, comment fait on pour qu'il y ai une image qui s'affiche dans le petit carré que j'ai fait??
On met directement le l'URL de l'image voulu ou quelque chose d'autre??

[Four Little Diamonds]

toujours d'actualité

[maelys26]

Bonjour
je trouve ton forum tres beau et tres pratique " four little diamonds"
Pourrais je savoir de quelle maniére on obtient cet effet là car le rendu est plus proche d'un site que d'un forum et je serais tres interressée
Merci pour ta réponse ou celle d'un membre

[Threax]

Bonjour,

Pour que l'image apparaisse de cette manière, vous pouvez faire un tableau dans la description du forum par exemple :

Code:

<table><tr><td style="background-color: #FF0000; padding: 10px;"><img src="URL IMAGE" alt="" /></td><td>Description</td></tr></table>

[Four Little Diamonds]

Helloooooow =)

Je viens d'installer les templates et le css sur mon forum rpg c'est parfaitement ce que je voulais mais il y a un petit problème u_u



Mes liens dépassent T.T
Quelqu'un pourrait m'aider??

[Elean]

Bonjour Four little diamonds

essaie de rajouter "auto" dans la hauteur du cadre des sous forums exemple :

Code:

  height: 14px auto;

cordialement

[Four Little Diamonds]

Daaaaaaaaaah c'est parfait ^^
Merci beaucoup =D

[Elean]

pas de quoi l'ami, au plaisir

bonne continuation

[Tiflo 62]

Possible en phpBB3 ?

[Elean]

Salut Tiflo

Je ne peux malheureusement pas te répondre, je ne connais pas les codes en phpbb3.

Mais je pense que sur tout le forum tu trouveras qqun qui pourra t'aider.
Cordialement