22 novembre 2009

Une image en fond de page (1)

Pour afficher une image dans le fond d'une page, il suffit d'ajouter la propriété "background-image" dans l'élément "body" de votre feuille de style. Sa valeur sera l'adresse internet (URL) de l'image. On aura donc : body {           background-image: url(URL de l'image); } Exemple (modèle lily) : body {           background-image: url(http://i32.tinypic.com/34y1i5f.jpg); } D'autres propriétés peuvent être ajoutées : ... [Lire la suite]

20 novembre 2009

Deux nouveaux modèles

Leur image de fond, de la taille d'un grand écran (1680x1050), a la même structure. Il s'agit d'une surface de couleur claire et unie au centre avec un motif de chaque côté. Dans le premier, l'image qui est répétée verticalement défile avec le corps de la page. Ce qui donne une illusion d'optique intéressante. L'image du second est fixe, le corps de la page semble glisser au milieu. spots fall
Posté par Michal53 à 08:58 - - Permalien [#]
Tags : , , , , , , , , , , , , ,
18 novembre 2009

Un petit vert de rouge (humour)

Un habillage simple, sobre même (!). Il doit son nom à la couleur du fond qui fait penser à ce breuvage dans lequel se trouverait, dit-on, la vérité... wine
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , , , , , , ,
17 novembre 2009

Changer la position de la colonne de menu (2)

Deuxième cas : la colonne se trouve à gauche et vous voulez qu'elle soit à droite. 1- Vérifiez que la propriété "float"  dans les définitions de "content" et "leftbar" a bien pour valeur "left". 2- Ajoutez à "leftbar" la propriété margin-left. Donnez-lui une valeur égale à la largeur de "content" ("width"). Ajoutez le signe "moins" devant car cette valeur doit être négative. 3- Ajoutez à "content" la propriété margin-left et... [Lire la suite]
Posté par Michal53 à 09:24 - - Permalien [#]
Tags : , , , , , , ,
13 novembre 2009

Animaux en fête

Des chats joueurs, un oiseau bleu et un âne triste. Pourquoi pas ? cats bluebird donkey   Petite précision : Le bandeau du modèle "cats" peut facilement être remplacé par le titre de votre blog.
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , , , , , , , , ,
11 novembre 2009

Changer la position de la colonne de menu (1)

Voici la procédure à suivre pour changer la position de la colonne de menu par rapport à la colonne des articles. On ne modifie que la feuille de style sans rien modifier à la page HTML. Premier cas : la colonne se trouve à droite et vous voulez qu'elle soit à gauche. 1- Vérifiez que la propriété "float"  dans les définitions de "content" et "rightbar" a bien pour valeur "left". 2- Ajoutez à "rightbar" la propriété margin-left. Donnez-lui une valeur égale à la largeur... [Lire la suite]
Posté par Michal53 à 08:42 - - Permalien [#]
Tags : , , , , , , ,

09 novembre 2009

Gothic

Entrez dans l'univers étrange et poétique du gothique... gothic
Posté par Michal53 à 06:31 - - Permalien [#]
Tags : , , , , , , , , , , ,
08 novembre 2009

Ajouter une colonne aux modèles proposés

Un bon nombre de modèles proposés ici ne comporte que deux colonnes, une pour les articles et une pour le menu. Il est possible d'ajouter une colonne de menu à certains d'entre eux (mais pas à tous !). Voici la marche à suivre. DANS LA FEUILLE DE STYLE 1- En faisant un copier-coller de la définition d'une colonne ("#leftbar" ou "#rightbar"), ajoutez la définition de la colonne manquante. Si la définition de la colonne manquante figurait déjà remplacez-la par cette nouvelle définition. exemple (modèle... [Lire la suite]
Posté par Michal53 à 08:20 - - Permalien [#]
Tags : , , , , , , ,
06 novembre 2009

Nostalgie ou gaieté

memories train pinky
Posté par Michal53 à 06:29 - - 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]