Comment retrouver mon suffixe CSS dans la feuille de style

[lomart]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

il a créé une class perso pour son lien, donc il peut gérer le style du lien avec non ?

Je ne le pense pas à la lecture de la copie d'écran.
Devant son angoisse pour surcharger le code, je ne pense pas qu'il ait ajouté un class="xxx" à la balise concernée.
Il a peut-être ajouté, par suffixe de classe, un nom de classe ou d'id à la balise parente mais pas au lien.
Sans une copie d'écran complète, ni le nom du module utilisé, impossible dans dire plus.

[alva75]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Tu lui renvoies un extrait de la règle générale comme on peut la lire dans tous les cours.
Mais son problème est qu'il faut surcharger un style inline. Ce qui implique de créer une classe qui n'existe sans doute pas, vu que le style est donné par une ligne du style :
<a style="color:#e082db" href="...">lien</a>
Il faut connaitre les lignes autour pour voir s'il est possible de créer une règle qui surpasse le style inline sans modifier les autres lignes, dans le genre :
#item123 a[style] {color:red !important;}



Ce n'est pas une surcharge du template mais de l'extension/module qui génère le code HTML
Il faut une copie d'écran de la totalité de l'inspecteur de code (HTML et CSS) dans le contexte de la copie du premier message
S'il s'agit d'un module menu. Quel est-il ?

Je n'ai pas encore essayé la solution de Casper mais voila une copie d'écran comme demandé:




Ce que je souhaite modifier c'est :
" a class="lienperso"

[alva75]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

je confirme, la solution que vous m'avez donné Casper ne fonctionne pas...

Voila ce que j'ai rajouté dans la feuille de style du CSS du template.

.lienperso
{
color: #333;
}

[Casper17]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Je n'ai pas encore essayé la solution de Casper mais voila une copie d'écran comme demandé:


[ATTACH=CONFIG]30055[/ATTACH]

Ce que je souhaite modifier c'est :
" a class="lienperso"

Salut,

j'avais bien compris, ma solution doit fonctionner tout en étant "propre"

[alva75]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Salut,

j'avais bien compris, ma solution doit fonctionner tout en étant "propre"

Je viens de l'essayer, a l'instant, a moins d'avoir fait une erreur de syntaxe, mais je pense pas ça n'a pas marcher voila ce que j'ai ajouté:
.lienperso
{
color: #333;
}

[lomart]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Avec une copie d'écran complète, je comprends mieux. Pour commencer, mes excuses à Casper, la classe personnalisée existe bien dans le lien. Reste à voir comment elle a été créée, car je doute de sa pérennité. J'ai peur qu'à la première mise à jour de Joomla, elle saute. De plus, il était inutile de la créer, car on peut parfaitement cibler uniquement ce lien sans ajout de code.

Avec ta méthode, il faut ajouter à la fin du template.css
a.lienperso {color:#123;}

et sans d'autres modifs que le css:
li.item-111 a {color:#123;}
Cette règle résistera aux mise à jour de Joomla

[Casper17]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Avec une copie d'écran complète, je comprends mieux. Pour commencer, mes excuses à Casper, la classe personnalisée existe bien dans le lien. Reste à voir comment elle a été créée, car je doute de sa pérennité. J'ai peur qu'à la première mise à jour de Joomla, elle saute. De plus, il était inutile de la créer, car on peut parfaitement cibler uniquement ce lien sans ajout de code.

Avec ta méthode, il faut ajouter à la fin du template.css
a.lienperso {color:#123;}

et sans d'autres modifs que le css:
li.item-111 a {color:#123;}
Cette règle résistera aux mise à jour de Joomla

Aucune excuse à faire voyons, avec si peu d'info, on peut interpréter la demande de plusieurs façon =)

y a plus cas ... @alva75, @lomart te sert même le code sur un plateau =)
tiens nous au jus.

[alva75]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Avec une copie d'écran complète, je comprends mieux. Pour commencer, mes excuses à Casper, la classe personnalisée existe bien dans le lien. Reste à voir comment elle a été créée, car je doute de sa pérennité. J'ai peur qu'à la première mise à jour de Joomla, elle saute. De plus, il était inutile de la créer, car on peut parfaitement cibler uniquement ce lien sans ajout de code.

Avec ta méthode, il faut ajouter à la fin du template.css
a.lienperso {color:#123;}

et sans d'autres modifs que le css:
li.item-111 a {color:#123;}
Cette règle résistera aux mise à jour de Joomla

Je l'ai crée dans l'administration de Joomla, en lui donnant un suffixe CSS.
Mais si la solution me semble facile de mettre en oeuvre avec mes petites connaissances, je viens de le faire et ça ne fonctionne toujours pas.

J'ai rajouté ceci a la fin du template CSS

a.lienperso {
color: #333;
}

Et pourtant ça ne marche toujours pas.
Je ne sais plus trop quoi faire, ça m'énerve de bloquer sur un détail aussi basique

[Casper17]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Explique comment tu as procédé stp =)
tu as vidé le cache ?

[lomart]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Et pourtant ça ne marche toujours pas.

Que dis l'inspecteur de code ? La règle est-elle vue ?
Quel est le code HTML du lien de menu suivant ?

Utilise plutôt
li.item-111 a {color:#123;}

[alva75]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Explique comment tu as procédé stp =)
tu as vidé le cache ?

Oui bien sur, c'est simple:

Je suis aller dans adminisration, Extensions, Gestion des templates.
Ensuite j'ai cliqué sur le coté gauche templates.
J'ai selectionné le template sur lequel je travaille qui est tout simplement "protostar".

De la j'ai cliqué "protostar détails et fichiers", sur la gauche j'ai cliqué "template CSS" puis "CSS"

Je suis donc dans la feuille de style, je suis aller a la fin de la feuille de style soit la ligne 7478 et j'ai écrit ceci:

a.lienperso {
color: #333;
}

De la j'ai réactualisé mon site avec mozilla et voila, ça ne change toujours pas...

[lomart]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Regarde dans l'inspecteur de code si ta nouvelle règle css est prise en compte.

Que donne
li.item-111 a {color:#333;}

[alva75]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Regarde dans l'inspecteur de code si ta nouvelle règle css est prise en compte.

Non, toujours " element inline" aucun changement, et j'ai bien essayé avec
li.item-111 a {color:#333;} et je n'ai toujours rien...

[Casper17]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Oui bien sur, c'est simple:

Je suis aller dans adminisration, Extensions, Gestion des templates.
Ensuite j'ai cliqué sur le coté gauche templates.
J'ai selectionné le template sur lequel je travaille qui est tout simplement "protostar".

De la j'ai cliqué "protostar détails et fichiers", sur la gauche j'ai cliqué "template CSS" puis "CSS"

Je suis donc dans la feuille de style, je suis aller a la fin de la feuille de style soit la ligne 7478 et j'ai écrit ceci:

a.lienperso {
color: #333;
}

De la j'ai réactualisé mon site avec mozilla et voila, ça ne change toujours pas...

heu question bête et je m'excuse d'avance de la poser, mais tu as bien enregistré ta modification ?
et vidé le cache joomla ?

[lomart]

Re : Comment retrouver mon suffixe CSS dans la feuille de style

Il faut déjà voir si c'est la bonne feuille de style.

Si on ajoute
.nav > li > a {text-decoration:underline !important;}
cette règle qui souligne tous les liens du menu est-elle vue ?