Menu - style CSS différent pour un seul des éléments du menu

[NicolasGuy]

Bonjour,

je suis joomla 3.3 avec un template responsive fait par un designeur que j'ai intégré.
Je souhaite faire une personnalisation dont la solution m’échappe pour l'instant ....

Dans mon menu, je souhaite qu'un style particulier s'applique à seulement 1 élément, l'idée est de faire ressortir un élément du menu pour attirer l'oeil des clients...

Comment est ce possible?
- est ce nativement possible dans joomla? (j'ai essayé de jouer avec les options de menu joomla et de personnaliser "Style CSS du lien" avec du code CSS mais rien ne change... ou alors mauvaise utilisation de ma part?)

- est ce possible en modifiant les classe CSS des balises <a> ? mais je ne vois pas comment...

- sinon je met un gros IF avec l'id de mon menu concerné dans la génération du code de la page en forçant l'application du style css qui m'intéresse... mais c'est bien moche...

Merci de votre aide

[Casper17]

Re : Menu - style CSS différent pour un seul des éléments du menu

Bonjour,

tu as un lien vers le site ?
utilise .class ou #id et applique un style CSS dans un fichier custom.css

[PhilJ]

Re : Menu - style CSS différent pour un seul des éléments du menu

Bonjour,


Et bienvenue sur le forum.

Dans mon menu, je souhaite qu'un style particulier s'applique à seulement 1 élément

La voie la plus simple : avec FIREBUG, vous devez pouvoir identifier précisément la classe du lien de menu que vous souhaitez isoler afin de la cibler et de la styliser. Un numéro d'item permet alors de cibler spécifiquement le style du lien. Par exemple, dans #menu ul.menu.menu-dropdown li.level1.item122 a.level1 span, la valeur numérique 122.

Alternativement : ouvrez le lien de menu en question, et attribuez-lui un nom de classe dans le champ 'Style CSS du lien' qui se trouve dans le volet 'Type de liens'.


Bonne soirée,



PhilJ

[Casper17]

Re : Menu - style CSS différent pour un seul des éléments du menu

j'ai fait ceci sur ton site c'est simple mais sa explique une methode de base : http://img11.hostingpics.net/pics/211245classcss.png

j'ai mis en avant le lien devis ( c'est bien moche )

j'ai creer une class= 'custom' et que j'ai modelé dans le fichier css en la reprenant avec .custom

[NicolasGuy]

Re : Menu - style CSS différent pour un seul des éléments du menu

Bonjour messieurs,

merci pour vos réponses. effectivement l'idée de mettre du css sur l'id directement ne m'est pas venu à l'esprit...j'allais jouer avec mon ami php...
En revanche via Joomla

Alternativement : ouvrez le lien de menu en question, et attribuez-lui un nom de classe dans le champ 'Style CSS du lien' qui se trouve dans le volet 'Type de liens'.

je n'ai pas réussi...

je vais tenter de compléter mon fichier css en ciblant mon id.

merci à vous, je vous tiens au courant

PS: c'est bien la page devis en ligne que je souhaite mettre en évidence

[NicolasGuy]

Re : Menu - style CSS différent pour un seul des éléments du menu

Super, tout fonctionne, l'ID ciblé suit bien le CSS choisi ...

http://nicolasguy.com/

Par contre, comment je fais pour conserver le fonctionnement "over" du lien ? avec le CSS ajouté? (histoire de garder un peu "de vie" sur le site quand le client passe la souris sur le lien )
#menu324 {
text-decoration: underline;
color: #eb592a;
font-size: 14px;
font-weight: bold;
}

thanks,

[Casper17]

Re : Menu - style CSS différent pour un seul des éléments du menu

Super, tout fonctionne, l'ID ciblé suit bien le CSS choisi ...

http://nicolasguy.com/

Par contre, comment je fais pour conserver le fonctionnement "over" du lien ? avec le CSS ajouté? (histoire de garder un peu "de vie" sur le site quand le client passe la souris sur le lien )
#menu324 {
text-decoration: underline;
color: #eb592a;
font-size: 14px;
font-weight: bold;
}

thanks,

Salut tu créer une fonction css :hover

Ce qui donne
#menu324:hover {

text-decoration: underline;

color: #nouvellecolor;

font-size: 14px;

font-weight: bold;

}

Tu peux aussi créer une fonction css :active lorsque l utilisateur est sur la page devis.

A bientôt


Mes extensions incontournables : template creator, asecure, akeeba...... Mais la meilleur de toutes c'est la communauté joomla !

[NicolasGuy]

Re : Menu - style CSS différent pour un seul des éléments du menu

Parfait, merci SUPER BRICOLEUR;
merci à tous pour ce petit cours CSS

[Casper17]

Re : Menu - style CSS différent pour un seul des éléments du menu

Impec =) bonne continuation,

Pour finir,
Pour plus d'éléments sur le css tu peux te rendre sur le site d'open classroom anciennement le site du zero qui te permettra d'acquérir d'excellente base en css et html.

[NicolasGuy]

Re : Menu - style CSS différent pour un seul des éléments du menu

Impec =) bonne continuation,

Pour finir,
Pour plus d'éléments sur le css tu peux te rendre sur le site d'open classroom anciennement le site du zero qui te permettra d'acquérir d'excellente base en css et html.

sur le sdz, au cas par cas, m@teo à la réponse, pour avoir fait la même école d'ingé que moi

merci des conseils, je suis plus à l'aise en PhP/C#/J2E que CSS pour l'instant, je comble mes lacunes au cas par cas !

merci de l'aide!
@bientôt,