Keyword - CSS

Configuration d'un thème multi CSS

Un thème peut proposer donc des déclinaisons en plus d'un habillage par défaut. La suite détaille comment réaliser un thème déclinable.

Lire la suite »

Structure pour formulaire de commentaires

Pour mettre en forme votre formulaire de commentaires, l’indispensable kit de base…

Lire la suite »

Une page d'archives sur le modèle des nuages de tags

La mode du nuage de tags peut s'étendre aux archives : des mois écrits plus ou moins gros selon leur nombre de billets, ça vous tente ? Alors suivez le guide.

Lire la suite »

Créer un nuage de tags

La présentation la plus prisée des tags est sans conteste ce qu'on appelle le "nuage". Les tags sont les uns à la suite des autres et la taille de leurs caractères varie en fonction de la fréquence d'utilisation du tag. Vous en voulez ? Voyons comment faire.

Lire la suite »

Menu horizontal avec hover

Si on veut avoir un menu horizontal personnalisé, avec des sous-entrées qui apparaissent au survol, amalgame nous montre la voie !

Lire la suite »

Les radiographies à l'usage des css

Les radiographies peuvent être d'un grand secours aux designers pour ne pas s'emmêler les pinceaux dans les imbrications. Quelques repères sont donnés ici et un petit exercice sur la cascade pour les débutants (on vous aime, n'est-ce pas ?)

Lire la suite »

Le formulaire des commentaires

Comme promis lors de l'examen de la radiographie du fichier post.html, voici celle en gros plan de la partie dédiée au formulaire des commentaires. Ça n'est donc pas à proprement parler un fichier html mais une partie de l'un d'entre eux.

Lire la suite »

Le content de tags.html

Avant-dernière radiographie des fichiers html du thème par défaut, tags.html présente la liste de tous les tags utilisés sur le blog. Regardons-la.

Lire la suite »

Le content de tag.html

De la même façon qu'on peut sélectionner l'affichage des billets catégorie par catégorie, on peut également les afficher en choisissant un tag. C'est le fichier tag.html présidant à la présentation de cette page dont nous allons explorer les recoins dans cette fiche.

Lire la suite »

Le content de post.html

Voici la page la plus complexe du blog, gouvernée par le fichier post.html : celle qui affiche le billet seul ainsi que ses pièces jointes, accompagné de ses commentaires et rétroliens et du formulaire de saisie des commentaires. (Ce formulaire sera vu dans une radiographie ultérieure pour ne pas surcharger ce billet.)

Lire la suite »

Le content de home.html

Le fichier home.html est celui qui détermine l'affichage du blog à l'accueil. Il est important de bien le connaître car c'est dans ce fichier que vous ferez les éventuelles modifications de votre page d'accueil. Hop, revue de détail.

Lire la suite »

Le content de category.html

Les billets peuvent être triés par catégorie. Une liste s'affiche alors comportant tous les billets de la catégorie (et une pagination si leur nombre excède celui du nombre de billets par page réglé dans les Préférences du blog). C'est ce fichier que je vous invite à découvrir ici.

Lire la suite »

Les grandes boîtes communes à toutes les pages

Les thèmes de Dotclear sont livrés avec une série de fichiers *.html qui sont appelés en fonction du contexte (plus d'explications sur la doc) rangés dans un sous-répertoire tpl du répertoire du thème.

Et si on les regardait de plus près ?

Lire la suite »

Organiser sa feuille de style

Avez-vous déjà repris une feuille de style après plusieurs semaines ou mois ? Ou la feuille de style de quelqu'un d'autre ? Il est souvent bien difficile de s'y retrouver. Je vous propose ici un plan d'organisation de votre fichier style.css.

Lire la suite »

Un style par catégorie/auteur/langue

Un lot de fonctions toutes prêtes disponibles (leur liste complète se trouve dans la doc) rend très aisée la création de styles différents en fonction de paramètres tels que la catégorie du billet (ou de la page), tel ou tel tag, etc.

Lire la suite »

La syntaxe css

On se comprend tout de suite mieux quand on emploie les mêmes mots pour désigner les mêmes choses. En images et en couleurs, les mots pour le dire.

Lire la suite »

Une barre de navigation horizontale

Ajouter une barre de navigation horizontale qui viendra élégamment se placer sous le top ne demande pas trop d'effort et fait tout de suite très chic. La preuve.

Lire la suite »