Transformer l'image d'en-tête de catégorie en texte

2 participants

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

Résolu Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Mar 21 Mai 2013 - 5:14

Hello!

Après avoir inséré des images en en-têtes de catégories en mettant le code dans la zone de saisie de texte où l'on tape le nom de la catégorie, j'ai un souci. L'image est immense dans les sujets et j'ai donc  trouvé l'option de réduire la taille de l'image, mais ce n'est pas très esthétique et ça ne me convient pas vraiment. J'ai donc cherché une autre solution et quelqu'un m'a donné le code qu'il utilisait pour transformer l'image en texte. Par exemple, si le texte figurant sur l'image de l'en-tête est "Corbeille", lorsqu'on lit un sujet, plutôt que de voir l'image, on voit le texte "Corbeille".

Je vous donne mes codes, ça sera plus simple:

Code d'en-tête de catégorie (sachant que l'image change à chaque catégorie)
Code:
<div style="margin-bottom: -85px;"><img src="http://img15.hostingpics.net/pics/630526Cat1Tabledelaloi.png" /></div>
Code donné pour changer l'image en texte
Code:
<img src=LIEN DE L'IMAGE DU TITRE DE TA CATEGORIE style=displayne /><span class=txt-title>TITRE DE TA CATEGORIE</span>
Et le CSS associé
Code:
th.secondarytitle h2 img { display: inline!important; }
th.secondarytitle h2 .txt-title { display: none; }

Bref, le code fonctionne super bien... sauf en ce qui à trait à la position de l'image. Si je retire le margin-bottom, l'image "flotte" au-dessus de la catégorie. J'ai essayé différentes choses, mais au final rien ne fonctionnait. Est-ce que c'est possible de "mixer" les deux codes pour arriver au résultat que je souhaite avoir, soit d'avoir l'image d'en-tête de catégorie sur l'index, mais qu'elle se transforme en texte lorsqu'on est dans un forum, sous-forum ou même à la lecture d'un sujet? J'imagine que c'est tout bête, mais à force, je ne vois plus ce que je peux faire.

Merci à ceux et celles qui se pencheront sur mon problème! ^^


Dernière édition par Ishtar le Lun 24 Juin 2013 - 0:55, édité 1 fois
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Mer 22 Mai 2013 - 21:14

up! ^^
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Ven 24 Mai 2013 - 2:04

je remonte! Wink
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Sam 25 Mai 2013 - 20:55

je remonte! ^^
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Mer 29 Mai 2013 - 3:48

je remonte! ^^
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Jeu 30 Mai 2013 - 20:35

je remonte
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Ven 31 Mai 2013 - 21:22

je remonte ^^
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Lun 3 Juin 2013 - 3:25

question toujours d'actualité! ^^
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Mer 5 Juin 2013 - 4:30

je remonte!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Sam 8 Juin 2013 - 7:36

je remonte!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Mer 12 Juin 2013 - 22:35

je remonte
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Sam 15 Juin 2013 - 4:17

je remonte!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Dim 16 Juin 2013 - 5:13

je remonte!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Lun 17 Juin 2013 - 6:41

je remonte!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Jeu 20 Juin 2013 - 8:55

up! ^^
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Dim 23 Juin 2013 - 7:10

je remonte!
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Alliwee Lun 24 Juin 2013 - 0:52

Bonjour;
Je peux te proposer ceci qui semble bien avoir marché pour moi :

Code:
<img src="IMAGE" style=margin-top:-5px;display:none "><span class=txt-title>TITRE</span>

Il y a plus qu'a compléter et changer le margin à la fonction que tu souhaites...
Normalement, tu empêcheras de faire flotter ton image, et le titre texte apparaîtra sur les autres pages.

Cordialement, en espérant avoir aider Smile
Alliwee

Alliwee
***

Féminin
Messages : 131
Inscrit(e) le : 11/04/2012

Alliwee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Ishtar Lun 24 Juin 2013 - 0:54

Bonsoir!

Je venais tout juste de voir ta réponse dans ton propre sujet. ^^ J'ai essayé et ça fonctionne! Merci beaucoup, tu m'enlèves une sacrée épine du pied! ^^
Ishtar

Ishtar
****

Féminin
Messages : 245
Inscrit(e) le : 15/08/2007

http://dontfeartheripper.forum-canada.com/
Ishtar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Transformer l'image d'en-tête de catégorie en texte

Message par Alliwee Lun 24 Juin 2013 - 0:57

Ravie d'avoir put te venir en aide. ;3
Alliwee

Alliwee
***

Féminin
Messages : 131
Inscrit(e) le : 11/04/2012

Alliwee a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum