Codelets CSS en vrac pour styler le blog

Je vous propose ici une liste de codelets CSS qui permettent de modifier certains aspects très précis du blog : empêcher d'afficher le trackback, enlever le soulignement des liens des titres, mettre en italique les catégories, etc... Un codelet est un tout petit morceau de code à copier-coller (snippet en anglais).

Voici la liste de tous les codelets postés dans cette section :

  1. Ne pas afficher le trackback des billets
  2. Styler les trackbacks des billets
  3. Ne pas afficher les catégories des billets sous le titre
  4. Styler les catégories qui apparaissent sous le titre des billets
  5. Agrandir l'espace entre les commentaires
  6. Styler la ligne qui sépare les commentaires
  7. Supprimer la mention "Ecrire commentaire"
  8. Enlever le soulignement des titres des billets
  9. Changer la couleur des titres des billets  
  10. Agrandir / diminuer la taille des titres des billets
  11. Changer la police des titres des billets
  12. Aligner l'étiquette de la date à gauche des titres

Avant de vous lancer, merci de lire le mode d'emploi des codelets.

Mode d'emploi des codelets

Où mettre les codes fournis ici ?

Les codelets fournis doivent être insérés dans la fenêtre de saisie qui apparaît quand on clique, en mode "Admin", sur Paramètres > Insérer dans le header.

Modifier le header en admin

Il faut ensuite appuyer sur le bouton d'enregistrement situé sous la fenêtre de saisie pour que les codes soient enregistrés.

Pour voir les effets du code appliqué à votre site, il faut repasser en mode "Visiteur" pour rafraîchir la page.

Peut-on utiliser plusieurs codes ?

Oui, les codelets peuvent être combinés, à condition que vous soyez cohérents dans votre choix : ainsi, si vous combinez le codelet qui empêche l'affichage du trackback des liens avec celui qui permet d'en changer la couleur, il y aura assurément un problème d'incompatibilité !

Que faire en premier ?

Quelque soit le nombre de codelets que vous comptez insérer, vous devez commencer par insérer ces deux déclarations dans la fenêtre de saisie. Vos codelets seront copiés-collés entre ces deux éléments : 

<style type="text/css">

/* C'est ici que vous insérez le(s) codelet(s) */

</style>

Il ne vous reste plus qu'à choisir les codelets dont vous avez besoin et à les copier-coller entre ces deux balises.

Pour commenter, c'est ici

écrire commentaire

Commentaires: 2

  • JimdoPro
    #1

    Marine (lundi, 26 septembre 2011 11:15)

    Merci pour toutes ces astuces, j'ai pu faire quelques petits changements :)
    Une fonction que je tente de trouver en vain depuis un petit moment : Pouvoir séparer les articles de blog par une simple ligne afin de les dissocier :/

  • JimdoPro
    #2

    JEANNOT Peggy (lundi, 09 janvier 2012 20:16)

    Une petite question d'une novice ....est-il possible de proposer une inscription au blog ( style inscription à la newsletter qu'on retrouve sur les blogs "classiques" ) ? Merci beaucoup !

  • loading
Ruban
Me contacter