mise en page gadgets

obtenir ces boutons

Mise en page d'un gadget

Chaque gadget peut faire l'objet d'une mise en page particulière (par défaut ce sont les instructions relatives à l'élément principal dont il dépend qui s'appliquent).

Cela concerne tous les attributs de mise en page : police de caractères, couleur des caractères, couleur de fond, marges, espaces, ...

1) Il faut d'abord connaître le nom du gadget : "HTML1", HTLM2", "Text1", ... Si ce n'est pas le cas, afficher le gadget comme pour le modifier : le nom apparaît à la fin de l'adresse (http;//...) en haut de la fenêtre.

2) Dans le modèle (template) du blog, insérer le nom du gadget précédé de "#" et suivi des instructions voulues.

Ce code se place à proximité du paragraphe concernant l'élément auquel le gadget est attaché : messages ("main" ou ".post"), barre(s) latérale(s) ("sidebar ..."), bas d'écran ("footer ..."), ...

Exemples :
#HTML2 {
padding-left:35px;
}
#Text2 {
color : black;
}
#Image1 {
text-align: center;
}
#AdSense1 {
padding-left:26px;
}
3) On peut changer la mise en page de tous les gadgets avec l'instruction .widget {...}. Exemple :

.widget {
margin-top:20px;
margin-left:60px;
}

4) On peut changer la mise en page de tous les gadgets se trouvant dans la partie centrale attribuée aux messages. Exemple :

#main .widget {
float:left;
margin-top:0px;
margin-left:0px;
}

5) On peut changer la mise en page de tous les gadgets se trouvant dans une colonne latérale : Exemple :

#left-sidebar-wrapper .widget {
margin-top:0px;
margin-left:0px;
}

1 commentaire:

Napuletana-Beauty a dit…

Il m'est impossible de modifier mes gadgets.

Ou doit on placer exactement les codes ! merci d'avance