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.
Keyword - CSS
Structure pour formulaire de commentaires
Pour mettre en forme votre formulaire de commentaires, l’indispensable kit de base…
Publié par Jean-Michel - aucun commentaire 2 annexes
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.
Publié par fix
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.
Publié par Kozlika - 3 commentaires
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 !
Publié par fix
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 ?)
Publié par Kozlika - 7 commentaires
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.
Publié par Kozlika - 8 commentaires
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.
Publié par Kozlika - aucun commentaire
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.
Publié par Kozlika - 2 commentaires
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.)
Publié par Kozlika - un commentaire
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.
Publié par Kozlika - aucun commentaire
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.
Publié par Kozlika - aucun commentaire
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 ?
Publié par Kozlika - 6 commentaires
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.
Publié par Kozlika - 11 commentaires un rétrolien
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.
Publié par Kozlika - 10 commentaires
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.
Publié par Kozlika - un commentaire
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.
Publié par Kozlika - 56 commentaires