apparence des catégories

[minatokage]

Bonjour

je suis actuellement an train de refaire mon forum
j'ai commence a personnalisé les categorie
avec les tuto du site FA

voila ce que j'ai sur mon forum

ce que je voudrait avoire


mon css

Code:


#page-footer
{
background-image: url("http://i46.servimg.com/u/f46/16/76/39/39/fond_b10.png");
background-repeat: no-repeat;
background-position:  top center;
width: 111%;
height: 160px;
margin-top: 15px;
margin-bottom: -19px;
margin-left: -57px;
}


#i_logo
{
margin-top: -18px;
}


   
.barre_nav{
position: absolute;
left: 20px;
top: 263px;
right: 20px;
}

     
.mainmenu
{
margin-right: 0px;
margin-left: -0px;
}



a.forumlink {
display : block;
text-align : Left;
font-size :14px;
}




body
{
background-color: #242424;
background-repeat: repeat-y;
background-position: top center;
}



#page-body
{
max-width: 852px;
margin: auto;
}



.imghaut {
background-image: url('http://i46.servimg.com/u/f46/16/76/39/39/sans_t12.png');
background-repeat: no-repeat;
background-color: transparent;
height:64px;
width:852px;
}

.imgbas {
background-image: url('http://i46.servimg.com/u/f46/16/76/39/39/cat_ba10.png');
background-repeat: no-repeat;
background-color: transparent;
height:10px;
width:852px;
 } 

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}

         {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="imghaut" 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" class="dersuj"><div style="width:150px;">{L_LASTPOST}</div></th>
      </tr>
</table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <!-- 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">
                 <table width="100%"><tbody><tr><td><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}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</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>
      </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><div class="imgbas"> </div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot -->
              <!-- END catrow -->

lien de mon forum: http://thereturnofninja.1fr1.net/forum

j’espère que je me suis mieux exprimé
Merci D’avance pour veux réponse
cordialement

[kheino]

Salut,

Tu peux trouver ici un tuto qui ressemble à ce que tu demandes, du moins si j'ai bien saisi...

[minatokage]

merci de votre réponse Non, ce n'est pas ca j'ai déjà suivie ce tuto
désolé si je me suis mal exprimé je vais re édité mon poste

[Edite]j'ai édité mon premier poste

[kheino]

Ton forum a comme un problème de structure, non ?

Pour les titres c'est assez simple, mais je n'ai pas compris la suite... :-(

[minatokage]

je suis pas doués pour les long discoure ou pour explique
j'ai fait un autre schéma



et un cadre pour mes sous forum comme sur le lien
ici
https://nsa28.casimages.com/img/2011/06/27/110627071021487539.jpg
le cadre mauve


j’espère que je me suis mieux explique
merci d'avance

[minatokage]

up

[SoraNoHime]

Bonsoir

déjà il y a un problème dans votre demande. C'est que la partie avec le titre du sujet, le nom du posteur et la date et l'heure ne peuvent être changé. Tout simplement parce qu'ils sont contenus dans une seule et même balise.

Par contre l'icone new, no new lock peu etre déplacé.

A partir de cette nouvelle donnée, merci de me refaire un schéma et je vous aiderai ^^

Cordialement.

[minatokage]

bonjour et merci de votre réponse
dommage je vais fait plus simple ^^

je voudrait avoir le titre du sujet dans la colonnes dernier message comme sur forumactif

et si c'est possible comme mon poste un peut plus haut
un cadre pour mes sous forum comme sur le lien
https://nsa28.casimages.com/img/2011/06/27/110627071021487539.jpg

merci d avance

[SoraNoHime]

En fait il s'agit d'un cadre dans la description.

Pour afficher le tire aller dans PA > Affichage > Structures et hiérachie. Afficher le titre du sujet du dernier message d'un forum sur l'index, cliquez sur oui et

Pour la description, repérez ceci dans votre template index_box :

Code:

<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>

et changez le ainsi :

Code:

<div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>

Enregistrez puis publiez votre template en cliquant sur

enfin dans votre css mettez :

Code:

.descript {
text-align : center;
background-color : #ff0000;
border : 2px solid #00ff00;
-moz-border-radius:20px;
-webkit-border-radius:20 px;
-border-radius:20 px;
-khtml-border-radius:20 px;
}

personnaliser par vos propres couleurs. Cordialement.

[minatokage]

un grand merci pour ton aides
sa fonctionnes ^^
résolu