Personnalisez plus facilement votre blog grâce au nouveau fonctionnement de la feuille de styles (vendredi, 29 janvier 2010)

Pour une meilleure gestion des feuilles de styles dans les blogs, une mise à jour a été effectuée. Celle-ci permet à tous les utilisateurs utilisant les feuilles de styles par défaut d'avoir les mises à jour automatiquement lors d'ajout de nouvelles fonctionnalités ou lors d'améliorations visuelles. De même, si vous utilisez la fonctionnalité d'ajout automatique de bannière, vous pourrez (si le modèle choisis le permet) changer de modèle tout en conservant cette bannière. Plus besoin de l'ajouter à chaque fois.

 

Pour les utilisateurs avertis, vous remarquerez en allant dans la partie « présentation » et le sous menu « options avancées », qu'en cliquant sur la modification du modèle de feuille de styles vous avez une nouvelle présentation. En fait vous trouverez dans la partie gauche, grisée, la feuille de styles par défaut du modèle que vous avez choisie. Vous pouvez la consulter mais pas la modifier.

 

Si vous voulez faire des modifications, alors vous avez la partie droite, qui ne concerne que votre blog, il suffit alors de rajouter des règles CSS dans cette partie pour surcharger la feuille de styles originale.

 

Dans le cas où vous voulez refaire complètement la feuille de styles sans utiliser une de celles fournie, vous pouvez en plus décocher la case se trouvant sous la partie gauche servant à charger la CSS par défaut.

 

Sans titre 1.jpg

Voici un exemple de ce que je pourrais avoir envie de faire sur mon blog. Imaginons que je veuille changer le fond du titre de ma bannière. Je vais commencer par chercher le style dans la partie gauche, dans l'exemple je trouve :

 

#banner h1 {

background-color: #336699;

padding: 10px 15px 20px 15px;

margin: 0px;

}

 

Je vais dans la partie droite recopier uniquement la partie que je veux changer, en modifiant bien sur cette partie, c'est à dire:

 

#banner h1 {

background-color: #ff0000;

}

 

L'interprétation du navigateur sur le site sera un mélange des deux feuilles, avec celle de droite surchargeant celle de gauche, donc cela donnera :

 

#banner h1 {

background-color: #ff0000;

padding: 10px 15px 20px 15px;

margin: 0px;

}

 

Cela marche pour tous les styles existant dans la feuille originale, et même ceux qui n'existent pas si vous voulez rajouter des règles pour votre propre feuille de styles. Les possibilités sont illimitées. Attention, si vous avez fait des modifications dans la partie droite, et que vous retournez dans la page de changement de présentation, si vous validez un modèle la partie droite sera remise à zéro. Pensez toujours à faire des sauvegardes de vos modèles une fois ceux-ci modifiés pour ne pas tout perdre, on ne sait jamais.

14:13 | Lien permanent | Commentaires (37) |  Facebook