Niveau de connaissances : css première langue (16 billets)

Structure pour formulaire de commentaires

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

Lire la suite »

Le choix dans la date

On croise de plus en plus souvent dans les sites et les blogs des présentations de dates très graphiques. Mais comment font-ils et est-ce reproductible sur votre blog ? Bien sûr ! Il faut juste faire quelques modifs côté HTML et ajouter quelques règles côté CSS. C'est parti.

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 »

Le content de archive.html

Lorsqu'on clique sur le lien Archives d'un blog Dotclear, la liste des années accompagnées d'une sous-liste des mois s'affiche, accompagnée pour chaque item du nombre de billets du mois entre parenthèses. Cet affichage est géré par le fichier archive.html. On y va ?

Lire la suite »

Le content de archive_month.html

Dotclear permet la consultation des archives de votre blog. Pour un mois donné, la liste des billets de ce mois s'affiche dans le blog. Cet affichage est géré par le fichier archive_month.html que nous allons regarder de plus près dans le présent article.

Lire la suite »

Le content de 404.html

Parce qu'ils se sont trompés dans l'adresse d'un billet ou parce que celui-ci n'existe plus, ou encore parce qu'ils ont tapé n'importe quoi au hasard, vos visiteurs tomberont parfois sur une page d'erreur. Cette page s'affiche à l'aide du fichier 404.html placé dans le répertoire tpl du thème ; voyons-la en détail.

Lire la suite »

Les fichiers inclus

Les fichiers *.html d'un thème sont rangés dans un sous-répertoire nommé tpl parmi eux, certains sont prévus pour s'insérer dans d'autres. Ce sont les trois fichiers que je vous propose de découvrir dans cet article.

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 »

Migrer un thème : étape 2 (les commentaires)

Si votre thème ne touchait pas aux fichiers de structure (*.php), il est déjà fort présentable. Il y a toutefois un certain nombre de sélecteurs qui ont été modifiés et d’autres ajoutés. Ce billet compare les commentaires et décrit les modifications à apporter à votre feuille de style.

Lire la suite »