Problème avec la modification de mes catégories!

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

Résolu Problème avec la modification de mes catégories!

Message par Naley13 le Ven 29 Avr 2011 - 21:53

Bonsoir à tous (:

Je suis actuellement en train d'essayer de donner un "coup de neuf" aux catégories de mon forum, malheureusement j'ai eu un résultat très loin de ce que je cherchais à faire au départ ...
mon résultat à moi ; http://img11.hostingpics.net/pics/920238SHOW2.png

J'ai réussi à mettre les fonds de chaque côté de couleur différente, mais après pour les tailles c'est la cata,la partie description du forum et derniers messages se chevauchent ! De plus, je voulais mettre l'image de gauche (nouveau message/pas de nouveau message) tout à droite avec "derniers messages posté" mais je n'ai pas dû mettre le code au bon endroit --'

Un énorme merci à ceux qui prendront le temps de m'aider (:
Bonne soirée Smile


Dernière édition par Naley13 le Mer 4 Mai 2011 - 9:08, édité 2 fois

Naley13
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 03/06/2006

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

Résolu Re: Problème avec la modification de mes catégories!

Message par Anzu le Ven 29 Avr 2011 - 21:58

Bonsoir,

A la base, que vouliez vous faire ? Smile ("structure")
Il y a pleins d'erreurs dans votre template, beaucoup de balises ne se ferment pas, enfin c'est l'anarchie Razz


Edit: Le mieux c'est que vous fassiez un schéma du rendu que vous aimeriez avoir, histoire que je fasse les modifications sur un template par défaut.

Cordialement.

Anzu
+ Hyperactif +

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

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

Résolu Re: Problème avec la modification de mes catégories!

Message par Naley13 le Ven 29 Avr 2011 - 22:21

Bonsoir (:

Tout d'abord merci beaucoup pour la réponse aussi rapide I love you

Ah d'accord /:

Alors voici un petit schéma de ce que j'essaie de faire, en gros : http://img11.hostingpics.net/pics/142985EXEMPLE1.png
Ou bien un exemple plus "précis" : http://img11.hostingpics.net/pics/49558613.png

Merci pour votre aide, si vous avez besoin de plus n'hésitez pas (:

Naley13
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 03/06/2006

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

Résolu Re: Problème avec la modification de mes catégories!

Message par Anzu le Sam 30 Avr 2011 - 9:47

Bonjour,

Effectivement c'est beaucoup mieux avec le schéma Razz

Donc je suis repartie d'un template de base.
Index box modifié:


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="4" 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"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
<tr><td colspan="4">    <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span></td></tr>
   <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="row1 over" colspan="2" valign="top" width="100%" height="50"><div class="cadrecat">
       <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
           
            </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
         <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></div>
      </td>

      <td style="min-width: 150px;" class="row3 over" align="center" valign="middle" height="50">
         <div class="cadrecat"><div style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages {catrow.forumrow.TOPICS} sujets.</div><br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span><br />
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
      </td>
   </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 -->

CSS (à rajouter)

Code:
.cadrecat {
padding: 5px;
background-color: #ffffff;
height: 130px;
}

Je vous aurais bien expliqué, mais au final je me dis que ca va plus vous embrouiller qu'autre chose, étant donné qu'il a fallu bouger des td, des tr, remettre des td avec des div, mettre des colspan, etc.
A vous de me dire ^"

Cordialement.

Anzu
+ Hyperactif +

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

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

Résolu Re: Problème avec la modification de mes catégories!

Message par Naley13 le Sam 30 Avr 2011 - 10:17

Bonjour (:

Merci beaucoup, ça fonctionne et c'est exactement ce que je voulais faire, merci I love you

Juste, une dernière petite question, est-ce que c'est possible de modifier la largeur des cadres blancs indépendament ? C'est à dire, mettre celui de gauche plus large (500 px par exemple) et celui de droite moins large (200 px par exemple) ? Smile
Aussi, pour afficher le dernier sujet dans lequel l'utilisateur à posté dans le cadre de droite ?

Naley13
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 03/06/2006

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

Résolu Re: Problème avec la modification de mes catégories!

Message par Anzu le Sam 30 Avr 2011 - 13:28


Moins large pour celui de droite ?
Il fait 150 px Wink

Pour les derniers sujets, c'est à vous de l'activer dans le PA.
Affichage > Page d'accueil > Structure et Hiérarchie > Hiérarchie > Afficher le titre du sujet du dernier message d'un forum sur l'index > Cochez "oui".

Cordialement.

Anzu
+ Hyperactif +

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

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

Résolu Re: Problème avec la modification de mes catégories!

Message par Naley13 le Sam 30 Avr 2011 - 14:24

Non en fait, là les largeurs des deux cadres vont ensemble, c'est à dire que lorsqu'on diminue la taille de l'un, ça diminue aussi la taille de l'autre. En fait, j'aimerai bien que lorsque l'on diminue la largeur de celui de gauche, ça ne diminue pas la largeur de celui de droite! Je ne sais pas si vous voyez ce que je veux dire? (:

Ah d'accord, super, merci I love you

EDIT : Problème résolu, merci (:

Naley13
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 03/06/2006

Naley13 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