• Ekalblog - Citer un texte dans les commentaires

    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 :

    Capture citation commentaire

    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 ! :likeaboss:

    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.

    Ekalblog - Citer un texte dans les commentaires

    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 par blockquote et cliquez sur un endroit vide dans la page pour appliquer le changement.

    Ekalblog - Citer un texte dans les commentaires

    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 choisissez Coller - À l'intérieur du HTML.

    Ekalblog - Citer un texte dans les commentaires

    Et voilà le résultat :

    Ekalblog - Citer un texte dans les commentaires

    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.

    Ekalblog - Citer un texte dans les commentaires

    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'onglet Règles pour cliquer dans la zone Cet élément, entre les accolades ({}) de élément.

    Ekalblog - Citer un texte dans les commentaires

    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é :

    Ekalblog - Citer un texte dans les commentaires

    En espérant que cela vous ait plu.
    Je vous attends dans les commentaires pour toute question. Bonne rédaction à vous ! :hap:


    Tags Tags : , , , , ,
  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :