04 février 2010

Clarifier ses pages HTML (4)

On améliore considérablement la lisibilité d'une page HTML en y ajoutant des commentaires. Ceux-ci doivent être compris entre les signes "<!--" et "-->" (tout ce qui se trouve entre ces deux signes est rendu inactif). Exemple : <!--texte du commentaire--> Ainsi les pages HTML ne seront plus un tissu incompréhensible de codes, vous pourrez facilement vous y repérer et opérer les changements désirés au bon endroit. Si vous "bidouillez" souvent, vous comprendrez vite l'intérêt qu'il y a à... [Lire la suite]
Posté par Michal53 à 08:25 - - Permalien [#]
Tags : ,

03 février 2010

Clarifier ses pages HTML (3)

Il existe un moyen simple et automatique d'obtenir des pages HTML claires. Il suffit de se connecter sur le site de Tidy. Bien que le site soit en anglais, son utilisation reste très simple.     1- Faites un copier-coller de la page choisie du menu "Apparence" dans la case "HTML" :   2- Modifiez les valeurs des différentes cases comme suit (donné à titre indicatif) :   3- Validez en cliquant sur la case "Tidy" :   4- Après quelques secondes, on obtient une page de résultats :   5- En... [Lire la suite]
Posté par Michal53 à 12:24 - - Permalien [#]
Tags : ,
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 : , , , , , ,