Problème déplacement catégories

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

Résolu Problème déplacement catégories

Message par Eden. le Sam 10 Mai 2014 - 11:32



Dernière édition par Eden. le Sam 10 Mai 2014 - 19:58, édité 1 fois

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème déplacement catégories

Message par Self le Sam 10 Mai 2014 - 12:33

Bonjour Eden. Smile !

Essayez de remplacer votre template par ceci :
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}&nbsp;{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="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>
      <!-- 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}>
         <table width="100%">
            <tr>
               <td width="80%"></td>
               <td class="stats"><span class="gensmall"></span></td>
            </tr>
            <tr>
               <td width="80%">
                  <div class="descrip">
                     <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  </div>
               </td>
               <td class="sousfo">
                  <span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  <script type="text/javascript">
                       jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
                    </script>
                 </td>
              </tr>
           </table>
         <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="bottom">
         <div class="lastm">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
         </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 -->

Puis votre CSS par ceci :
Code:
/*CATÉGORIE*/

/*fond description*/
.descrip{
   -moz-border-radius:40px 40px 40px 40px;
   -webkit-border-radius:40px 40px 40px 40px;
   border-radius:40px 40px 40px 40px;
   background-color: white;/*couleur de fond*/
   padding: 2px 22px;/*marge intérieure*/
   height:80px;
   background-image:url("http://i59.tinypic.com/2rh2xhv.png");
}
       
/*sous-forums*/
.sousfo{
     height:80px;
   background-image:url("http://i60.tinypic.com/i2myrb.png");
   padding: 2px 3px;/*marge intérieure*/
   -moz-border-radius:40px 40px 40px 40px;
   -webkit-border-radius:40px 40px 40px 40px;
   border-radius:40px 40px 40px 40px;
       
}
       
       
/*dernier message*/
.lastm{
   background-color:white;/*couleur de fond*/
   padding: 2px 3px;/*marge intérieure*/
     padding-top: 12px;
   margin-bottom: 2px;/*marge extérieure bas*/
   height:80px;
     width:135px;
   -moz-border-radius:40px 40px 40px 40px;
   -webkit-border-radius:40px 40px 40px 40px;
   border-radius:40px 40px 40px 40px;
   background-image:url("http://i59.tinypic.com/2rh2xhv.png");
     -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
}
       
       
a.cattitle {
   display: block;
   font-style: 18px;
   font-family: Lobster two;
   color: #FCF4CF;
   text-align:center;
       
}
       
       
.secondarytitle h2 {
   display:block;
   font-size: 12px;
   font-family: Lobster two;
   color: #FCF4CF;
   text-align:center;
}
       
a.forumlink:link {
   font-size: 15px;
   font-family: Lobster two;
   color:black;
   text-align:center;
   padding-top:20px;
   padding-bottom:20px;
   padding-left:20px;
}
       
       
a.forumlink:link:hover {
   font-size: 16px;
   font-family: Lobster two;
   color: red;
   text-align:center;
   padding-top:20px;
   padding-bottom:20px;
   padding-left:20px;
}
/*fin catégories*/

Bonne journée Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Problème déplacement catégories

Message par Eden. le Sam 10 Mai 2014 - 17:49

Merci beaucoup SeLfde4Th7, du coup ça aligne tout bien enfin ! Mais la case sous forum au milieu ne veut pas s'élargir sur la longueur par le biais du css (width) et les liens sont au milieu de la case hmm...

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème déplacement catégories

Message par Self le Sam 10 Mai 2014 - 17:53

Re,

Cherchez dans votre template le passage suivant :
Code:
              <td width="80%">
                  <div class="descrip">
                     <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  </div>
               </td>

et remplacez 80% par 75% par exemple, la case des sous-forums devrait automatiquement s'agrandire Wink.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Problème déplacement catégories

Message par Eden. le Sam 10 Mai 2014 - 18:42

Re ^^

Merci pour votre réponse rapide malheureusement rien ne bouge, elle est non modelable celle là on dirait x)

C'est peut être dans cette partie qu'il y a un truc à faire non?

Code:
 <td class="sousfo">
                  <span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  <script type="text/javascript">
                       jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
                    </script>
                 </td>

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème déplacement catégories

Message par Self le Sam 10 Mai 2014 - 19:30

Bonjour,

Cherchez ce passage :
Code:
        <table width="100%">
            <tr>
               <td width="80%"></td>
               <td class="stats"><span class="gensmall"></span></td>
            </tr>
            <tr>
               <td width="80%">
                  <div class="descrip">
                     <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                  </div>
               </td>
               <td class="sousfo">
                  <span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  <script type="text/javascript">
                       jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
                    </script>
                 </td>
              </tr>
           </table>

Puis remplacez le par :
Code:
                <table width="100%">
                    <tr>
                       <td width="75%">
                          <div class="descrip">
                             <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                          </div>
                       </td>
                       <td class="sousfo">
                          <span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                          <script type="text/javascript">
                               jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br/>')).removeAttr('id');
                            </script>
                         </td>
                      </tr>
                   </table>

Je ne sais pourquoi la ligne du dessus posait problème, de toute façon elle était vide Wink.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Problème déplacement catégories

Message par Eden. le Sam 10 Mai 2014 - 19:58

Super ! Ça marche impeccable, je vous remercie encore !  I love you 

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. 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