Image Catégorie génante
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image Catégorie génante
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 :
https://nsa22.casimages.com/img/2012/03/06//120306065048434451.png
Merci de votre aide (: le code employé est baron :
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 :
https://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
Re: Image Catégorie génante
Bonjour,
Il faudrait le template index_box pour t'aider efficacement.
Il faudrait le template index_box pour t'aider efficacement.
Re: Image Catégorie génante
- 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 (:
Re: Image Catégorie génante
Toujours aucune nouvelle ):
Re: Image Catégorie génante
Salut
Si vous pouviez donner moi votre lien m'aiderait...
Merci beaucoup...
Si vous pouviez donner moi votre lien m'aiderait...
Merci beaucoup...
Re: Image Catégorie génante
Est-ce que cela t'a aidé ?
Re: Image Catégorie génante
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 :
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 -->
Re: Image Catégorie génante
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 **
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 **
Re: Image Catégorie génante
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 :
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.
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 :
Ainsi de suite pour toute les catégories.<img src="url_image" title="Balabala" class="catimg" />
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.
Re: Image Catégorie génante
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.
Re: Image Catégorie génante
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.
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.
Re: Image Catégorie génante
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".
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".
Re: Image Catégorie génante
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.
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.
Re: Image Catégorie génante
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 :
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 (:
- 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 (:
Re: Image Catégorie génante
Final-Blonde a écrit:dans le titre des catégories :Ainsi de suite pour toute les catégories.<img src="url_image" title="Balabala" class="catimg" />
Juste ce code !
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.
Re: Image Catégorie génante
Je vais faire ça de ce pas alors.Final-Blonde a écrit:Final-Blonde a écrit:dans le titre des catégories :Ainsi de suite pour toute les catégories.<img src="url_image" title="Balabala" class="catimg" />
Juste ce code !
Si je me trompe pas donc c'est bien baron xDFinal-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.
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.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.
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)
Re: Image Catégorie génante
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) :
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) :
Faut lire aussi ce qui est écrit et suivre pas à pas, on y arrivera alors d'un seul bond !Final-Blonde a écrit:supprimer l'identifiant "secondarytitle" (avec l'espace avant celui de entete
Re: Image Catégorie génante
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 !
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 !
Re: Image Catégorie génante
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...
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 ::
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...
Re: Image Catégorie génante
Mais sur l'index, il y aura toujours les images des titres des catégories non?
Un widget du genre ?
Un widget du genre ?
Re: Image Catégorie génante
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...
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...
Re: Image Catégorie génante
Donc le plus raisonnable c'est le widget non?
Sinon je pourrais te demander aussi quelque chose d'autre après.
Sinon je pourrais te demander aussi quelque chose d'autre après.
Re: Image Catégorie génante
Oui, bien sûr que tu peux toujours demander..
La question reste, est-ce que j'aurai la réponse ?
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.
La question reste, est-ce que j'aurai la réponse ?
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.
Re: Image Catégorie génante
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:
J'ai un soucie de template, le "membre enregistré" ne vient pas se modifier en "habitant" et pourtant le code est bon o:
Re: Image Catégorie génante
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:
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":
- 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 !) :
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 :
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 -->
- 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 */
}
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>
Re: Image Catégorie génante
Merci beaucoup, désolé du retard .___.
Re: Image Catégorie génante
Je t'en prie.
C'est tout bon alors ?
Si oui, mets ton sujet en ainsi je le sais aussi.
C'est tout bon alors ?
Si oui, mets ton sujet en ainsi je le sais aussi.
Sujets similaires
» Petite image gênante sous l'avatar
» Catégorie : Mettre une barre noire séparant l'image "pas de nouveaux messages" et le nom de la catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Image Catégorie par catégorie
» Image catégorie
» Catégorie : Mettre une barre noire séparant l'image "pas de nouveaux messages" et le nom de la catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Image Catégorie par catégorie
» Image catégorie
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum