Problème avec un code pour modifier l'affichage des catégories...

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

Résolu Problème avec un code pour modifier l'affichage des catégories...

Message par lly* le Sam 27 Juil 2013 - 17:52

Bonjour !

Alors que je bidouillais mon template index_box pour obtenir ceci, je rencontre un problème (voire même deux xD) : je n'arrive pas à obtenir le cadre en pointillé qui entoure chaque forum et les sous-forums sur un fond comme sur ma capture d'écran. J'aimerais aussi savoir comment faire la ligne qui sépare le nombre de sujets et de messages du dernier post. Pour le cadre, j'essaye avec une div class mais je ne sais pas du tout où la placer, ni même si il faut faire comme ça... Car je n'obtient pas le résultat voulu.
Voici mon template modifié :
Code:
<link href='http://fonts.googleapis.com/css?family=Over+the+Rainbow' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
<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}
      
                {CURRENT_TIME}
      
                </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>
      
                <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
      
                <!-- END switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
              </td>
          </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
                <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
  </tr></table><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <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"> </td>
          </tr>
          <!-- END cathead -->
          <div class="encadrement"><!-- 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>
            
                            </span>
        </h{catrow.forumrow.LEVEL}>
                <div class="description" width="100%">
                  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><br/><br/>
                 <div class="sous_forums"><span class="gensmall"><center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center></span>
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_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>
                  
             <td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;"></div>
                        
                          <div class="messa_suj"><span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</span></div><br/>
                                        <div class="der_post"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                      </td>
            </tr>
            <!-- END forumrow --></div>
          <!-- 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>
Et la partie du CSS qui concerne les catégories :
Code:
.forumline{
box-shadow: 0px 0px 5px #0d1418;
  -moz-box-shadow: 0px 0px 5px #0d1418;
  -o-box-shadow: 0px 0px 5px #0d1418;
  -htm-box-shadow: 0px 0px 5px #0d1418;
  -webkit-box-shadow: 0px 0px 5px #0d1418;
}

.encadrement {
  border : 1px dotted #000000 }

.sous_forums {
  background-color : #ffffff}

Merci beaucoup ! I love you


Dernière édition par lly* le Dim 28 Juil 2013 - 14:19, édité 1 fois

lly*
Nouveau membre

Messages : 28
Inscrit(e) le : 02/05/2012

http://trinityhighschool.forumsactifs.com/
lly* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour modifier l'affichage des catégories...

Message par Ksu no Raitā le Dim 28 Juil 2013 - 2:29

    Bonjour. Smile

    Le résultat que vous cherchez est un des nombreux tutoriels de Sparrow-Style de Never-Utopia. (www)

Ksu no Raitā
Nouveau membre

Masculin
Messages : 28
Inscrit(e) le : 26/11/2011

http://fairytail-soyokaze.forumactif.org/
Ksu no Raitā a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec un code pour modifier l'affichage des catégories...

Message par lly* le Dim 28 Juil 2013 - 14:18

Ah merci beaucoup !

lly*
Nouveau membre

Messages : 28
Inscrit(e) le : 02/05/2012

http://trinityhighschool.forumsactifs.com/
lly* 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