28173 sujets
CSS et mise en forme, CSS3
Je ne connais pas d'extensions pour récupérer les styles utilisés sur toute la page.
Par contre si tu veux savoir quels styles sont utilisés sur un élément précis de ta page tu peux utiliser l'extension Firebug (onglet Inspector puis onglet Style). Il te donnera les styles d'un élément, le nom du fichier css et la ligne correspondant au style
.
Tu peux faire la même chose avec l'Inspecteur DOM ou l'extension CSSViewer mais je les trouve beaucoup moins pratiques pour ça.
Par contre si tu veux savoir quels styles sont utilisés sur un élément précis de ta page tu peux utiliser l'extension Firebug (onglet Inspector puis onglet Style). Il te donnera les styles d'un élément, le nom du fichier css et la ligne correspondant au style
.Tu peux faire la même chose avec l'Inspecteur DOM ou l'extension CSSViewer mais je les trouve beaucoup moins pratiques pour ça.
Pour voir les nombreuses feuilles de style on peut utiliser WebDeveloper pour FF. Pour les enregistrer en .css il y a un lien devant chaque page représentée; cliquer et enregistrer.
À défaut, on peut regarder dans le code source, dans la balise (valise) <head> se trouve les liens vers les pages .css.
Recompose le chemin dans ta barre de navigateur pour afficher et enregistrer.
À défaut, on peut regarder dans le code source, dans la balise (valise) <head> se trouve les liens vers les pages .css.
Recompose le chemin dans ta barre de navigateur pour afficher et enregistrer.
Ok merci, jesperais qu'il y ai une asatuce sur la devloper bar...
Je ne me sent pas de me taper la 40ène de style de la page...
Je viens de tenter Firebug. ça reste laborieux, jai presque plus vite fait de regarder les styles dans dream.
J'espère qu'un ptit plugin va arrivé un jour
ça doit pas être trop dur à faire, je pense.
Modifié par joxp (21 Nov 2006 - 09:04)
Je ne me sent pas de me taper la 40ène de style de la page...
Je viens de tenter Firebug. ça reste laborieux, jai presque plus vite fait de regarder les styles dans dream.
J'espère qu'un ptit plugin va arrivé un jour
ça doit pas être trop dur à faire, je pense. Modifié par joxp (21 Nov 2006 - 09:04)
Avec la developer tool bar:
CSS > voir les styles (view styles)
par exemple pour cette page du forum Alsacréations une seule feuille est appelée: On peut la lire ou cliquer sur le lien direct
ici j'ai copié l'entête de la page qui affiche les styles, tu vois qu'il y a un lien qui pointe directement vers la vrai feuille (le troisième). Si plusieurs feuilles sont appelées, elles s'afficheront dans l'ordre d'appel et il te suffit de les ouvrir dans un nouvel onglet et les enregistrer une par une.
Devant chaque feuille importée et visualisée se trouve un lien similaire.
Modifié par Aureance (21 Nov 2006 - 17:07)
CSS > voir les styles (view styles)
par exemple pour cette page du forum Alsacréations une seule feuille est appelée: On peut la lire ou cliquer sur le lien direct
a écrit :
CSS - http://forum.alsacreations.com/topic-4-19964-1-Webdeveloper-toolbar-extraire-les-syles-utilises.html
http://forum.alsacreations.com/topic-4-19964-1-Webdeveloper-toolbar-extraire-les-syles-utilises.html
http://forum.alsacreations.com/skins/alsacreations/styles.css
ici j'ai copié l'entête de la page qui affiche les styles, tu vois qu'il y a un lien qui pointe directement vers la vrai feuille (le troisième). Si plusieurs feuilles sont appelées, elles s'afficheront dans l'ordre d'appel et il te suffit de les ouvrir dans un nouvel onglet et les enregistrer une par une.
Devant chaque feuille importée et visualisée se trouve un lien similaire.
Modifié par Aureance (21 Nov 2006 - 17:07)