Image Catégorie génante

[Kyou]

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 :

Code:

.baron {
  position:relative;
  top: 90px;
  margin-left: 120px;
}

[kheino]

Bonjour,

Il faudrait le template index_box pour t'aider efficacement.

[Kyou]

Spoiler:

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

[Kyou]

Toujours aucune nouvelle ):

[Niko]

Salut

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

[Kyou]

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

[Kyou]

Est-ce que cela t'a aidé ?

[kheino]

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

[Kyou]

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

[kheino]

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.

[Kyou]

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.

[kheino]

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.

[Kyou]

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".

[kheino]

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.

[Kyou]

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 (:

[kheino]

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.

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.

[Kyou]

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.

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

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)

[kheino]

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) :

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 !

[Kyou]

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 !

[kheino]

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

[Kyou]

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

[kheino]

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

[Kyou]

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

[kheino]

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.

[Kyou]

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:

[kheino]

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:

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.

[Kyou]

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

[kheino]

Je t'en prie.

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