Modification forums et catégories.

[LA.Virus]

Bonjour à tous~

Alors j'ai enfin décidé de franchir le pas, modifier mes forums. Je n'ose pas trop bidouiller seule cette partie, de peur de faire n'importe quoi.

Pour avoir une petite idée de ma requête, la voici en schéma:

Spoiler:

Bien entendu, je ne vous demande pas de suivre le schéma à la lettre, puisque moi-même je ne sais pas ce qui est possible ou non à ce niveau. Faîtes vous plaisir vais-je dire ^^

Le nouv/no/x est la position de l'image new/no/x* que j'aimerai, les lien lien lien sont les liens des sous-forums, mais vous vous en doutez sûrement. Ce serait parfait si le nom du forum pour ressortir, et être plus voyant et assez grand.

*J'aimerai savoir, en même temps, si c'était possible de ne plus se servir d'image pour marquer les endroits verrouillés, les nouveaux messages etc... Mais bien de couleur? Changer la couleur du nom du forum selon son statut? Si c'est possible, c'est ce que je souhaiterai.

Mon css:

Code:


body{margin-top: 0px;}

body{margin-bottom: 0px;}


.postbody {
padding-left: 10px;
padding-right: 10px;
display: block;
text-align: justify;
}


a.forumlink:link, a.forumlink:visited {
font-family:  chalkboard;
text-transform : uppercase;
text-align: left;
font-size: 130%;
border-bottom: none;
color: #D4AAAE;
text-shadow: 1px 1px 1px #000000 ;
letter-spacing: 8px;
display: block;
-moz-border-radius:1px;
}

a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://i42.servimg.com/u/f42/11/52/76/47/bannia12.jpg");
color: #BB777D;
text-align: left;
display: block;
border-bottom: none;
-moz-border-radius:1px;
}


.statistiques{
border:0px;
background-image: url("http://i42.servimg.com/u/f42/11/52/76/47/bannia12.jpg");
background-repeat: no-repeat;
background-position: center;
height:427px;}

.groupes{
background-color:#FFFFFF;border: 2px #D0D0D0 double;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}


body
{
margin-top:-20px;
margin-left:-30px;
margin-right:-30px;
}




body
{margin-top: 0px;
margin-bottom: -25px;}

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


u{border-bottom: 2px solid;
border-color:#D94C6A;
text-decoration: none;
-moz-border-radius:6px;
}


I{border-bottom:none; color:#D94C6A;
text-decoration: none
}



.boite1 {
border: 2px solid #212121;
background-color: #D94C7A;
padding: 10px;
-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 600px;
font-variant: small-caps;
text-shadow: #555555 0px 0px 3px;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px; }


.boite2 {
border: 1px solid #212121;
height: 400px;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px; }

.boite3 {
border: 1px solid #212121;
width: 200px;
height: 400px;
background-color: #EBEBEB;
-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; }

.boite4 {
border: 1px solid #212121;
width: 400px;
padding: 10px;
background-color: #EBEBEB; }

.boite5 {
border: 1px solid #D94C81;
-border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background-color: #212121;
width: 350px;
padding: 5px;
font-variant: small-caps;
text-shadow: #FFFFFF 0px 0px 3px;
text-color: #7A7A7A;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px; }

.boite6 {
border: 1px solid #D94C81;
-border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background-color: #212121;
width: 300px;
padding: 5px;
font-variant: small-caps;
text-shadow: #FFFFFF 0px 0px 3px;
text-color: #7A7A7A;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px; }

.boite7 {
border: 1px solid #212121;
-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #EBEBEB;
height: 200px;
width: 300px;
padding: 5px;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px;
overflow: auto; }

.boite8 {
border: 1px solid #D94C81;
-border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background-color: #212121;
width: 600px;
padding: 10px;
font-variant: small-caps;
text-shadow: #FFFFFF 0px 0px 3px;
text-color: #7A7A7A;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px; }

.boite9 {
border: 1px solid #212121;
-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #EBEBEB;
height: 400px;
width: 600px;
padding: 10px;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px;
overflow: auto; }

.boite10 {
border: 1px solid #212121;
-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #EBEBEB;
height: 150px;
width: 600px;
padding: 10px;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px;
overflow: auto; }


.boite11 {
border: 3px solid #212121;
-border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background-color: #EBEBEB;
width: 550px;
padding: 10px;
font-variant: small-caps;
text-shadow: #FFFFFF 0px 0px 3px;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px; }

.boite12 {
border: 1px solid #D94C81;
-border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background-color: #212121;
width: 620px;
padding: 5px;
font-variant: small-caps;
text-shadow: #FFFFFF 0px 0px 3px;
text-color: #7A7A7A;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px; }

.boite13 {
border: 2px solid #212121;
background-color: #A2A2A2;
padding: 10px;
-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 600px;
font-variant: small-caps;
text-shadow: #555555 0px 0px 3px;
-moz-box-shadow: #888888 0px 0px 8px;
-webkit-box-shadow: #888888 0px 0px 8px;
box-shadow: #888888 0px 0px 8px; }

Mon index-box:

Code:






[table align="center" border="0" cellpadding="0" cellspacing="1" width="100%"]   [tr]      [td valign="bottom"]
         
         {LAST_VISIT_DATE}

         {CURRENT_TIME}

         
         
         [url=http://forum.forumactif.com/%7BU_INDEX%7D]{L_INDEX}[/url]{NAV_CAT_DESC}
      [/td]      [td class="gensmall" align="right" valign="bottom"]
         
         [url=http://forum.forumactif.com/%7BU_SEARCH_NEW%7D]{L_SEARCH_NEW}[/url]

         [url=http://forum.forumactif.com/%7BU_SEARCH_SELF%7D]{L_SEARCH_SELF}[/url]

         
         [url=http://forum.forumactif.com/%7BU_SEARCH_UNANSWERED%7D]{L_SEARCH_UNANSWERED}[/url]
      [/td]   [/tr][/table]






































[table class="forumline" border="0" cellpadding="0" cellspacing="1" width="100%"]   [tr]       {catrow.tablehead.L_FORUM}       {L_TOPICS}      {L_POSTS}      {L_LASTPOST}
   [/tr]         [tr]            [td class="{catrow.cathead.inc.INC_CLASS}" width="46"][img]%7BSPACER%7D[/img][/td]            [td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"]
         
            
               [url=http://forum.forumactif.com/%7Bcatrow.cathead.U_VIEWCAT%7D]{catrow.cathead.CAT_TITLE}[/url]
            
         
      [/td]      [td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"] [/td]   [/tr]         [tr]            [td class="{catrow.forumrow.inc.INC_CLASS}" width="46"][img]%7BSPACER%7D[/img][/td]            [td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"]
         [img]%7Bcatrow.forumrow.FORUM_FOLDER_IMG%7D[/img]
      [/td]      [td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" height="50" valign="top" width="100%"]
         
            
               [url=http://forum.forumactif.com/%7Bcatrow.forumrow.U_VIEWFORUM%7D]{catrow.forumrow.FORUM_NAME}[/url]

            
         
         {catrow.forumrow.FORUM_DESC}
         
            
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         
      [/td]      [td class="row3" align="center" height="50" valign="middle"]
         {catrow.forumrow.TOPICS}
      [/td]      [td class="row2" align="center" height="50" valign="middle"]
         {catrow.forumrow.POSTS}
      [/td]      [td class="row3 over" align="center" height="50" valign="middle"]
         {catrow.forumrow.LAST_POST}
      [/td]   [/tr]         [tr]            [td class="{catrow.catfoot.inc.INC_CLASS}" width="46"][img]%7BSPACER%7D[/img][/td]            [td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"][img(1,1)]%7BSPACER%7D[/img][/td]   [/tr]      [/table][img(1,5)]%7BSPACER%7D[/img]

Merci infiniment à celui/celle qui répondra à ma requête.
Si besoin de plus de détails etc, n'hésitez pas!

[SoraNoHime]

Bonjour

quelle est votre hiérarchie ?

Cordialement.

[LA.Virus]

Merci pour votre réponse.

Je suppose que c'est ceci;

Spoiler:

Faut-il que je la modifie pour vous simplifier la tâche?

[SoraNoHime]

Pas si vous le désirez pas ^^

C'est juste pour moi pouvoir vous constuire votre template au mieux. D'une hiérarchie à une autre, il peut y avoir de grandes différences.

Je peux mettre un peu de temps pour faire votre projet, n'hésitez pas à upper, une fois toutes les 24h, si besoin.

Cordialement.

[LA.Virus]

Prenez tout votre temps, c'est déjà très aimable de vous dévouer. ^^

Merci.

[SoraNoHime]

Pouvez-vous me renvoyer votre template ? il apparait actuellement sous format BBcode, donc e ne peux rien en faire.

Cordialement.

[LA.Virus]

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 -->

Comme ceci?

[LA.Virus]

Up?

[LA.Virus]

Puis-je avoir des nouvelles? Je n'ai plus que 5 jours pour finaliser mon nouveau design...

[LA.Virus]

Je clos, désolé Macema.