frendeitpt

link

Link
Pour respecter le principe de UP qui veut que toutes les informations soient visibles, cette action permet d'indiquer un lien vers un site Internet ou une adresse email en précisant le style, la destination, une icône
 

🆙 link : Affiche un lien vers une URL ou un mail

Cliquer pour lire la documentation

syntaxe {up link=URL | label=label | blank | class=...}
@author: LOMART @version: UP-2.7 @license: GNU/GPLv3 @tags: editor
  • link: URL ou EMAIL pour l'attribut href
  • label: texte alternatif pour le lien
  • blank = 0: ouvre le lien dans un nouvel onglet
  • icon = 0: icone affichée devant le lien : vide=defaut, Unicode, fonticon, image
  • icon-style: classes et styles pour l'icône
  • icon-url = Ux1F517: Icone par defaut pour les URL
  • icon-mail = Ux2709: Icone par defaut pour les MAIL
  • font-prefix = icon-: pour icomoon ou 'fa fa-' pour font-awesome (a mettre dans pref.ini)
  • class: classe(s) pour bloc
  • style: style inline pour bloc
  • css-head (base-css): style ajouté dans le HEAD de la page

    Un exemple simple

    Les shortcodes

    {up link=lomart.fr}
    {up link=contact@monsite.com}

    Le résultat

    lomart.fr
    Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.

    Vous allez me dire "tous les éditeurs permettent de faire cela", pourquoi utiliser cette action ?

    Déjà, l'action va compléter l'url ou l'adresse email avec le protocole adéquat (// ou mailto:)

    Si vous voulez donner un style à votre lien, c'est là que UP vous aide ...

    Les shortcodes

    {up link=lomart.fr 
     | label=le site de lomart
     | icon | blank}
    {up link=contact@monsite.com
     | label=me contacter
     | icon }

    Les options :

    • label : par défaut, le texte affiché est le lien fourni sans la mention http://. Vous pouvez utiliser cette option pour fournir un texte alternatif.
    • blank : pour les URLs, le lien sera ouvert dans un nouvel onglet
    • icon : ajoute une icône devant le label. L'option sans argument affiche l'icône définie par les options : icon-url et icon-mail.
      Toutes ces options acceptent un caractère Unicode sous la forme Ux123, une fonticon ou le chemin vers une image jpg, png ou gif

    Les icônes

    Il existe plusieurs méthode pour ajouter une icône devant le lien

    La plus simple, juste ajouter l'option icon sans argument pour que UP ajoute l'icône définie par UP ou le webmaster dans les options icon-mail et icon-url en fonction du type de lien.

    {up link=contact@monsite.com | icon }

     Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. l'icône par défaut

    {up link=contact@monsite.com | icon=Ux279C }

     Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. un caractère Unicode

    {up link=contact@monsite.com | icon=images/icon/mail.png }

     

     Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. une image

    {up link=contact@monsite.com | icon=envelope}

     Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. une icône Font-Awesome

    {up link=contact@monsite.com | icon=address-card | class=fs150 t-red | font-prefix=fa fa-}

     Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. 

    Astuce

    Dans le dernier exemple, l'option class fixe la taille de la police à 150% et la couleur sur rouge.