Image de fond des catégories

[Vicsius]

Voilà ma demande initiale:

J'aimerais mettre une image en fond de mes catégorie comme là:

Réponse de Macema:

remplacer votre index_box par 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}

                {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="catfond" width="100%" border="0" cellspacing="0" 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 class="{catrow.cathead.inc.INC_CLASS}" 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>

                    </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 -->
                    <table width="100%"><tr><td>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</td></tr></table>
                </span>
              </td>
              <!-- BEGIN forum_link_no -->
              <td align="center" valign="middle" height="50" witdh="50">
        <div class="gensmall"><b>Sujets :</b> {catrow.forumrow.TOPICS} | <b>Messages :</b> {catrow.forumrow.POSTS}</div><br>
                <div class="lastpost">{catrow.forumrow.LAST_POST}</div>
              </td>
              <!-- END forum_link_no -->
              <!-- BEGIN forum_link -->
       

          <td align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
              <!-- END forum_link -->
          </tr>
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
          <tr>
              <!-- BEGIN inc -->
              <td 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 -->

et rajoutez dans votre css :

Code:

  /*Titre des catégories*/
    .secondarytitle, .secondarytitle h2 {
    background-color: transparent;}

    .catfond {
    background-image: url('lien de votre image');
    background-repeat: no-repeat;
    background-position:top center;
    height: hauteur de votre imagepx;
    width: largeur de votre imagepx;}

Personnalisez le .catfond avec le lien de votre image , sa hauteur et sa largeur. enregistrez.

Ma réponse:

j'ai beau chercher, ajouter des padding, border, margin (avec top/center/bottom) aucun moyen de déplacer l'image à l'horizontale (par-contre supprimer la ligne background-position ne change rien)

[Vicsius]

PS: je viens d'ajouter d'autre catégorie et je n'es qu'une seule fois l'image ???

[SoraNoHime]

Je vous invite à choisir une autre image à mettre dans vos catégories le temps que je rectifie le placement de celle-ci.

Je vous rappelle que le plagiat est interdit.

Cordialement.

[Vicsius]

Ne vous inquiètez pas s'est juste pour un repère, mais aucun souci je cré un image simple et basique rapidement et je change sa (sa évitera les problèmes^^)

[Vicsius]

Voilà dsl je double-post mais s'est pour montrer mon changement d'image:

Donc au résultat mon image aura cette forme et cette taille (800x175px):



La partie de gauche contiendra la description de la catégorie
La partie centrale contiendra les forum et sous-catégorie
La partie de droite contiendra le dernier message et le nmb de message/sujet

[SoraNoHime]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Penser à votre message à la place.

L'image est-elle à taille réelle pour que je travaille avec ?

Je vous invite à fermer votre sujet sur l'emplacement des icones. Puisque nous devrons tout faire ensemble maintenant.

Cordialement.

[Vicsius]

Oui, l'image est à taille réelle aucun soucis là-dessus.
Pas de problème je le marque en résolue alors

EDIT: voilà je continuais toujours mes recherche et voulais commencer à créer certain de mes topic quand je me suis aperçu d'une chose: Mes catégories n'ont aucune sous-catégorie/forum (pour que soit plus explicite je vous fait un screen des 2):

Spoiler:

Alors que je devrait avoir tout sa:

Spoiler:

de même les 2 autres catégories qui ne montre aucune sous-catégorie/forum alors qu'il y en a, j'ai créé un topic dans chaque forum au cas où mais cela n'a rien changé, j'ai tenter de remettre les template d'origine puis de refaire les manip' et cela n'a rien changé non-plus.

[Lixyr]

Bonjour.

Quand vous allez dans

tableau d'administration >> affichage >> structure et hiérarchie

Qu'avez-vous coché ?
Essayez ceci :

Séparer les catégories sur l'index : moyen

et tout en bas :

Lien vers les niveaux inférieurs : oui

[Vicsius]

Pour:

-Séparer les catégorie sur l'index, je dois le mettre en complet, sinon les sous-catégories/forum apparaissent sur la 1ère page et ce n'est pas ce que je recherche.

-Et pour le lien vers les niveaux inférieurs, j'ai fait mon noob là-dessus j'ai laissé non :p

Merci à vous^^

[Lixyr]

D'accord. Et maintenant, tout est bon ?

[Vicsius]

Oui-oui pas de problème j'ai bien tout qui s'affiche^^

[Lixyr]

(Alors n'hésitez pas à mettre ce sujet en )

[Vicsius]

Ma demande n'est pas fini car mes sous-catégorie/forum ne sont pas placé là ou je le voudrais^^

[Lixyr]

C'est embêtant ça.

Puis-je avoir votre template index_box, maintenant ? Et potentiellement, le css, aussi.

[Vicsius]

Bien sûr voici le template index_box:

Spoiler:

et mon CSS complet:

Spoiler:

et j'ai un petit soucis quand je passe dans mes sous-catégories mon image de fond n'apparait qu'une fois au lieu pour chaque sous-catégorie (mais voyons sa par la suite^^)

[Vicsius]

Je met cette demande en resolu, malgtès le fait que ce ne soit pas fini car j'avais fait quelques erreur via mon template et celui-ci n'a plus rien à voir avec ce que je désire avoir, je referai une demande d'aide au besoin quand je reviendrais à cette partie ^^

Merci pour votre aide.

[Lixyr]

D'accord.

Bon courage à vous pour la suite.

[Vicsius]

Merci bien^^