[CSS] Modifier le rendu de la galerie

Par -Thierry-

Bonjour, Un petit article pour la mise en forme des images des galeries d'images. Pour information, les galeries d'images dans Eklablog sont gérées par cerabox. Sur clic sur une image de la galerie, l'image s'affiche dans un élément div d'identifiant...

Lire la suite

[CSS] Modifier un élément sur deux

Par -Thierry-

En voyant la liste de mes derniers articles (le module "Derniers articles"), je me suis dit qu'avec des longs titres ça devenait une grosse bouillie illisible. L'idée est d'avoir une ligne sur deux avec une couleur différente, comme vous pouvez le voir...

Lire la suite

[CSS] Retirer un visiteur de la liste des derniers visiteurs

Par -Thierry-

Vous avez peut-être souhaité réduire la taille des images de la liste des derniers visiteurs. Pour ce blog j'utilise ce code CSS qui réduit la taille et ajoute un arrondi et une ombre. /* Derniers visiteurs */ . module_menu_type_lastvisitors img { -moz-border-radius...

Lire la suite

[CSS] Déplacer un élément dans l'en-tête du blog

Par -Thierry-

Lorsqu'on souhaite déplacer un élément à un endroit précis de la page, on utilise du code CSS pour passer l'élément en position absolue : Par exemple pour déplacer le module de menu Newsletter : . module_menu_type_newsletter { position : absolute ; left...

Lire la suite

[CSS] Ajouter du texte au module Newsletter et agrandir les éléments

Par -Thierry-

Voici à gauche un module Newsletter standard, et à doite le module amélioré (celui de ce blog) : On a : ajouté du texte en rouge et en italique élargi la zone de texte de saisie élargi le bouton Ces modifications sont faites uniquement avec du code CSS.Inutile...

Lire la suite

[CSS] Info-bulles en CSS sans Javascript

Par -Thierry-

Une info-bulle est un texte qui s'affiche généralement lorsqu'on survole un élément de la page.Cela permet d'ajouter des petits textes d'aide ou d'information. On les utilise par exemple sur les liens : pour voir une info-bulle, survolez ce texte. L'info-bulle...

Lire la suite

[CSS] Ajouter une ombre au titre et au slogan de l'en-tête

Par -Thierry-

Dans l'en-tête de ce blog vous pouvez voir un ombrage sous le titre et le slogan (pour peu que vous ayez un navigateur assez récent). Cela est très facile à réaliser avec du code CSS. Voir cet article pour une première découverte du CSS : Mon premier...

Lire la suite

[CSS] Les sélecteurs CSS, comment formater une liste hiérarchique ?

Par -Thierry-

Le but de cet article est de colorer dynamiquement les différents niveaux d'une liste numérotée d'un article. Avant Après Je ne vais pas détailler ici tous les sélecteurs possibles.Les types de sélecteur sont détaillés ici : Les sélecteurs en CSS3 Créez...

Lire la suite

[CSS] Mettre en évidence le titre d'un article

Par -Thierry-

Le titre de cet article a été modifié pour : afficher une image « Nouveau » ; mettre le texte en bleu, gras et légèrement plus grand. Ce résultat est obtenu avec du code CSS, ajouté dans le menu :« Apparence » => « Modifier le thème » => « Ajouter du...

Lire la suite

Mon premier code CSS - images au coins arrondis avec ombrage

Par -Thierry-

Dans cet article, les images ont des coins arrondis et un ombrage. Nous allons détailler la procédure pour accomplir cet effet. Si ne voyez pas d'effet particulier sur les images de cet article, c'est sans doute que votre navigateur est trop ancien ;...

Lire la suite