Apparence des catégories

[Lili20]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Je souhaiterais modifier quelques problèmes que je n'arrive pas à résoudre, depuis que je les ai installés (depuis cette après-midi)
Lien du forum : http://harasdelaprairie.forumactif.org/

Description du problème

Bonjour ,

J'ai installé récemment des nouvelles catégories sur mon forum. La structure me plaît. Mais je voudrais mettre une image de fond pour les 3 encadrés différents de la structure, et enlever les lignes blanches (très fines mais gênantes), qui séparent chaque forum.
Ensuite, il y a un arrondi pas très propre aux coins, qui fait tâche parmi le reste.

Voilà
Voici mon template index-box:

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">{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">&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 -->
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
                <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                        <span class="forumlink"><div class="titresfora">
                            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
        </div>
                        </span>
                   
        <table width="100%"><tr><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="forum-description" width="70%"><span class="genmed">{catrow.forumrow.FORUM_DESC}</td><td class="forum-stats" valign="middle" height="50" width="20%">
                {catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.<br />
       
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
              </td></tr></table></span>
        </div>
        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                <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 -->
        <!-- [ FIN DES MODIFICATIONS ] -->
                <!-- 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 -->

Et voici mon code CSS

Code:

        /*contour des catégories*/
        .forumline{
              border:3px solid #000;
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px;}
       
        /*titres des forums*/
        .titresfora{
              -moz-border-radius: 20px;
              -webkit-border-radius: 20px;
              border-radius: 20px;
              border: 1px solid #000;
              font-size: 11px;
              height: 20px;
              padding: 3px;
              position: relative;
              text-align: center;
              width: 350px;}
       
       
        /*description dans les forums*/
        .forum-description {
              margin: auto;
              padding: 10px;
              color: #000000;
              border: 1px solid #000;
              -moz-border-radius: 14px;
              -webkit-border-radius: 14px;
              font-size: 12px;
              }
       
        /*derniers messages*/
        .forum-stats {
              -moz-border-radius: 20px;
              webkit-border-radius: 20px;
              border-radius: 20px;
              border: 1px solid #000;
              font-size: 11px;
              padding: 3px;
              text-align: center;
              }

Comme vous l'aurez compris, les modifications que je veux apporter on mineures, mais étant assez nulle en codage, j'ai vraiment besoin d'aide

D'avance merci,
Lili

[Lili20]

Un petit UP

[AenigmA]

Bonjour,
A chaque partie tu rajoutes cette ligne
background-image: url("lien de ton image");
En choisissant une image bien sur

.titresfora
.forum-description
.forum-stats

Puis

A .forumline tu rajoutes cette ligne
padding-bottom: 15px;

Puis tu rajoutes dans ton css

.secondarytitle, .secondarytitle h2 {
border-radius: 20px;
}

[Lili20]

D'accord, merci beaucoup, je vais regarder ça

[Lili20]

Superbe *-* Merci beaucoup ça marche à la perfection!!!!


Merci merci merci