Image Catégorie génante

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

Résolu Image Catégorie génante

Message par Kyou le Mar 6 Mar 2012 - 6:42

Bonjour,
J'aurais besoin de votre aide pour un soucie par rapport au image des catégorie qui gêne, il cache répondre, le titre du message et pas mal de chose aussi. J'aimerais savoir s'il est possible de garder l'apparence à l'extérieur comme il est et que quand on clique pour ouvrir une sous-forum divers, il ne soit pas identique pour ne qu'il nous gène. Voyez le problème par vous même :
http://nsa22.casimages.com/img/2012/03/06//120306065048434451.png
Merci de votre aide (: le code employé est baron :
Code:
.baron {
  position:relative;
  top: 90px;
  margin-left: 120px;
}


Dernière édition par Kyou le Lun 26 Mar 2012 - 14:45, édité 1 fois

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Mar 6 Mar 2012 - 11:04

Bonjour,

Il faudrait le template index_box pour t'aider efficacement.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Mar 6 Mar 2012 - 19:45

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}<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="848px" border="0" cellspacing="0" cellpadding="0" style="margin-left: 10px";><div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle entete"> {catrow.tablehead.L_FORUM} </div>
<!-- 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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="111px">
                  <table valign="top" class="rose" width="100%" height="111px">
                    <tr>
                      <td valign="top" width="70%"><h{catrow.forumrow.LEVEL} class="hierarchy"><br/>
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span><div class="barre_forum"></div>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed"><div class="descr_categ">{catrow.forumrow.FORUM_DESC}</div></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">
        <div class="message"><span class="gensmall">{catrow.forumrow.TOPICS} sujet | {catrow.forumrow.POSTS} messages<br />{catrow.forumrow.LAST_POST}</span>
        </div></td>
                      </tr>
                    </table>
                 
       
                  </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="down"><img src="http://files.getwebb.org/files/28/61/1e/6e7bf4ad131674a44c2bd87fbf62091388/source.png" alt="" height="200" width="851" /></div><!-- END tablefoot --><!-- END catrow -->

Voilà, et merci à toi de m'aider (:

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Dim 11 Mar 2012 - 13:30

Toujours aucune nouvelle ):

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Niko le Dim 11 Mar 2012 - 14:29

Salut

Si vous pouviez donner moi votre lien m'aiderait... reflexion
Merci beaucoup... Hi

Niko
****

Masculin
Messages : 211
Inscrit(e) le : 11/01/2012

https://www.translationscloud.com
Niko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Dim 11 Mar 2012 - 18:04

http://angel-or-demon.forumgratuit.org/
Voilà le lien (:

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Mar 13 Mar 2012 - 21:09

Est-ce que cela t'a aidé ?

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Mer 14 Mar 2012 - 15:17

Erf, excuse-moi, le message est passé une fois à la trappe.

Alors en fait, il suffit de changer l'identifiant dans le template afin que l'image de ton titre ne soit que sur l'index et n'affecte pas l'identifiant général aux autres page, et qui est:
secondarytitle et supprime-le.
Dans le titre de la catégorie, dans la balise image, tu ajoutes le même identifiant à chaque titre.

Dans le CSS, il te suffit de modifier ce que tu as sous secondarytitle par le nouvel identifiant et ainsi tu n'auras les images que sur l'index.

EDIT : Mais j'ai constaté une erreur de structure dans ces parages justement.
Après la balise "table" qui signale que l'on met un tableau, il y a toujours la ligne (tr), la cellule ou colonne (td) qui viennent après et sont aussi refermées dans la suite inversée :
Code:

<!-- BEGIN catrow -->

<!-- BEGIN tablehead -->
<table class="forumline" width="848px" border="0" cellspacing="0" cellpadding="0" style="margin-left: 10px;"><tr><td>
<div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle entete"> {catrow.tablehead.L_FORUM} </div>
<!-- END tablehead -->
</td></tr>
 
 
  <!-- 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 -->

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Mer 14 Mar 2012 - 17:35

D'accord je vais faire cela de ce pas (:
Et pour le tableau, je recopie ce que tu m'as fais ou je dois modifier quelque chose ?
Merci en tout cas pour ton aide **

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Mer 14 Mar 2012 - 17:49

Tu repères les balises du début et la dernière, tu surlignes toutes cette partie, et tu colles ce que je t'ai mis.
Mais attention, il te restera à supprimer l'identifiant "secondarytitle" (avec l'espace avant celui de entete, à moins que tu aies aussi cet identifiant dans d'autres templates pour le titre des catégories, auquel cas il faut aussi le supprimer).

Ensuite tout se joue dans le titre des catégories :
<img src="url_image" title="Balabala" class="catimg" />
Ainsi de suite pour toute les catégories.

Enfin la modification à faire dans le CSS là où sont les propriétés de tes images, tu remplaces l'ancien (ou les anciens) identifiant(s) par le nouveau, catimg.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Mer 14 Mar 2012 - 18:20

Désolé d'être aussi bête mais je ne supprime que le mot si j'ai bien compris pas tout "class" de l'identifiant.

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Mer 14 Mar 2012 - 18:29

Pas de souci, question lenteur tu as trouvé ton Maître^^

Les mots en bleu sont les identifiants, mais toi tu en as deux, alors si les deux sont dans les autres pages (templates) du forum comme le secondarytitle que l'on retrouve dans la page de la liste des sujets, dans celle des sujets, tu peux tout supprimer tout l'attribut "class".
Mais je ne sais pas à quoi sert ton identifiant entete.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Mer 14 Mar 2012 - 18:49

Je ne crois pas qu'il est sur les autres l'identifiant.
Cependant je crois que l'identifiant "en tête" sert pour l'image de catégorie du haut (: car y a un css ou il y a .entete donc je pense que ça doit être surement ça. Dans ce cas, je présume que je devrais remplacer .baron juste par ce que tu m'as mis et faire de même pour l'autre (: car elle a mis comme css et template je suppose l'identifiant "baron".

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Mer 14 Mar 2012 - 19:52

mais l'identifiant "baron" est-il dans les autres templates ?
Si la réponse est non, alors tu peux le laisser.
Ce qui est important c'est de supprimer l'identfiant secondarytitle parce que c'est un identifiant par défaut qui se trouve aussi ailleurs que sur l'index dans le forum.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Mer 14 Mar 2012 - 20:06

Voilà alors j'ai enlever juste l'identifiant sans retirer entete et le class qui va avec (: Je met "catimg" à la place de l'autre et met cet identifiant à la place de baron, car dans le code d'image que tu as mis, y a écrit "baron" dans class, me semle-t-il :
Code:
<span class="baron"><img src="http://nsa22.casimages.com/img/2012/03/04//12030412221472994.png"/></span>

Et ils mettent un message " La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte. " lorsque j'ai mis le code que tu m'as mis (:


Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Mer 14 Mar 2012 - 20:16

@Final-Blonde a écrit:dans le titre des catégories :
<img src="url_image" title="Balabala" class="catimg" />
Juste ce code !
Ainsi de suite pour toute les catégories.

Enfin la modification à faire dans le CSS là où sont les propriétés de tes images, tu remplaces l'ancien (ou les anciens) identifiant(s) par le nouveau, catimg.
@Final-Blonde a écrit:Ce qui est important c'est de supprimer l'identfiant secondarytitle dans ce template index_box parce que c'est un identifiant par défaut qui se trouve aussi ailleurs que sur l'index dans le forum.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Mer 14 Mar 2012 - 20:27

@Final-Blonde a écrit:
@Final-Blonde a écrit:dans le titre des catégories :
<img src="url_image" title="Balabala" class="catimg" />
Juste ce code !
Ainsi de suite pour toute les catégories.
Je vais faire ça de ce pas alors.

@Final-Blonde a écrit:Enfin la modification à faire dans le CSS là où sont les propriétés de tes images, tu remplaces l'ancien (ou les anciens) identifiant(s) par le nouveau, catimg.
Si je me trompe pas donc c'est bien baron xD

@Final-Blonde a écrit:Ce qui est important c'est de supprimer l'identfiant secondarytitle dans ce template index_box parce que c'est un identifiant par défaut qui se trouve aussi ailleurs que sur l'index dans le forum.
Donc faut que je lis tout le index-box et que je le supprime ou il se trouve, cependant je redis je ne peux pas supprimer "class" car il va avec entete aussi et que ca va supprimer le code des catégories en haut.

Et encore une fois : dans le index-box que tu m'as donné à copier/coller, ils m'ont affiché ce message d'erreur donc bon o/

Sinon ça commence à rentrer dans ma tête, désolé x)

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Mer 14 Mar 2012 - 20:39

Nope, pas besoin de lire tout le forum. XD
Il y a un petit champ "rechercher" au dessus du champ d'édition du template (et je crois qu'il y en a qu'un) :
@Final-Blonde a écrit:supprimer l'identifiant "secondarytitle" (avec l'espace avant celui de entete
Faut lire aussi ce qui est écrit et suivre pas à pas, on y arrivera alors d'un seul bond ! Mr. Green

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Mer 14 Mar 2012 - 20:45

Oui il y a que celui là (:
Mais le problème persiste toujours o:
J'ai enlever ce que tu m'as dis, et j'ai remplacer baron et le code des image par celui que tu m'as donné, mais ça ne fait pas grand chose !
Peut-être que c'est à cause du "table" que je dois remodifier mais il me dise que le <> sont ouvert avant d'être fermer. Alors je ne sais pas !
Ou ca vient carrément du code css, enfin qu'importe >.> je désespère !

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Mer 14 Mar 2012 - 21:01

Erf, non, excuse-moi, c'est moi qui est eu tout faux !
Comme l'image est dans le titre, bien sûr qu'elle se retrouvera partout ou la catégorie s'affiche... En fait je confondais avec un gros titre par le texte que j'ai eu dernièrement comme tuto et là il suffit de supprimer ou modifier l'identifiant...

C'est faisable de modifier cela avec un simple display: none; pour l'image dans les endroits où on ne la veut pas.
Toutefois, tu n'auras plus de catégorie du tout à l'endroit de ces liens qui suivent la hiérarchie:
index :: catégorie :: forum :: sujet
A moins que tu crées un petit widget fixe avec le titre des différentes catégorie...

Anyway, c'est un tout autre tuto.
Garde quand même la partie du template corrigée et tu peux redonner l'identifiant que tu souhaites à ton image...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Mer 14 Mar 2012 - 21:05

Mais sur l'index, il y aura toujours les images des titres des catégories non?
Un widget du genre ?

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Jeu 15 Mar 2012 - 6:49

Oui bien sûr, les images resteront sur l'index, mais le but est de les supprimer ailleurs, dans les autres pages du forum, sauf qu'alors tu n'auras plus ce lien, pratique pour tous, qui te permet en un clic de te retrouver sur la page d'une catégorie (où sont affichées uniquement les sections (forums) de ladite catégorie).

Par un widget fixe, je veux dire un petit menu, même suiveur, sur toutes les pages sauf sur l'index (puisque là nous avons nos catégories), qui permettrait d'avoir les différentes catégories afin que vous puissiez accéder aux catégories depuis ailleurs que sur l'index...

Pfiou, steuplé ne me demande pas de réexpliquer, relis, relis encore et encore, je n'y arriverai pas mieux que ça... Gloups

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Jeu 15 Mar 2012 - 7:42

Donc le plus raisonnable c'est le widget non?
Sinon je pourrais te demander aussi quelque chose d'autre après.

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Jeu 15 Mar 2012 - 20:08

Oui, bien sûr que tu peux toujours demander..
La question reste, est-ce que j'aurai la réponse ? Razz


Oui un style de menu suiveur dans ton cas serait bien.
Je n'aurai malheureusement pas de temps avant samedi je pense.

Si un autre membre veut s'y frotter, pas de souci pour moi, sinon, je reviendrai sur le sujet dès que je le pourrai.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Jeu 15 Mar 2012 - 20:12

Donc je veux bien que tu m'apprends à le faire ou un autre (:
J'ai un soucie de template, le "membre enregistré" ne vient pas se modifier en "habitant" et pourtant le code est bon o:

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Lun 19 Mar 2012 - 10:40

Hey !

Enfin me voici avec un peu de temps.

Pour ce qui est de t'apprendre, j'essaie de t'expliquer au mieux, mais c'est un forum d'entraide et non de leçons en codage...
Il y a plein de bons sites sur le web, à commencer par celui que j'ai dans mon profil ici.


La dernière question sur le QEEL que tu poses n'a rien à avoir avec le souci initial de ce topic (mais vraiment rien, c'est même un tout autre template) et pour recevoir une réponse ouvre un nouveau sujet avec ce problème.

Revenons à nos moutons (petit patapon).
Ce que nous allons faire, c'est supprimer le lien au-dessus des champs d'un sujet, de la liste des sujets (d'une section) et de la liste des forums (d'une catégorie), tout simplement par un code CSS qui dit que l'on ne veut pas d'image à l'identifiant commun de cette navigation dans le forum:
.nav img {
display: none;
}

Dis-moi si déjà ainsi cela te convient sur toutes les pages précitées ?

Ensuite nous passerons au petit menu pour quand même avoir le lien de ces catégories et pouvoir naviguer par eux de n'importe quelle page autre que l'index.


EDIT : Autant en profiter, j'ai ce menu en stock pour un autre tuto^^

Dans le template overall_header (pour que ça se retrouve dans toutes les pages du forum) noua allons créer un bloc-menu juste après la balise d'ouverture du "body":
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<div id="startcatsnav">
<div id="conteneur_catsnav">
<a class="cat1" href="url_page-cat1">Cat 1</a><br />
<a class="cat2" href="url_page-cat2">Cat 2</a><br />
<a class="cat3" href="url_page-cat3">Cat 3</a><br />
<a class="cat4" href="url_page-cat4">Cat 4</a><br />
ETC...
</div>
</div>
 
   <!-- BEGIN hitskin_preview -->
- Tous les liens des catégories ont leur class="identifiant" afin de te permettre de les gérer indépendamment les uns des autres (différentes couleurs par liens, différents hover, etc).
- Mais si tu préfères leur attribuer à tous les mêmes propriétés, tu peux mettre chaque lien entre des balises :
<div class="identifiant"><a href="url_page-cat1">Cat 1</a></div>
Etc pour les autres catégories.
- Tu peux simplement les mettre sans leur attribuer de CSS, juste entre les balises "div", et comme dans le CSS que je te donne en exemple, placer les propriétés du texte dans l'identifiant principal.

Avec un "div" plus besoin du code saut à la ligne suivante puisque "div" est un bloc.

Il te reste à placer les liens de tes catégories.

Dans le CSS (attention les yeux !) :
Spoiler:
/* cacher uneimage dans les autres pages que sur l index */
.nav img {display: none;}

/*-------------- menu de navigation des catégories
--------------------------------------------------------------*/
/*petite languette pour ouverture */
#startcatsnav {
position: fixed;
top: 170px;
left: 1px;
background: #000 url(url_image) no-repeat 0 0; /* on respecte cet ordre W3C pour le raccourci et si une image doit se répéter on ne précise rien repeat étant la valeur par défaut */
width: 7px;
height: 130px;
overflow: hidden;
border: 3px ridge #a92c10;
border-left: none;
padding: 3px;
cursor: pointer;
z-index: 999; /*on donne une priorité maximale sur l élément du dessous */
}
/* les propriétés su menu catégories */
#startcatsnav:hover {
display; block;
background: orange;
width: 170px;
height: 170px;
color: #000;
font: italic small-caps bold 13px lucida grande, sans-serif; /* ordre a respecter pour les normes W3C avec le raccourci font > style > variant > weight > size/height > familly on peut omettre toutes les propriétés SAUF le size et le family dans cet ordre */
border: 7px ridge #a92c10;
border-right: none;
box-shadow: 8px 8px 16px gray;
-moz-box-shadow: 8px 8px 16px #444;
-webkit-box-shadow: 8px 8px 16px #444;
-o-box-shadow: 8px 8px 16px #444;
-htm-box-shadow: 8px 8px 16px #444;
padding: 7px 3px 7px;
-moz-border-radius:13px;
-webkit-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
padding: 7px;
-o-transition: 1.7s ease;
-webkit-transition: 1.7s ease;
-moz-transition: 1.7s ease;
-htm-transition: 1.7s ease;
transition: 1.7s ease;
cursor: pointer;
z-index: 999; /*on donne une priorité maximale sur l élément du dessous */
}
Il y a de l'effet, mais tu gardes ce qui te dis...

Les propriétés du texte ici sont comprises dans le bloc principal.
Tu peux séparer ces propriétés avec l'identifiant suivi ou précédé (avant le point) du a selon si le class se trouve dans la balise du lien ou dans un bloc "div".

Maintenant pour le masquer sur l'index, il faut ajouter un peu de CSS pur dans le message d'accueil tout au début :
Code:
<style type="text/css">#startcatsnav {display: none; visibility: hidden;}</style>
Nous avons fait la même manipulation inversée que pour l'image dans les autres pages que sur l'index. Wink

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Kyou le Ven 23 Mar 2012 - 21:32

Merci beaucoup, désolé du retard .___.

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image Catégorie génante

Message par Final-Blonde le Dim 25 Mar 2012 - 12:16

Je t'en prie.

C'est tout bon alors ?
Si oui, mets ton sujet en résolu ainsi je le sais aussi. Wink

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde 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