IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Icone différente selon la catégorie/menu dans l'affichage de la page


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    269
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 269
    Par défaut Icone différente selon la catégorie/menu dans l'affichage de la page
    Bonjour
    => Ce qui fonctionne ; l'affichage d'une icône correspondant à la bonne catégorie/item de menu sur https://cochanger.eu/media-web/calcu...-carbone-juste. Logique il n'y a qu'un item.
    => Ce qui ne fonctionne pas ; l'affichage d'une icône correspondant à la bonne catégorie/item de menu sur https://cochanger.eu/documents ou sur la page accueil du site. Il ya un mélange de catégorie sur un menu type blog

    Je m'aperçois que l'url de la catégorie en haut de l'encadre de chaque article mentionne les termes "association-collectif", "lieu-avec-activites" ... ce qui pourrait peut-être permettre d'identifier la catégorie pour utiliser la bonne icône ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    /* mise en page titre blog avec icone */
    h2 {
      border-bottom: 2px solid red;
      margin-left: 40px;
    }
    h2::before {
      font-family: "Font Awesome 5 Free";
      content: "\f133";
      font-weight: 400;
      display: inline-block;
      width: 40px;
      text-align: center;
      margin-left: -40px;
    }

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 689
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 689
    Par défaut
    c'est un peu le même problème que votre discussion au sujet des éléments à encadrer dans le menu.
    le souci est que le code html généré n'est pas très bavard pour indiquer la catégorie. donc comme pour le menu, il faudra du code javascript pour faire ce changement d'icone.

    mais l'idéal serait quand même de faire cela côté serveur, avez-vous quelques connaissances en php ? il est peut être possible de personnaliser cela mais ça fait longtemps que je n'utilise plus joomla et que je sous spécialisé dans wordpress donc je ne pourrai pas vous aider plus pour cela.

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    269
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 269
    Par défaut
    Bonjour
    OK je comprends. J'attends encore qq jours si d'autres pistes car je ne ferai pas du javascript. Éventuellement, je verrai si je fais une surcharge sur la partie blog même si ce n'est plus trop mon truc non plus.
    Ha au fait, Joomla est redevenu génial maintenant avec la version joomla 4. Je connais bien aussi wordpress pendant lequel j'ai fais plusieurs sites durant plusieurs années avant de retourner vers joomla
    https://www.joomla.org/4/fr/
    https://www.joomla.fr/joomla-en-francais
    https://www.joomladay.fr/replay-2022
    @+

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    269
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 269
    Par défaut
    Bonjour
    Bon je ne suis pas arrivé à faire de surcharge en php.
    Du coup, j'ai enlevé les icônes dans les parties blog et je trouve cela moche.
    En même temps, en regardant le code source, je vois
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div class="item-content">
    			<div class="page-header">
    					<h2 itemprop="name">
    									<a href="/autour-de-film/ztemp-autour-film" itemprop="url">
    						zTemp autour film					</a>
    							</h2>
     
     
     
    			</div>
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div class="item-content">
    			<div class="page-header">
    					<h2 itemprop="name">
    									<a href="/editeur-media-hors-web/editeur1" itemprop="url">
    						z Tmp - Editeur1					</a>
    							</h2>
     
     
     
    			</div>
    Je me demandais si c'était possible de pointer en fonction du début contenu de l'url qui contient la catégorie ? dernière chance ?

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    269
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 269
    Par défaut
    Bonjour
    C'était bien possible et cela a fonctionné. Exemple
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    a[href^="/autour-de-film/"]::before {
      font-family: "Font Awesome 5 Free";
    	content: "\f03d"; 
    	font-weight: 400;
    	display: inline-block;
    	width: 40px;
    	text-align: center;
    	margin-left: -40px;
    }
    a[href^="/editeur-media-hors-web/"]::before {
     font-family: "Font Awesome 5 Free";
    	content: "\f133"; 
    	font-weight: 400;
    	display: inline-block;
    	width: 40px;
    	text-align: center;
    	margin-left: -40px;
    }

Discussions similaires

  1. Réponses: 1
    Dernier message: 27/05/2010, 17h22
  2. [CSS 3] Affichage du menu différent selon browser
    Par zonessai dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/04/2009, 13h33
  3. tailles d'input différentes selon les postes (?)
    Par mch_27 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 26/10/2005, 11h21
  4. [Interface graphique]Composant différents selon le PC
    Par Cyborg289 dans le forum Interfaces Graphiques en Java
    Réponses: 3
    Dernier message: 01/08/2005, 10h05
  5. CSS : fichier include différent selon chaque resolution
    Par Sylvain245 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 31/03/2005, 17h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo