Mise en forme des catégories avec un template déjà modifié

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

Résolu Mise en forme des catégories avec un template déjà modifié

Message par Westaly le Dim 20 Mai 2012 - 4:48

Bonjour ou Bonsoir,
J'ai trouvé ce sujet qui réponds bien à ma demande:

http://forum.forumactif.com/t331410-mise-en-forme-des-categories?highlight=en+-t%EAte+de+cat%E9gories

Mais le seul problème est que j'ai un template déjà modifié. Je le colle ici et je remercie en avance la personne qui m'aidera!

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}
 
        {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 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>
      <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"> </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>
 
            </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 -->


Dernière édition par Westaly le Lun 21 Mai 2012 - 4:03, édité 2 fois

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme des catégories avec un template déjà modifié

Message par Invité le Dim 20 Mai 2012 - 12:23

Bonjour,

Que souhaitez vous garder dans les modifications déjà effectuées sur votre template?

Bien sincèrement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme des catégories avec un template déjà modifié

Message par Westaly le Dim 20 Mai 2012 - 13:06

Code:
<!-- [ 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 ] -->

Ceci, merci! Enfin, je crois que c'est cette partie. Je ne suis pas encore assez familière avec les templates.

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme des catégories avec un template déjà modifié

Message par Invité le Dim 20 Mai 2012 - 14:14

J'ai inclus vos modification dans le template de base à la place de:
Code:
<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>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
Ensuite j'ai modifié le haut des catégories:
ceci:
Code:
<!-- 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>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
devient:
Code:
<!-- BEGIN tablehead --><table class="contour_index" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
    <td colspan="3" nowrap="nowrap" width="100%" class="en_tete_cat"> {catrow.tablehead.L_FORUM} </td>
  </tr>
   <!-- END tablehead -->
Puis ajouté l'image en bas:
ceci:
Code:
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
est devenu
Code:
<!-- BEGIN tablefoot -->
<tr><td height="80" colspan="3"><div class="footer_cat"></div></td></tr>
</table><br /><br /><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
Pour éviter que la colonne du dernier message soit déformée,
Code:
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
devient
Code:
<div style="width:150px;">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
Et enfin on ajoute au CSS:
Code:
/*contour*/
.contour_index{
  border-radius: 30px;
  border-left: 8px solid black;
  border-right: 8px solid black;
  border-top: 0;
  border-bottom: 0;
  background: grey;
  box-shadow: 5px 5px 25px  black;
  padding-left: 3px;
  padding-right: 3px;
}
 
/*image du haut*/
.en_tete_cat{
  background-image: url('http://i49.servimg.com/u/f49/15/99/75/54/fond_t10.gif');
  background-position:  center;
  background-repeat: repeat;
  background-color: grey;
  height: 80px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
 
/*apparence des titres des catégories*/
.en_tete_cat h2{
  font-size: 35px;
  color: white;
  text-align: center;
  margin: 0;
}
 
 
/*image du bas*/
.footer_cat{
  height: 80px;
  background-image: url('http://i49.servimg.com/u/f49/15/99/75/54/fond_t10.gif');
  background-position:  center;
  background-repeat: repeat;
  background-color: grey;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  }


Bien sincèrement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mise en forme des catégories avec un template déjà modifié

Message par Westaly le Dim 20 Mai 2012 - 23:38

Merci beaucoup pour cette aide! Malheureusement, lorsque j'essaye d'appliquer vos instructions ceci m'apparaît:

Erreur
La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte.

Voilà, alors je ne sais pas ce que j'ai mal fait. Peut-être pourriez-vous me construire le template au complet? Je vous serai éternellement reconnaissante!

Merci,
West


EDIT: Ça fonctionne! Merci beaucoup Very Happy

Westaly
*

Messages : 47
Inscrit(e) le : 28/03/2012

http://obscuro-momentum.forumactif.com
Westaly 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