-
Ekalblog - Citer un texte dans les commentaires
Bonjour,
Aujourd'hui, je vais vous livrer une astuce qui permet de mettre en forme une citation dans les commentaires d'Eklablog et les messages du forum. En effet, l'éditeur ne propose aucun bouton de citation pour citer tout ou partie des messages précédents.Voici un exemple :
Attention : à vouloir trop vous faire remarquer avec ce genre de ruse, vous risquez de vous faire bannir par les modérateurs. Tenez-vous-le pour dit. Je ne serai pas tenu responsable du mauvais usage que vous ferez de cette astuce.
Note : Dans ce tuto, j'utiliserai le navigateur Mozilla Firefox. Si vous utilisez un autre navigateur, la manipulation peut être légèrement différente.
Prêts à hacker l'espace commentaire ? C'est parti !
1. Transformer un paragraphe en bloc de citation
Dans une nouvelle ligne, faites un clic droit sur un nouveau paragraphe, et choisissez
Examiner l'élément
. Nous allons transformer ce paragraphe en bloc de citation.Attention : Si votre paragraphe se trouve en début ou en fin de commentaire, passer à la ligne à cet endroit aura pour effet de générer de nouvelles citations au lieu d'un nouveau paragraphe de texte normal.
Si votre paragraphe se trouve en début de commentaire, écrivez une ligne au dessus ; s'il est en fin de commentaire, ajoutez une ligne en dessous.Double-cliquez sur le
p
de la balise<p>
. Remplacez parblockquote
et cliquez sur un endroit vide dans la page pour appliquer le changement.2. Injecter les balises HTML
Une fois fait, copiez ce code :
<small><b>XX</b> a écrit :</small><p>« Citation. »</p>
Puis faites un clic droit sur la balise
<blockquote></blockquote>
et choisissezColler - À l'intérieur du HTML
.Et voilà le résultat :
3. Copier-coller le texte à citer
Il ne vous reste plus qu'à remplacer le texte de la citation directement dans l'éditeur de commentaire et remplacer les deux X par le bon pseudo.
4. (Optionnel) colorer la bordure à gauche :
Notez que, par défaut (sur le forum Eklablog par exemple), le paragraphe de citation comporte déjà une barre à gauche.
Pour la colorier ou ajouter cette barre où elle n'apparaît pas, voici comment faire :Sélectionner la balise
<blockquote></blockquote>
. Et dans la zone de droite, aller dans l'ongletRègles
pour cliquer dans la zoneCet élément
, entre les accolades ({}
) deélément
.Puis copiez-collez ce code CSS :
border-left: 8px solid #ddd;
C'est bon, vous pouvez fermer l'outil d'examen du code source.
Voici à quoi ressemblera notre exemple une fois le formulaire validé :
En espérant que cela vous ait plu.
Je vous attends dans les commentaires pour toute question. Bonne rédaction à vous !
Tags : ekalblog, astuce, CSS, coding, geek barbu, commentaire
-
Commentaires
code upc