[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Bouton_active[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Bouton_hover[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Fb-hover[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Fb-active
C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets

Partagez
 

[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://reve-inverness.forumactif.com/
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Bonjour,
J'ai voulu utiliser ce code pour que les images de mes titres n'apparaissent que sur la page d'accueil. J'ai suivi la note à la fin du tutoriel indiqué ci-dessous :
Citation :

De beaux titres pour vos forums… sur la page d’accueil seulement !



Addendum par 'Christa


Si vous souhaitez mettre une image de titre à vos catégories ou à vos forums mais qu'elle ne soit visible que pour l'affichage des catégories/forum et non dans la navigation, écrivez ledit titre de cette façon :
Code:
<img src="URL_IMAGE_TITRE" /><span>Votre titre ordinaire</span>
Puis dans le CSS ajoutez ceci :
Code:
.secondarytitle h2 span, .hierarchy a span { display:none; }
.nav a > img { display : none }

Cependant, le titre "texte" s'affiche quand même dans la page d'accueil. Pourriez-vous m'aider à régler le problème s'il vous plait ? =D

Le forum : http://shutdown.forums-actifs.com/

Merci d'avance !


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil 277698velo


Dernière édition par Abysse Yclette le Mar 04 Déc 2012, 11:44, édité 3 fois
MessageSujet: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyLun 03 Déc 2012, 06:48
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://enaevolare.fr
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2853



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Hello,

Le code que j'ai proposé ne fonctionne évidemment que pour une structure non modifiée Wink Il faut l'adapter à ce qui entoure le titre, en l'occurence ici c'est .sidebar_top et non .secondarytitle, et il y a un piège dans ce que je viens d'écrire dû à une grave erreur de ta part. Je t'encourage à aller lire ce tutoriel très attentivement Wink

(Et il faudrait également que tu retires cet horrible <center></center> qui entoure le titre )


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Signature_staff
Ne me vouvoyez pas, merci (même si vous avez 15 ans de moins que moi, j'veux pas le savoir)
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyLun 03 Déc 2012, 07:38
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://reve-inverness.forumactif.com/
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Ah merci beaucoup What a Face En effet, je n'avais pas du tout fait le lien ! Par contre, j'ai un autre gros problème avec ce code, ca m'a fait disparaître le bouton "réponse" dans les messages è_è Je n'ai pas compris ton histoire de piège, tu me proposes d'utiliser un identifiant plutôt qu'une classe, c'est ça ?

Edit : le <"center"> me permet de centrer l'image, justement, chose qui n'est pas faite pas défaut. J'imagine qui faut le demander dans le css mais je ne sais pas dans quelle partie, du coup.


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil 277698velo
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyLun 03 Déc 2012, 12:23
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://enaevolare.fr
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2853



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
J'ai corrigé le tutoriel, il y avait en effet un bug dont il a été question dans un autre sujet aujourd'hui même.

Pour le center, si vraiment tu y tiens, tu peux utiliser <div align="center">, mais fondamentalement partant du principe que tu as des classes faites pour ça, un simple sélecteur CSS suffirait :
Code:
.sidebar_top h2 { text-align:center; }


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Signature_staff
Ne me vouvoyez pas, merci (même si vous avez 15 ans de moins que moi, j'veux pas le savoir)
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyLun 03 Déc 2012, 12:31
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://reve-inverness.forumactif.com/
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Ah, c'est ce que j'avais fait, du coup. Merci beaucoup. Jvais aller voir la modif, merci =)

Edit : hum, ca m'affiche toujours l'image et le texte en même temps, c'est bizarre. Pourtant j'ai bien modifié le nom de ma classe.


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil 277698velo
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyLun 03 Déc 2012, 12:39
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://enaevolare.fr
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2853



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
C'est parce que tu n'as pas fait attention à ma remarque sur le piège XD


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Signature_staff
Ne me vouvoyez pas, merci (même si vous avez 15 ans de moins que moi, j'veux pas le savoir)
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyLun 03 Déc 2012, 12:57
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://reve-inverness.forumactif.com/
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Mais je n'ai pas compris ton allusion au "piège", justement, je t'ai demandé si tu faisais allusion au fait de mettre une id plutôt qu'une class. J'ai pas vraiment compris en fait =O


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil 277698velo
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyLun 03 Déc 2012, 15:21
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://enaevolare.fr
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2853



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Ca s'écrit classe XD

Et considérant que je t'ai donné la bonne "solution", à toi d'en déduire le problème à partir du tutoriel que je t'ai lié ^^ Je pourrais te le dire tout de suite mais je pense que si tu parviens à voir le souci par toi même, tu le retiendras mieux o/


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Signature_staff
Ne me vouvoyez pas, merci (même si vous avez 15 ans de moins que moi, j'veux pas le savoir)
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyLun 03 Déc 2012, 18:16
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://reve-inverness.forumactif.com/
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Ca dépend dans quelle langue, je crois =)

Bien, jsuis pas sûre de comprendre ce que tu essaies de me dire, c'est pas grave xD Mais j'ai fini par comprendre ce qui n'allait pas. Merci beaucoup ! Bref, problème résolu !!


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil 277698velo
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyMar 04 Déc 2012, 11:31
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://enaevolare.fr
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2853



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
*Sigh*

Dans mon exemple, j'ai clairement utilisé un point (.) pour désigner la classe .sidebar_top. Qui n'existe pas dans ton code, puisque c'est un identifiant.
Comme indiqué dans le tutoriel que je t'ai suggéré de lire, un identifiant (symbolisé par le signe # en CSS) ne doit être attribué qu'à un seul et unique élément dans une page HTML. Or tu en conviendras, ton identifiant #sidebar_top est utilisé autant de fois qu'il y a de catégories (peu importe qu'il soit tout seul dans le template, il est dans une boucle, donc répété), ce qui n'est pas très en accord avec l'usage qu'il faut en faire @_@
La raison pour laquelle ton code ne marche pas est donc parce que tu utilises le sélecteur .sidebar_top h2 span (qui est juste en termes de sémantique), et non #sidebar_top h2 span. Qu'il ne faut pas utiliser.

Tu dois donc remplacer l'identifiant dans ton code HTML par une classe u_u'


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Signature_staff
Ne me vouvoyez pas, merci (même si vous avez 15 ans de moins que moi, j'veux pas le savoir)
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyMar 04 Déc 2012, 11:47
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://reve-inverness.forumactif.com/
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Arf, je pensais que le problème était résolu comme ça. Visiblement, je n'ai pas compris la véritable utilisation de l'id =D Bref, le code ainsi modifié semble marcher mais tu me dis qu'il est incorrect, pourquoi ? Je ne suis pas sûre d'avoir bien suivi tes explications. Je suis lente d'esprit, j'en ai bien l'impression, j'ai pas tout saisi =(
Je dois donc remplacer mon div id par un div class c'est cela ?


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil 277698velo
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyMar 04 Déc 2012, 11:57
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://enaevolare.fr
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2853



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Ben, je ne vois pas comment te l'expliquer autrement qu'en te renvoyant vers le tutoriel détaillant la différence entre identifiant et classe ^^' (et pop re-lien)

Maintenant, je pourrais te dire que... je sais pas moi... Tiens, exemple bien barbare : "c'est", "sait", "ses", "ces" ça se prononce pareil donc on devrait pas faire de distinguo vu que 'ça marche' x)

C'est une règle de grammaire, en somme. Et le problème, c'est que là où l'humain peut - hélas - faire une entorse à la syntaxe inhérente à la langue qu'il parle, un ordinateur aura nettement plus de mal. Alors oui, "ça marche". Ce qui ne change rien au fait que c'est une erreur et que peut-être qu'un jour ça va planter ton forum sans que tu comprennes pourquoi Wink (la tendance actuelle étant de plus en plus au respect des règles syntaxiques pour s'assurer que tous les navigateurs voient la même chose)

En l’occurrence, nous avons ici un élément qui est répété plusieurs fois, donc c'est une classe qu'il faut lui attribuer et non un identifiant (donc <div class="..."> et non <div id="...">).

Je t'avais donc donné le sélecteur correct (ie avec une classe et pas un identifiant) et le lien du tuto sur les classes et identifiants pour que tu voies où résidait la nuance.

Après, si ta question est "pourquoi on doit écrire le sélecteur comme ça", là il va te falloir étudier le principe de la hiérarchie en CSS. Le sélecteur .sidebar_top h2 span cible tous les éléments <span></span> qui se trouvent à l'intérieur des éléments <h2> qui se trouvent à l'intérieur de tout élément de classe .sidebar_top '_'


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Signature_staff
Ne me vouvoyez pas, merci (même si vous avez 15 ans de moins que moi, j'veux pas le savoir)
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyMar 04 Déc 2012, 12:21
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://reve-inverness.forumactif.com/
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
D'accord, je comprend mieux. Je pensais que mon problème avait été d'avoir mis un . dans mon CSS plutôt qu'un # (qui n'était pas cohérent avec le reste du css jusque là). Je comprend l'utilité de l'id et de la classe, j'ai fais une erreur =) Par contre, je n'avais pas compris l'utilité du "h2 span". Merci. Le problème est donc résolu, non ? Merci encore !


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil 277698velo
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyMar 04 Déc 2012, 12:27
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Plop !

Passage ninja de ma part pour un petit conseil vis-à-vis des classes/identifiants : si tu ne sais pas lequel choisir et que tu en as simplement besoin pour du CSS, choisis une classe.

Une classe peut n'être utilisé qu'une fois. Elle peut être utilisée autant de fois que tu en as besoin.
Un identifiant ne peut pas être utilisé plus d'une fois, car il identifie.

Au final, l'identifiant permet de cibler très précisément un élément. C'est très pratique en javascript. En CSS, dans le pire des cas tu peux t'en passer puisqu'une classe fait aussi bien.
Certaines conception CSS avancées préconisent même de ne jamais utiliser d'ID pour le CSS du fait qu'une classe peut faire la même chose et plus. C'est un peu hors-sujet ici (et tout dépend du contexte et de la réalité de chaque développeur), mais en gros voici mon conseil pour répondre à cette problématique sur le (superbe) tutoriel ne suffit pas à te le faire comprendre Wink
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyMar 04 Déc 2012, 12:33
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://reve-inverness.forumactif.com/
Abysse Yclette
{ Membre }
{ Membre }

Féminin Messages : 152



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Merci beaucoup ! Je tâcherais de m'en souvenir et de ne pas faire les mêmes erreurs par la suite =)


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil 277698velo
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyMar 04 Déc 2012, 12:35
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.school-of-pub.net/forum.htm
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Vu que c'est résolu, je déplace Very Happy
A bientôt Smile


[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Signature_staff
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil EmptyMar 04 Déc 2012, 13:02
Revenir en haut Aller en bas
Contenu sponsorisé




[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
MessageSujet: Re: [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil   [Résolu] Afficher les images des titres des forums seulement sur la page d'accueil Empty
Revenir en haut Aller en bas
 

[Résolu] Afficher les images des titres des forums seulement sur la page d'accueil

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit