Image de fond des catégories

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

Résolu Image de fond des catégories

Message par Vicsius le Mer 29 Juin 2011 - 16:49

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)


Dernière édition par Vicsius le Jeu 7 Juil 2011 - 18:14, édité 1 fois

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Vicsius le Mer 29 Juin 2011 - 16:51

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


Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par SoraNoHime le Mer 29 Juin 2011 - 17:11

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.

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: Image de fond des catégories

Message par Vicsius le Mer 29 Juin 2011 - 17:21

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

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Vicsius le Mer 29 Juin 2011 - 17:30

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


Dernière édition par Vicsius le Mer 29 Juin 2011 - 17:32, édité 1 fois (Raison : Ajout des partie de l'image)

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par SoraNoHime le Mer 29 Juin 2011 - 20:48

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 :

A bientôt sur ForumActif Smile

Penser à :editer: 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.

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: Image de fond des catégories

Message par Vicsius le Mer 29 Juin 2011 - 20:55

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

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.


Dernière édition par Vicsius le Jeu 30 Juin 2011 - 3:55, édité 3 fois (Raison : Bug découvert.)

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Lixyr le Jeu 30 Juin 2011 - 15:12

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





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Vicsius le Jeu 30 Juin 2011 - 20:38

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

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Lixyr le Jeu 30 Juin 2011 - 23:23

D'accord. Et maintenant, tout est bon ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Vicsius le Jeu 30 Juin 2011 - 23:56

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

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Lixyr le Ven 1 Juil 2011 - 10:41

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





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Vicsius le Ven 1 Juil 2011 - 11:24

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

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Lixyr le Ven 1 Juil 2011 - 13:56

C'est embêtant ça.

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





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Vicsius le Ven 1 Juil 2011 - 14:07

Bien sûr voici le template index_box:

Spoiler:
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 mon CSS complet:

Spoiler:
Code:
body {
background-image: url('http://img199.imageshack.us/img199/7145/fondhi.png');
background-repeat: repeat-y;
background-position: center}

.lastpost {width: 150px; font-size: 12px;font-family: verdana; margin-bottom: 80px;}

/*Toute les bordures*/
.row3Right{border: none !important;}
.thHead{border: none !important;}
.thCornerL, .thCornerR, .thTop{border: none !important;}
.thLeft, .thRight{border-left: none !important;border-right: none !important;}
.catLeft, .catRight{border: none! important;}
.catHead{border: none !important;}
.catBottom{border: none !important;}

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

.catfond {
background-image: url('http://img163.imageshack.us/img163/4112/catgoriek.png');
background-repeat: no-repeat;
background-position: center right;
margin: 100px !important;
margin-top: 50px !important;
margin-bottom: 50px !important;
height: 175px;
width: 800px;}

    .qeel {
    background-image:url("http://img861.imageshack.us/img861/6835/fondqeel.png");
    background-repeat : no-repeat;
    height : 500px;
    width : 800px;
    padding : 10px:
    }

    .zone1{
    margin-left : 10px;
    margin-right : 10px;
    border : 3px solid #000000;
    -moz-border-radius: 14px;   
    -webkit-border-radius: 14px;
    height : 275px;
    background-color: rgba(211, 211, 211, 0.6);
    }

    .zone2{
    margin-left : 10px;
    margin-right : 10px;
    border : 3px solid #000000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    height : 275px;
    background-color: rgba(211, 211, 211, 0.6);
    }

    .connect24 .row1 {
    background: none !important;
    }

    .zone3{
    margin-left : 10px;
    margin-right : 10px;
    border : 3px solid #000000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    height : 275px;
    background-color: rgba(211, 211, 211, 0.6);
    }

    .zone4{
    margin-left : 10px;
    margin-right : 10px;
    height : 75px;
    }

    .memconnect{
    border : 3px solid #000000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    width : 550px;
    height : 100px;
    background-color: rgba(211, 211, 211, 0.6);
    }

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

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Vicsius le Jeu 7 Juil 2011 - 18:13

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.

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Lixyr le Jeu 7 Juil 2011 - 23:35

D'accord.

Bon courage à vous pour la suite.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond des catégories

Message par Vicsius le Jeu 7 Juil 2011 - 23:44

Merci bien^^

Vicsius
****

Masculin
Messages : 228
Inscrit(e) le : 24/04/2010

http://zombie-lane-leforum.frenchboard.com/forum
Vicsius 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