22 mai 2013

Ajouter un séparateur d'article (2)

Il y a quelque temps je vous ai déjà expliqué une nouvelle astuce montrant comment séparer les articles les uns des autres (voir Ajouter un séparateur d'articles). Aujourd'hui je vous propose de vous en montrer une autre permettant de séparer un article des différents éléments qui se trouvent à sa suite (pied d'article, barre de partage, barre de vote, etc.). Voici un exemple de ce que cela donne. L'image d'une gomme marque la fin de l'article avant le pied d'article : copie écran Pour réaliser cet effet sans modifier le HTML, il... [Lire la suite]
Posté par Michal53 à 09:22 - - Permalien [#]
Tags : , , , , , , , , , , ,

07 décembre 2009

Le bandeau supérieur (3)

Deux images dans le bandeau supérieur du blog. On peut donc les placer l'une au-dessus de l'autre mais aussi l'une à côté de l'autre. Il suffit d'ajouter la propriété "float" avec pour valeur "left" à chacun des deux sélecteurs "topbar-logo" et "topbar". De plus il faudra indiquer la largeur que doit occuper chaque image, soit en pixels soit en pourcentage. illustration : #topbar-logo {           display: block;           background: url(URL de l'image);     ... [Lire la suite]
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , ,
06 décembre 2009

Le bandeau supérieur (2)

Il est tout à fait possible d'afficher deux images l'une au-dessus de l'autre dans le bandeau supérieur du blog (ou une image et un rectangle de couleur). Pour cela il faudra provoquer l'affichage de "topbar-logo" et de "topbar", donc leur donner la propriété "display" avec pour valeur "block". illustration : 1- Image dans le "topbar-logo" et rectangle dans le "topbar" : #topbar-logo {           display: block;           background: url(URL de l'image);     ... [Lire la suite]
Posté par Michal53 à 09:12 - - Permalien [#]
Tags : , , , , , , ,
03 décembre 2009

Le bandeau supérieur (1)

On peut placer une image de fond dans les sélecteurs "topbar-logo" ou "topbar". Il faudra tout d'abord provoquer l'affichage de l'élément qu'on aura choisi et interdire celui de l'autre en utilisant la propriété "display". La propriété "display" de l'élément choisi aura pour valeur "block" et l'autre "none". Dans le "topbar-logo" : #topbar-logo {           display: block;           background: url(URL de l'image);           height: Xpx;* } div... [Lire la suite]
Posté par Michal53 à 08:57 - - Permalien [#]
Tags : , , , , , , ,