phpBB-fr.com

[Tony_truand]

Lorsque je cherche à modifier la présentation de mon forum en modifiant directement le fichier common.css, j'encadre provisoirement certains blocs pour visualiser leur limites.
Par exemple, j'ai rajouté une bordure rouge et une verte aux id site-description et site-logo...


ce qui donne sur mon forum :


ça ne marche pas pour tous les types de blocs mais parfois ça peut aider pour ajuster les margin et padding.

Je suppose que la plupart d'entre vous connaissaient déjà cette ficelle mais j'aime bien enfoncer les portes ouvertes...

[abble]

salut
merci de partager cette astuce

titre édité

[Jester]

Sujet mis en Post it

[smatOox]

sinon pour ceux qui utilises firefox, il y a un petit plugin qui s'appelle FireBug et grâce à ce petit plug vous pouvez détailler les cadres de n'importes quel site et ainsi voir sa source

voici le lien, plugin officiel: https://addons.mozilla.org/fr/firefox/d ... 0b7-fx.xpi

[MissGeek]

Très utile l'astuce de la bordure rouge Moi-même, je l'utilise pour localiser un bloc ou pour vérifier sa largeur ou ses marges.

[glouton]

Héhé ! J'aime bien utilisé cette astuce également et comme par hasard également avec les mêmes couleurs.

Seul tout petit soucis cependant c'est que l'épaisseur du border peut poser parfois des soucis. Par exemple deux blocs en float left un de 200px de large et l'autre de 745px de large dans un global de 955px et espacé de 10px par un margin sur l'un ou l'autre. Avec les bords ça peut envoyer le bloc de droite sous celui de gauche par manque de largeur. Enfin, je crois. Cela m'est déjà arrivé.

Bref, toujours est-il que j'aime bien cette astuce aussi.

[Jonathan44]

Moi j'utilise Web developer que l'on peut trouver en français ici et qui et je trouve un outil genial
Jonathan...

[Killer4lau]

Merci de l'astuce, ça m'est bien utile

[Bruno36]

Comment fonctionne Web developer ?
J'aimerais récupérer le code du cadre a l'endroit ou je clique.

[micka76]

bonsoir,

vous cliquer dans votre bar d'outil sur le bouton css-->Voir les css d'un style en particulier et vous cliquer sur la zone en question
et une fenetre s'ouvre avec les infos,et dans la barre de navigation il y a aussi des info sur les classes utilisées

a bientot vous lire

[Bruno36]

Merci