Modifier les catégories

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

Résolu Modifier les catégories

Message par Akumi-U le Sam 11 Fév 2012 - 15:36

Bonjour !

Voilà j'aimerais arriver à modifier mes catégories selon le schéma donner un peu plus bas mais après plusieurs essais louper j'ai préférer tout effacer et demander un peu d'aide. J'avais supprimer grâce à l'aide du tuto du forum les 2 petites colonnes du milieu mais après, je me suis inspirée de l'aide proposer à ce sujet Ici mais mes bidouillages n'ont pas porter leurs fruit vu que je n'ai pas réussit à obtenir le résultat voulut.

Voilà le schéma que j'avais en tête :


Voilà mon Template Index_box :

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="{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 -->
   <!-- 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>
      <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>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </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 -->

Donc si quelqu'un est assez gentil pour m'aider se serai avec grand plaisir ^^
Merci beaucoup ^^

Akumi-U
Nouveau membre

Messages : 14
Inscrit(e) le : 29/01/2010

http://devilhigh.forumgratuit.org
Akumi-U a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par SoraNoHime le Dim 12 Fév 2012 - 13:06

Bonjour

quel est votre niveau de structures ? (PA > Affichage > Structure & Hiérarchie)

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par Akumi-U le Dim 12 Fév 2012 - 13:10

bonjour
Elles sont en séparer de l'index et en moyen et j'aimerai pouvoir les passer en complet grâce à cette structure du forum.

Akumi-U
Nouveau membre

Messages : 14
Inscrit(e) le : 29/01/2010

http://devilhigh.forumgratuit.org
Akumi-U a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par SoraNoHime le Dim 12 Fév 2012 - 16:10

En complet, cela ne sera pas vraiment possible. Techniquement oui en moyen, séparer de l'index ou non. J'attend de connaitre quelle sera la structure que vous désirez, car selon cela, les codes ne se font pas à l'identique.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par Akumi-U le Dim 12 Fév 2012 - 16:12

Si complet ce n'est pas possible je reste en Moyen Séparer alors.

Et merci beaucoup

Akumi-U
Nouveau membre

Messages : 14
Inscrit(e) le : 29/01/2010

http://devilhigh.forumgratuit.org
Akumi-U a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par SoraNoHime le Lun 13 Fév 2012 - 0:33

1. repérez :
Code:
<!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
et remplacez le cellspacing="1" par cellspacing="0", et le cellpadding="0" par cellpadding="10"

2. Repérez:
Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> 
et remplacez le colspan="{catrow.tablehead.INC_SPAN}" par colspan="4"

3. Repérez :
Code:
      <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>

et supprimez cette partie.

4. Repérez :
Code:
 <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>
et changez le par :
Code:

      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><div class="foicon">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
      </td>

5. Repérez :
Code:
<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}>
et remplacez le par
Code:
<div class="fotitle"><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}></div>

6. Repérez :
Code:
<div class="fotitle"><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}></div>
        <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 -->
et remplacez le par
Code:
<div class="fodesc"><div class="fotitle"><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}></div>
        <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 --></span></div>

7. Repérez :
Code:
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
et remplacez le par
Code:
  </td> <td class="row1 over">  <div class="fosubfo">  <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> </div>

8. Repérez :
Code:
<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>
et supprimez le

9. Repérez :
Code:
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
et remplacez le par
Code:
<td class="row3 over" align="center" valign="middle" height="50"><div class="fomsgsuj">
        <span class="gensmall">{catrow.forumrow.POSTS} Messages |{catrow.forumrow.TOPICS} Sujets</span></div>
        <div class="fodersuj"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>

Commencez par faire ceci, puis nous nous attaquerons à la css ^^

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par Akumi-U le Lun 13 Fév 2012 - 14:21

Voilà c'est fait ^^


Akumi-U
Nouveau membre

Messages : 14
Inscrit(e) le : 29/01/2010

http://devilhigh.forumgratuit.org
Akumi-U a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par SoraNoHime le Lun 13 Fév 2012 - 18:41

Tout vous semble à la bonne place ? ou y'a t-il des problèmes hormis des aspect css ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par Akumi-U le Lun 13 Fév 2012 - 18:46

Perso sa me semble à la bonne place.

Après si vous préférez vérifier en regardant l'aspect du forum voici le lien
http://devilhigh.forumgratuit.org/

Akumi-U
Nouveau membre

Messages : 14
Inscrit(e) le : 29/01/2010

http://devilhigh.forumgratuit.org
Akumi-U a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par SoraNoHime le Lun 13 Fév 2012 - 19:07

Pour la css, mettez ceci :

Code:
.foicon {
  border : 1px solid #ff0000;
-moz-border-radius : 30px;
-webkit-border-radius : 30px;
-khtml-border-radius : 30px;
border-radius : 30px;
padding : 15px;
}

.fotitle {
  border : 1px solid #ff0000;
-moz-border-radius : 30px;
-webkit-border-radius : 30px;
-khtml-border-radius : 30px;
border-radius : 30px;
padding : 15px;
}

.fodesc {
  border : 1px solid #ff0000;
-moz-border-radius : 30px;
-webkit-border-radius : 30px;
-khtml-border-radius : 30px;
border-radius : 30px;
padding : 15px;
}

.fosubfo {
  border : 1px solid #ff0000;
-moz-border-radius : 30px;
-webkit-border-radius : 30px;
-khtml-border-radius : 30px;
border-radius : 30px;
padding : 15px;
  width : 125px;
}

.fomsgsuj {
  border : 1px solid #ff0000;
-moz-border-radius : 30px;
-webkit-border-radius : 30px;
-khtml-border-radius : 30px;
border-radius : 30px;
padding : 15px;
  width : 150px;
 margin-bottom : 15px;
}

.fodersuj {
  border : 1px solid #ff0000;
-moz-border-radius : 30px;
-webkit-border-radius : 30px;
-khtml-border-radius : 30px;
border-radius : 30px;
padding : 15px;
  width : 150px;
}

Je vous laisse personnaliser les couleurs et l'angle des contours. Y'a t-il des problèmes ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier les catégories

Message par Akumi-U le Lun 13 Fév 2012 - 19:15

C'est nikel.
Merci beaucoup !

Akumi-U
Nouveau membre

Messages : 14
Inscrit(e) le : 29/01/2010

http://devilhigh.forumgratuit.org
Akumi-U 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