Baisser ou augmenter l'espace entre les widgets.

Le présent tuto devrait en aider plus d'un car j'ai vu énormément de questions sans réponses sur le sujet.
Le but est donc de baisser l'espace (ou de l'augmenter) entre les widgets.
Exemple:
                       
Marges en haut et en bas
                         1. Vous devez connaitre l'adresse ID de votre widget:
                        2. Allez dans l'outil de création de modèles:
Tableau de bord -> Présentation -> Outil de création de modèle -> Avancé -> Ajouter le fichier CSS.
                        3. L'éditer avec ce code:
#ID du widget{
margin-bottom:-15px;
margin-top:-50px;
}
Vous verrez en tant réel l'ajustement.
Par exemple ici c'est trop:
Ici cela me convient:
Et voila, il ne vous reste plus qu'à l'appliquer au blog!
Marges à gauche et à droite
Cela marche aussi pour les marges à gauche et à droite.
Ex:

#HTML3{
margin-bottom:+20px;
margin-top:-20px;
margin-left:-25px;
}
Ou margin right :)
Il arrive que les widgets soient mal placés comme ceci:
Même procédure que pour les marges du haut et du bas:
Et voila le résultat:
baisser espace entre widgets gadgets augmenter blog

10 commentaires:

ASSRI a dit…

comment je peux savoir l-id d'un gadget
par exemple du titre du blog,du faviicon ou de navbar

sk_ a dit…

Tu peux utiliser l'extension Firebug de Firefox (https://addons.mozilla.org/fr/firefox/addon/firebug/), il existe également une version sur Chrome. Sur Internet explorer tu fais F12.
Cet outil est muni d'une option "inspecter" qui te permettra de connaitre d'id de tes éléments.

XOPICHILLI a dit…

oooh putain mec je t'aime!!! merci <3

sk_ a dit…

Pas de soucis, merci!

samir a dit…

comment réduire l'espace entre deux messages
blogger
merci

TerreurVision a dit…
Ce commentaire a été supprimé par l'auteur.
marcodeno a dit…

Cool!
Ça fesait un bout que je cherchais une solution facile à comprendre pour un néophyte comme moi...

Très efficace, merci !

Ange demon a dit…

T'es vraiment un chef l'ami merci

Blogger Widgets a dit…

C'est simple mais ça fonctionne bien. Merci.

Galatee a dit…

ça ne fonctionne pas chez moi?

Enregistrer un commentaire