• qu'est-ce que c'est ?

    Ci-dessous les differentes formes de soulignements de liens ou de textes.

    Ligne continue
    Ligne double
    Ligne avec pointilés
    Ligne avec tirets

     

    comment faire ?

    Pour une fois, c'est pas très compliqué. On va juste travailler dans le HTML de votre article. En premier vous allez créer un nouvel article. Alors, pour souligner normalement, inutile de vous expliquer comment on fait, l'interface d'Eklablog nous propose gentillement le bouton U qui permet donc de souligner une ligne, un lien, un mot. Ce qui nous interesse ce sera comment souligner en double, en pointillés et en tirets.

    Tout d'abord tapez un texte à souligner dans votre cadre blanc, comme vous en avez l'habitude. Tapez n'importe quoi, on s'en fout, c'est juste pour tester. Une fois fait, cliquez sur le petit bouton HTML de l'interface. Là vous devriez avoir votre texte avec <p> au début et </p> à la fin, nous allons travailler a l'interieur, n'y faites pas attention.

    Pour souligner un mot en double, vous devrez rajouter juste devant de ce mot

    <span style="border-bottom: 3px #000000 double;">

    Et tout de suite après ce même mot vous rajoutez

    </span>

    Et normalement si vous fermez votre fenetre d'édition HTML vous devriez voir le mot en question souligné en double.

    Je vous explique un peu le principe.
    border-bottom correspond au bord inférieur de votre mot, vous pouvez changer bottom par top si vous souhaitez mettre le soulignement au-dessus du mot ou encore right (Bord droit) ou left (Bord gauche).
    3px correspond à la hauteur de votre ligne en pixels, pour un soulignement double c'est minimum 3 sinon il ne se verra pas. Pour les autres sortes de soulignement, 1px suffit largement.

    Enfin, double que vous pouvez remplacer par
    dotted (pointillés)
    dashed (tirets)

    Il est également possible de donner une couleur différente de celle de votre texte à votre soulignement, pour ce fait il faut rajouter le code héxadécimal de la couleur choisie à la place du #000000. Si à l'inverse vous souhaitez que votre soulignement soit de la même couleur que votre texte, vous devrez retirer ce #000000, sans quoi votre code ne fonctionnera pas.

    Merci d'avoir suivit ce tutoriel, si vous avez des questions ou des problèmes ce serait un plaisir pour moi de vous répondre par commentaire.


    11 commentaires