On m'a posé une colle...
Je ne sais pas trop quoi répondre à ce commentaire... Mais bon, je m'occupe d'accessibilité, oui ou non ?
Voici donc l'essai de réponse que j'apporte :
Premièrement, Broly utilise le template par défaut de DotClear 1.2.1. Je me suis donc dépêché d'installer une "version de test"... Si on insère directement le plugin via dcCitation::afficher(); dans le template, comme ceci :
<div id="citation"> <h2>Citation</h2> <?php dcCitation::afficher(); ?> </div>
On "observe" que la citation est très comprimée à droite et à gauche, et qu'elle s'étale donc en hauteur, ce qui prend beaucoup de place pour rien :
Donc... il faut toucher à la CSS ! Voici les styles que j'ai appliqués :
.citation-auto {
margin: 0 1em;
text-align: justify;
}
.citation-auto cite {
display: block;
text-align: right;
font-size: 80%;
line-height: 100%;
margin-top: 1em;
}
Ce qui permet de diminuer les marges.
Donc, pour résumer :
- 1. On insère la citation dans le template à l'intérieur du menu (pour l'exemple j'ai choisi de l'insérer entre "liens" et "syndication") :
<div id="citation"> <h2>Citation</h2> <?php dcCitation::afficher(); ?> </div>
- 2. On ajoute à la fin de
style.css:
.citation-auto {
margin: 0 1em;
text-align: justify;
}
.citation-auto cite {
display: block;
text-align: right;
font-size: 80%;
line-height: 100%;
margin-top: 1em;
}
- 3. C'est fait !
[PS] Les images dans ce post sont une invitation pour ceux qui peuvent voir (plus ou moins bien) les images à me laisser des commentaires sur le rendu visuel...
