11 décembre 2009

Des images de fond

Quelques sélecteurs de la page d'accueil et de la page des archives qui peuvent intégrer (de façon intéressante) un fond (surface ou image). On peut donc y ajouter la propriété "background" : body (corps de la page) container (conteneur principal) content (conteneur des articles) leftbar (colonne de menu de gauche) rightbar (colonne de menu de droite) topbar-logo (bandeau supérieur) topbar (bandeau supérieur) blogbody h2 (date des articles) :   blogbody h3 (titre des articles) :   blogbody .itemfooter (infra... [Lire la suite]
Posté par Michal53 à 09:38 - - Permalien [#]
Tags : , , , , , ,

09 décembre 2009

Des colonnes de même hauteur (2)

Une technique simple permet d'obtenir des colonnes de même hauteur. Elle est toutefois soumise à condition. On donne une couleur de fond à l'élément "container" et une autre à l'élément qui aura la hauteur la plus longue. Ainsi, l'élément auquel on n'aura pas attribué de couleur de fond se retrouvera avec celle du "container". 1- Si le "content" est toujours plus long que les colonnes de menu, on écrit par exemple : #container { background: #FFFF99;} #content { background: #56BBD0;} #leftbar { background: transparent;}* #rightbar {... [Lire la suite]
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , , , , , , ,
27 novembre 2009

L'effet mosaïque (1)

On peut décider de laisser l'effet mosaïque se produire et il n'est pas nécessaire de préciser la valeur de la propriété "background-repeat" (par défaut, c'est "repeat"). Ou bien, on peut l'empêcher : body {           background : url(http://i24.tinypic.com/5aolrs.jpg) top center no-repeat; } écran 1680x1050 Ou le limiter par exemple verticalement : body {           background : url(http://i24.tinypic.com/5aolrs.jpg) top center repeat-y; } écran 1680x1050 L'espace... [Lire la suite]
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , , ,
05 novembre 2009

Des colonnes de même hauteur (1)

Les feuilles de style des thèmes proposés par Canalblog comportent trois éléments définissant les colonnes : - la colonne principale contenant les articles, "content" ; - les colonnes des menus latéraux, "leftbar" et "rightbar". La boîte contenant ces trois colonnes étant "container". En utilisant la propriété "background-color" on peut donner une couleur de fond à chacune de ces colonnes. Mais on obtient un résultat peu esthétique. En effet, les colonnes n'ont pas la même longueur, le bas d'une colonne s'arrête, faute de contenu. ... [Lire la suite]