Catégorie a coder

[Sai Niwa]

Bonjour a tous !

Voila, je suis assez nul en codage et j'ai besoin d'aide. Voila ce que j'aimerai avoir a la fin :

Spoiler:

J'aimerai que tout soit sans contour ... juste que je puisse mettre une image que j'aurai choisit en arrière plan ...

et puis je pense que c'est tout ...

pouvez vous m'aider ?

[SoraNoHime]

Bonsoir,

avez-vous déjà modifié votre template index_box? si oui me le fournir ? quelle est votre hiérarchie choisie pour vos forums ?

Cordialement.

[Sai Niwa]

Aucun template modifier sinon je l'aurai deja donner ... ensuite, j'utilise le Séparer les catégories sur l'index : moyen

[Sai Niwa]

UP

[SoraNoHime]

Voici votre 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="tourcat" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td  width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td 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 colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td 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 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 align="center" valign="middle" height="50">
         <span class="gensmall"><div style="width:150px;">{catrow.forumrow.LAST_POST}<br/>
Messages : {catrow.forumrow.POSTS} Sujets : {catrow.forumrow.TOPICS}</div></span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td 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 -->

et dans votre css ajoutez :

.tourcat {
background-image:url("lien de votre image");
}

.secondarytitle {
background-color : transparent;
}

[Sai Niwa]

Pouvez vous me decrire un peu le CSS juste les base, je veux dire .tourcat et .secondarytitle s'il vous plais

[SoraNoHime]

.tourcat est l'apparence du fond de votre catégorie entière.
.secondarytitle est l'apparence du fond du titre de la catégorie, ici mis en transparence pour que l'image en dessous apparaisse

[Threax]

Bonjour,

Les UP ne sont autorisés qu'après 24h sans réponse, merci de relire les règles.

[Sai Niwa]

Je viens de voir que j'ai un gros probleme, ... avec la commande ... le fait est que je voulais faire comme si il y avait des cadres mais transparant ... Je vous montre encore avec un shema :

Spoiler:

Je voudrai que tout les cadre soit personnalisable et les texte de meme ... et que le cadre blablabla et le cadre"NB message et NB sujet" soit coller ... si possible
Je suis désolé c'est ma faute je me suis très mal exprimer dans mon premier shema ... vraiment désolé

est ce possible de le faire ?

[SoraNoHime]

Dans ce cas, votre index_box sera celui-ci :

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="tourcat" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      </tr>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td  width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td 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 colspan="3" align="right"> </td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <tr>
          <!-- BEGIN inc -->
          <td width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td align="center" valign="middle" class="imgnew">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td 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}>
            <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
            <center><span class="sujmsg"><span class="gensmall">Messages : {catrow.forumrow.POSTS} Sujets : {catrow.forumrow.TOPICS}</span></span></div></center>
<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 align="center" valign="middle" height="50" class="dersuj">
            <span class="gensmall"><div style="width:150px;">{catrow.forumrow.LAST_POST}</span> 
          </td>
      </tr>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td 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 -->

et dans votre css ajoutez :

Code:

 .tourcat {
background-image:url("lien de votre image");
}

.secondarytitle {
background-color : transparent;
}

a.forumlink {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

.dersuj {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

.imgnew {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

.descript {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
margin : 5px;
}

.sujmsg {
border : 1px solid #ff0000;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
}

tout à personnaliser en sachant que

.tourcat = la totalité d'une catégorie
.secondarytitle = le titre de la catégorie
a.forumlink ) le titre des forums
.dersuj = le tour de dernier sujet
.imgnew = le tour des images new, no new et lock
.descript = le tour de la description
.sujmsg = le tour de sujet et messages.

Cordialement.

[Invité]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif