[RÉGLÉ] Retrouver un CSS avec Firebug

[kmloujdi]

Bonjour,

J'ai installé firebug pour inspecter mes lignes à modifier en ligne.

Je retrouve bien la ligne à modifier en voyant le résultat en direct mon seul soucis c'est que je ne trouve pas le nom du fichier exact ainsi que l'emplacement du fichier CSS.

En faite j'ai la ligne à modifier mais pas le fichier concerné par la modif

Merci pour votre aide j'ai repos-té ici car je voulais centraliser mes demandes CSS / Template des autres demandes

Ci-joint en jaune la valeur que je souhaite modifier mais je sais pas ou le faire ...

[Nora75]

Re : Retrouver un CSS avec Firebug

Bonjour,

Le nom du fichier est situé à droite (surligné en jaune sur la capture ci-jointe). Il suffit de placer le curseur de la souris dessus pour afficher le chemin du dossier.

[kmloujdi]

Re : Retrouver un CSS avec Firebug

Mais la tu as pris mon exemple ?

Voila ce que j'ai moi en passant la souris.


Je comprend pas ce chemin

[nano]

Re : Retrouver un CSS avec Firebug

Bonsoir,
C'est vrai que le chemin est assez surprenant.

Par hasard, aurai tu pas installer un plugin qui permet de compresser les css de ton site?

[kmloujdi]

Re : Retrouver un CSS avec Firebug

Heu non pas du tous..
Je sais même pas a quoi ça sert...

[kmloujdi]

Re : Retrouver un CSS avec Firebug

Sinon mon template est ja_purity 2 peu être que ça va vous aider pour comprendre ...

[lefabdu51]

Re : Retrouver un CSS avec Firebug

bon tu files dans l onglet style de ton template et tu desactives la compression css.... le nom de fichier est typique......et quelque soit l endroit ou tu cliques tu as ce nom, et dans le dossier css de ton template tu en as plein et aucun qui correspond.

http://www.purity2.fr/tutoriels/ja-templates/administration/54-mode-developpement.html

[lefabdu51]

Re : Retrouver un CSS avec Firebug

et apres tu auras le bon fichier ou modifier ton selecteur css... mais a mon avis, ca va etre template.css... a verifier

[kmloujdi]

Re : Retrouver un CSS avec Firebug

Bon alors j'ai désactivé jai mi optimize CSS à NO

c'est mieux docteur ?

J'essaie après manger merci !

[lefabdu51]

Re : Retrouver un CSS avec Firebug

regardes avec firebug et tu sauras de suite... pense aussi a vider les cachesjoomla et navigateur...

[lefabdu51]

Re : Retrouver un CSS avec Firebug

et aussi le cache ja...( l avais oublié celui la)

[kmloujdi]

Re : Retrouver un CSS avec Firebug

Bon alors j'ai vider tous les caches voila ce que j'obtiens :



J'ai bien le nom du css mais je n'ai pas le chemin pour etre sur de modifier la valeur "#444444" dans le bon template.css

Normalement celui ce trouve dans : .../templates/ja_purity_ii/css/template.css

Mais quand je vais dans ce fichier template.css (celui du chemin ci-dessus),

je ne trouve pas en faisant un ctrl + F (recherche) la valeur "#444444" alors que c'est cette valeur qu'il faut modifier d'aprés firebug.

Voila ce que je trouve dans ce template.css :

/* Main Nav ---*/
#ja-mainnav {
background: url(../images/grad1-mask.png) repeat-x top #444;
border-top: 1px solid #666;
line-height: 1;
position: relative;
z-index: 11;
}
#ja-mainnav .main { font-size: 12px; }

Merci pour votre aide!

[nano]

Re : Retrouver un CSS avec Firebug

Rebonsoir,
Tu as la solution dans ta réponse :

background: url(../images/grad1-mask.png) repeat-x top #444;

[Nora75]

Re : Retrouver un CSS avec Firebug

Tu as déjà bien avancé ! Firebug affiche ce que Firefox interprète donc le #444444 de Firebug correspond au #444 du fichier template.css. Je te conseille faire tes recherches sur les noms de classe ou id par ex "ja-mainnav" car les couleurs peuvent être écrites de différentes façons comme le prouve ton exemple et dans différents formats (hexadécimal, RBG). D'ailleurs ces formats peuvent être définis dans Firebug (onglet "style").

[kmloujdi]

Re : Retrouver un CSS avec Firebug

Ok c'est bon merci je pensais que c'était exactement ce qu'on devait retrouver ...
Oui j'ai bien fait ma recherche sur "#ja-mainnav {" c'était juste pour l'exemple.
par contre je n'ai pas eu le chemin de mon template.css j'avais "null" d'afficher (voir image ci dessus)