Apparence des titres de " catégories "

3 participants

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

Résolu Apparence des titres de " catégories "

Message par Paruu Jeu 9 Mai 2013 - 17:05

Bonjour,

Je suis actuellement en train de faire des recherches pour améliorer le codage du forum dont je suis administratrice et " graphiste ", et je me suis trouvée bloquée devant un problème qui ne doit surement pas en être un~

Pour vous expliquer de manière claire, voici ce que j'ai réussi à faire :
Spoiler:

Et j'aimerais que la bande bleue foncé soit sur toute la largeur, comme ceci :
Spoiler:

Alors, j'ai essayé de modifier le template Index_box, le problème étant les 150px sur le côté droit que je n'arrive pas à faire disparaître sans que la partie qui est en dessous (celle des derniers messages) ne change de largeur (soit toujours 150px, j'ai d'ailleurs centré le titre en ajoutant un padding-left de 150px...)

Voici ma version modifié du template Index_box :
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div style="padding-left:150px;"> {catrow.tablehead.L_FORUM} </div></th>
        <!-- <th nowrap="nowrap" width="150"><div style="width:150px;"></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"> </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}>
         <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>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;">
         <span class="gensmall">
         <div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div>
         <div class="sujets_messages"><font size="1">(Sujets : {catrow.forumrow.TOPICS} ; Messages: {catrow.forumrow.POSTS})</font></div></span>
         </div>
      </td>
<!-- END forum_link_no -->
   </tr>
   <!-- END forumrow -->

Et le petit css utilisé :
Code:
.secondarytitle {
text-align: center;
height: 20px;
border-radius:10px 10px 10px 10px;
background-image:url('http://i63.servimg.com/u/f63/12/73/61/33/th/mo310.png');
}

Je crois que cette partie est le titre des catégories à proprement dit. Voilà, j'espère que j'ai réussi à exposer mon problème clairement et je vous remercie de vouloir m'aider !




Dernière édition par Paruu le Ven 10 Mai 2013 - 13:45, édité 1 fois
avatar

Paruu
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 12/07/2011

http://internat-tsukiyo.forumactif.org/
Paruu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des titres de " catégories "

Message par HeleneM Jeu 9 Mai 2013 - 19:52

Bonjour,
Ce que je peux te conseiller, supprime ton div, le tr et remplace le th par span
dit moi ce que ça te donne ^^
HeleneM

HeleneM
***

Féminin
Messages : 170
Inscrit(e) le : 30/07/2011

http://enviedechangements.forumactif.org/
HeleneM a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des titres de " catégories "

Message par Anzu Jeu 9 Mai 2013 - 20:20


Bonsoir,

Ici:

Code:
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><div style="padding-left:150px;"> {catrow.tablehead.L_FORUM} </div></th>

Il suffit de mettre un colspan de 4.

Vous remplacez {catrow.tablehead.INC_SPAN} par 4.

Il faudra également retirer le div Wink

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des titres de " catégories "

Message par Paruu Ven 10 Mai 2013 - 13:44

Bonjour,

J'ai testé la solution de Shimi et ce n'a pas marché ; voilà ce que j'ai obtenu :
Spoiler:

J'ai ensuite testé la solution de Anzu et là, ça a marché impeccable, exactement ce que je voulais~ J'avais également pensé changer la valeur du colspan, mais ne sachant pas ce qu'était " {catrow.tablehead.INC_SPAN} ", je n'avais pas osé y toucher...

En tout cas, un grand merci à vous deux ! C'est la première fois que je pose directement une question (ça fait un moment que je regarde dans le forum quand j'ai un problème de codage) et je suis vraiment étonnée de la rapidité de réponse ! Merci beaucoup ! (Et merci d'avoir déplacé le sujet, je ne savais pas vraiment où poser ma question "^^)
avatar

Paruu
Nouveau membre

Féminin
Messages : 3
Inscrit(e) le : 12/07/2011

http://internat-tsukiyo.forumactif.org/
Paruu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum