Pour accéder plus rapidement au sommaire correspondant à cet article, cliquez sur le lien :
Pour pouvoir disinguer les catégories en français des catégories en anglais, je voulais créer une ligne de séparation



Création de l'image :

J'estime la hauteur entre le bas du module et cette ligne à 40px et je créé une image avec fond transparent d'une hauteur de 40px sur 400px de large (plus large que le module). Je place la ligne tout en haut de cette image.


Dans le CSS :

Je place cette image dans cette ligne (à créer si elle n'existe pas encore)

.categorie .box-content {background-image:url(http://nsm01.casimages.com/img/2008/01/26//08012608163962651646307.gif) ;background-position:bottom;background-repeat:no-repeat;}

Ce n'est pas bien difficile à réaliser, il faut juste bien estimer la hauteur de l'image pour qu'elle se place bien sans empiéter sur les liens

Voir les 2 commentaires - Ecrire un commentaire
Recommander
Retour à l'accueil

Présentation

: Les ficelles d Anna K.
: 26/06/2006
annak : Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer de la musique, des gadgets, des compteurs, des astuces de référencement...

Recherche Rapide Sur le Site

Commentaires

 
Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés