31 janvier 2010

Clarifier ses pages HTML (2)

Dans une page HTML on peut ajouter des sauts de lignes sans que cela affecte en quoi que ce soit le résultat. Ces sauts de lignes ne doivent être ajoutés qu'entre des balises, jamais à l'intérieur d'une balise. On peut donc disposer le texte en respectant deux principes : - une balise (d'ouverture ou de fermeture) par ligne ; - indenter (= décaler) les balises en fonction de leur niveau dans la hiérarchie des emboîtements. Exemple : <ul class="menu">           <li... [Lire la suite]
Posté par Michal53 à 08:28 - - Permalien [#]
Tags : , , , , , , ,

29 janvier 2010

Clarifier ses pages HTML (1)

Attention ! Toute manipulation sur ces pages doit être faite avec précaution : - toujours faire une copie de sauvegarde avec un copier-coller (au format "txt" dans un fichier du bloc-notes de Windows - et uniquement le bloc-notes) ; - toujours prévisualiser ses modifications avant de les valider. Les pages HTML visibles dans le sous-menu "Editer les fichiers de ce modèle" du menu "Apparence" sont : - La page d'accueil ; - La page des archives ; - La page de l'index des archives ; - La page d'un message ; - La page du profil d'un... [Lire la suite]
Posté par Michal53 à 08:30 - - Permalien [#]
Tags : , , ,
28 janvier 2010

Deux colonnes à gauche

Pour afficher les deux colonnes latérales à gauche de la colonne des articles, il faut juste s'atteler à un petit calcul.   On ajoute la propriété margin-left aux sélecteurs content et rightbar. Pour content la valeur de margin-left sera égale à la largeur (width) de rightbar. Pour rightbar la valeur de margin-left sera égale à la somme des largeurs de content et rightbar précédée du signe "moins". Exemple : #content {           float: left;           width : 340px;... [Lire la suite]
Posté par Michal53 à 10:19 - - Permalien [#]
Tags : , , , , , ,
28 janvier 2010

Deux colonnes à droite

La disposition classique d'un modèle comportant trois colonnes veut que les colonnes latérales de menu soient disposées de chaque côté de la colonne des articles. Comme il est possible de le voir dans certains modèles présentés dans ce blog, on peut regrouper ces colonnes à droite sans rien modifier dans les pages HTML. un exemple de dispositiondes colonnes latérales La marche à suivre ne nécessite qu'une seule modification : On fait passer la colonne de gauche (leftbar) tout à droite en changeant simplement la valeur de la... [Lire la suite]
Posté par Michal53 à 10:18 - - Permalien [#]
Tags : , , , , , ,
27 janvier 2010

Un vieux miroir...

Des allures de vieux miroir dont l'étain se décolle peu à peu ou de devanture de vieux bar sur les Grands Boulevards parisiens, un ciel menaçant la lande avant l'orage... Laissez-vous porter par votre imagination...   mirror
Posté par Michal53 à 09:40 - - Permalien [#]
Tags : , , , , , , , ,
26 janvier 2010

Dans ma rue...

Macadam, bitume, asphalte, béton, acier... A vous de construire le reste...   metallic
Posté par Michal53 à 10:01 - - Permalien [#]
Tags : , , , , , , , ,

24 janvier 2010

Pour les amoureux

Un tissu rapiécé avec des cœurs... Vous pourriez peut-être bientôt utiliser cet habillage, pourquoi pas ?   hearts
Posté par Michal53 à 09:17 - - Permalien [#]
Tags : , , , , , , , ,
22 janvier 2010

Une image de fond pour les commentaires

Il peut être intéressant d'insérer les commentaires des articles dans une image de fond. exemple de commentaires avec image de fond La méthode employée est pratiquement la même que pour afficher un séparateur d'articles (voir cet article). La différence réside dans l'image qui sera utilisée. Elle devra avoir une hauteur plus importante que nécessaire pour répondre à tous les besoins, en particulier lorsqu'il y a beaucoup de tags et donc plusieurs lignes. l'image de fond D'autre part, puisque la hauteur est variable il ne faudra... [Lire la suite]
Posté par Michal53 à 09:19 - - Permalien [#]
Tags : , , , , , ,
21 janvier 2010

Nuages bleus

Des effets de lumières et de transparence pour cet habillage à l'allure futuriste...   smoke
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , , , ,
20 janvier 2010

Lumière !

Cet habillage a l'ambition de donner l'impression d'un éclairage indirect... Il utilise aussi le survol de la souris sur les liens pour donner l'illusion d'une lumière qui s'allume.   lights
Posté par Michal53 à 09:00 - - Permalien [#]
Tags : , , , , , , , ,