Je rappelle que pour bien tout comprendre vous êtes censés lire ensemble les billets de cette série radiographique, au moins le premier d'entre eux et qu'ils forment un tout.

Le fichier du thème correspondant à cette page est le fichier post.html.

Note aux designers : le body de cette page est doté de la class="dc-post" qui lui est spécifique.

Voici le content de cette page :

radio-post.jpg

point-1.jpg On retrouve le paragraphe "navlinks" et ses deux liens "prev" et "next" déjà croisés pour la page des archives mois par mois, les class "next" et "prev" sont également communes à la pagination des pages présentant des listes de billets, comme à l'accueil par exemple.

point-2.jpg Les pièces jointes sont présentées dans une liste non ordonnée (<ul>). A savoir : chaque lien vers une pièce jointe dont le format est « reconnu » par Dotclear possède une class en fonction de son type. Ainsi pour un fichier mp3 en pièce jointe le lien sera de class="audio".

point-3.jpg Les commentaires, leur prévisualisation et les rétroliens sont affichés sous forme de listes de définition (<dl>). Voici un exemple pour deux commentaires :

<dl>
  <dt>Infos du premier commentateur</dt>
  <dd><p>Contenu du premier commentaire.</p></dd>
  <dt>Infos du deuxième commentateur</dt>
  <dd><p>Contenu du deuxième commentaire.</p></dd>
</dl>

Notez également que si le commentateur est le rédacteur du billet, ses commentaires portent alors la class="me" :

<dt class="me">Infos du commentateur</dt>
  <dd class="me"><p>Contenu du commentaire.</p></dd>

Pour être identifié comme auteur du billet il faut que les renseignements fournis dans les champ « Nom », « email », « site » soient strictement identiques à ceux fournis dans les Préférences Utilisateur.

point-4.jpg Le bloc de prévisualisation s'affiche avant la validation, lorsque le commentateur a cliqué sur le bouton « Prévisualiser ». Bien que figurant dans une liste de définition, ce bloc ne présente qu'un seul item dd :

<dl>
   <dd><p>Contenu du commentaire.</p></dd>
</dl>

point-5.jpg Il s'agit ici du formulaire de dépôt de commentaire. Pour ne pas alourdir cette page, celui-ci sera détaillé dans un autre billet. Retenez toutefois la structure générale : le bloc <form id="comment-form"> contient l'ensemble du formulaire avec son titre h3, ses deux formulaires proprement dits (fieldset) et le paragraphe d'aide à la saisie.

point-6.jpg Ce fieldset contient la case à cocher Se souvenir de moi sur ce blog et les deux boutons de prévisualisation et de validation. Il sera détaillé dans le même billet que le fieldset précédent.