Strucuture de mes catégories

[Invité]

Rappel du premier message :

Coucou ! Je viens svp pour m'aider à faire cette sructure qui n'est pas mienne mais que Mrnaia m'a laissé utiliser :

┌─────────────────────────────────────────────────────────┐

Je soussignée Marina Spaghetti, autorise sara1548 à utiliser l'image que j'avais faite pour la présentation des catégories de son forum, et je me décharge de toute responsabilité en cas d'utilisation illicite de cette image.

ღαяɨηα

└────────────────────────────────────────────────

L'image :
https://nsa28.casimages.com/img/2011/10/27/111027122247175068.jpg

Les rubans :
https://i.servimg.com/u/f25/11/95/30/70/157.png
https://i.servimg.com/u/f25/11/95/30/70/157.png
https://i.servimg.com/u/f25/11/95/30/70/346.png
Merci d'avance ! (et merci mrnaia)

[Tech]

Bonjour,

Vous auriez dû signaler ceci plus tôt car là tout le template a du être modifié.
Voici le template :

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%" cellspacing="0" cellpadding="0">
                  <tr>
                      <th nowrap="nowrap"  colspan="3" width="100%" class="secondarytitle" style="background: transparent; vertical-align: middle;">
                    <!-- DEBUT TITRE CATEGORIE -->
                    <div class="top_cat">
                      <div class="tfa_cat_gauche"></div>
                      <div class="tfa_cat_droite"></div>
                      <div class="tfa_cat_center">
                        <div class="firstletter">{catrow.tablehead.L_FORUM} </div>
                      </div>
                    </div>
                    <!-- FIN TITRE CATEGORIE -->
                  </th>
                  </tr>
                  <!-- END tablehead -->
             
                <!-- BEGIN forumrow -->
                  <tr>
                  <td width="5%">
              <!-- DEBUT ICONE NEW/NO-NEW/CLOS -->
                      <div class="icone_tfa_cat">
                      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"  />
                      </div>
                <!-- FIN ICONE NEW/NO-NEW/CLOS -->
          </td>
                <!-- DEBUT TITRE FORUM -->
                    <td  width="70%" class="cell_tfa_des la_tfa_description">
                      <div>
                        <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}>
                      </div>
                      <div>
                      <div><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>                             
                      </div>
                      <div class="modo" style="width:100%;">
                    <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>
                      </div>
                    </div>
                      <!-- DEBUT LIENS SOUS FORUMS -->
                 
                   
                      <div>
                  <span class="gensmall">
                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                  </span>
                      </div>
                <!-- FIN LIENS SOUS FORUMS -->
                    </td>
                <!-- FIN TITRE FORUM -->
             
                <!-- DEBUT DERNIERS MESSAGES -->
                    <td  width="25%" style="min-width: 160px; vertical-align: bottom;">
                      <div class="derniers_tfa_messages">             
                  <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                    </div>
                <!-- FIN DERNIERS MESSAGES -->
             
                <!-- DEBUT NOMBRES SUJETS ET MESSAGES -->
             
                      <div  class="cat_tfa_bas">
                  <span class="gensmall"><span class="chiffres">{catrow.forumrow.TOPICS}</span> sujets  & <span class="chiffres">{catrow.forumrow.POSTS}</span> messages</span>
                      </div>
                    </td>
                <!-- FIN NOMBRES SUJETS ET MESSAGES -->
                  </tr>
                  <!-- END forumrow -->
             
                  <!-- BEGIN catfoot -->
             
                  <tr>
                    <td class="spaceRow" colspan="2" 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 :

Code:

        /* ------ CONFIGURATION DE FORUMLINE ------ */
       
        .forumline {
        background: url('http://i25.servimg.com/u/f25/11/95/30/70/430.jpg');
        margin: 0px;
        padding: 0px;
        margin-bottom: 10px;
        border: 1px solid #404040;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }
       
        /* ------ TITRE DES CATEGORIES ------ */
       
        .secondarytitle, .secondarytitle h2 {
        text-shadow: 0px 0px 1px #000;
        letter-spacing: 3px;
        font-family: Verdana;
        font-weight: bold;
        font-size: 17px;
        position: relative;
        padding-top: 5px;
        }
       
        /* div contenant la variable du titre des catégories */
        .firstletter{
        line-height: 66px;
        vertical-align: middle;
        padding-top: 5px;
        }
        /* configuration de la premiere lettre du titre des catégories */
        .firstletter:first-letter{
        font-size: 20px;
        color: #74c20f !important;
        font-weight: bold;
        }
       
        /* ------ TITRE FORUM ------ */
       
        span.forumlink {
        vertical-align: middle;
        display: block;
        margin: 0;
        text-align: left;
        min-width: 250px;
        }
        a.forumlink {
        font-family: Arial;
        font-size: 15px;
        letter-spacing: 4px;
        text-shadow: 1px 0 2px #000000;
        }
        /* configuration de la première lettre du titre de forum */
        span.forumlink:first-letter {
        color: #fd8900;
        font-weight: bold;
        }
        /* fond du titre de forum */
        .forum_titre {
        background: url('http://i25.servimg.com/u/f25/11/95/30/70/1912.jpg');
        height: 28px;
        line-height: 28px;
        vertical-align: middle;
        text-align: left;
        background-position: left;
        border: 1px solid #404040;
        border-bottom: none;
        margin: 0 10px;
        padding-left: 12px;
        -moz-border-radius: 10px 10px 0px 0px;
        -webkit-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;
        }
       
        /* ------ CONFIGURATION DES CELLULES DU HAUT (titre - cellule vide) ------ */
        .cell_tfa_des {
        border-top: 1px solid #404040;
        height: 40px;
        line-height: 40px;
        vertical-align: bottom;
        }
       
        /* ------ DESCRIPTION ------ */
       
        .la_tfa_description {
        background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
        padding: 7px;
        border: 1px solid #404040;
        min-height: 50px;
        vertical-align: middle;
        margin: 0 10px;
        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        }
       
        .la_tfa_description span.genmed img {
        margin: 5px;
        }
        /* ------ DERNIERS SUJETS ------ */
       
        .derniers_tfa_messages {
        background: url('http://i25.servimg.com/u/f25/11/95/30/70/1014.jpg');
        background-position: bottom;
        padding: 7px;
        margin: 0 10px;
        min-height: 90px;
        vertical-align: middle;
        border: 1px solid #404040;
        }
        .derniers_tfa_messages .gensmall{
        height: 100%;
        vertical-align: middle;
        }
       
        /* ------ EMPLACEMENT DE L ICONE NEW/NO-NEW/CLOS ------ */
        .icone_tfa_cat {
        position: relative;
        margin-right: -19px;
        margin-top: -16px;
        }
       
        /* ------ OMBRE TEXTES CELLULES ------ */
        .text-tfa_cell .gensmall {
        text-shadow: 1px 0 1px #000;
        }
       
        /* ------ BLOC RUBAN ------ */
        .top_cat {
        position: relative;
        width: 100%;
        height: 66px;
        vertical-align: bottom;
        margin: 0;
        padding: 0;
        margin-top: 20px;
        }
        .tfa_cat_gauche {
        position: absolute;
        left: -24px;
        background: url('http://i25.servimg.com/u/f25/11/95/30/70/157.png') no-repeat transparent;
        width: 24px;
        height: 66px;
        margin: 0;
        padding: 0;
        }
        .tfa_cat_droite {
        position: absolute;
        right: -24px;
        background: url('http://i25.servimg.com/u/f25/11/95/30/70/258.png') no-repeat transparent;
        width: 24px;
        height: 66px;
        padding: 0;
        margin: 0;
        }
        .tfa_cat_center {
        background: url("http://i25.servimg.com/u/f25/11/95/30/70/346.png") repeat-x scroll center bottom transparent;
        bottom: 0;
        height: 66px;
        line-height: 66px;
        margin: 0;
        padding: 0;
        }
       
        /* ------ BAS CATEGORIE ------ */
       
        .cat_tfa_bas {
        background: url('http://i25.servimg.com/u/f25/11/95/30/70/915.jpg');
        height: 22px;
        line-height: 22px;
        vertical-align: middle;
        background-position: left;
        border: 1px solid #404040;
        border-top: none;
        margin: 0 10px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
        }
        .cat_tfa_bas .gensmall img{
        vertical-align: middle;
        }
       
        /* ------ STYLE CHIFFRES MESSAGES SUJETS ------ */
       
        .chiffres{
        color: #74c20f;
        font-weight: bold;
        }

Cordialement.

[Invité]

Parfait ! Un petit problème s'impose ^^


Les forums sont collés. Comment faire pour les écarter les uns que les autres ?
Et Désolée, je t'ai fatiguée ^^
EDIT : les catégories sont défaites, je griboullais dans el CSS et voici le résultat

je te passe le CSS dans un autre message

[Invité]

Ptit up ^^

[Tech]

Bonsoir,

Le code n'est plus présent sur votre forum...

Cordialement.

[Invité]

C'est résolu ! Je garde ce schéma ! merci beaucoup beaucoup beaucoup pour ton aide Tech ^^

[Matriochka]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif