JoomlaDay FR
➠ icon : uniformise l'appel des icons. Evite de passer en mode code pour la saisie DEMO
TODO : mettre bascule pour gestion line-height
author Lomart version v1.0beta license GNU/GPLv3
  • icon: nom de l'icone
  • size: taille icone en px, em
  • color: couleur
  • color-hover: couleur lors survol icone
  • style: style inline
  • class: classe

    Cette action n'implante pas de librairie d'icônes. Elle a un rôle d'interface pour faciliter l'utilisation de la bibliothèque implantée sur votre site

    Exemple simple avec icoMoon et Bootstrap

    1 2 3 4

    1 {up icon=plus}
    2 {up icon=plus | size=32px}
    3 {up icon=plus | size=3rem | color=red | color-hover=orange}
    4 {up icon=plus | size=3rem | class=t-rouge t-hover-orange}

    La syntaxe est très simple. on indique comme paramètre principal la classe attendue par la librairie d'icône installée.

    Il est possible d'indiquer la taille en px, em ou rem. La largeur ainsi que la hauteur de ligne seront adaptées.

    Les couleurs peuvent-être indiquées directement (exemple 3) ou par des classes (exemple 4)

    Les icomoon présente dans bootstrap 2.0 / Joomla 3.7.5

    address
    apply
    edit
    pencil
    archive
    drawer-2
    previous
    arrow-first
    arrow-last
    last
    arrow-left-2
    arrow-down-2
    arrow-right-2
    arrow-up-2
    arrow-down-3
    arrow-left-3
    arrow-right-3
    arrow-up-3
    chevron-down
    downarrow
    arrow-down
    chevron-left
    arrow-left
    chevron-right
    arrow-right
    chevron-up
    uparrow
    arrow-up
    flag-2
    bars
    basket
    bookmark
    box-add
    box-remove
    briefcase
    broadcast
    brush
    calendar
    calendar-2
    camera
    camera-2
    cart
    chart
    checkbox-partial
    checkbox-unchecked
    checkedout
    lock
    locked
    checkin
    checkbox
    clock
    cogs
    comment
    comments
    comments-2
    compass
    contract
    contract-2
    cube
    dashboard
    database
    delete
    remove
    cancel-2
    download
    envelope
    mail
    mail-2
    equalizer
    expand
    expand-2
    eye-close
    eye-open
    eye
    featured
    star
    feed
    file
    file-add
    file-remove
    filter
    first
    flag
    folder-close
    folder-2
    folder-open
    folder
    grid-view
    grid-view-2
    health
    home
    key
    lamp
    lightning
    list
    list-view
    location
    loop
    menu
    menu-2
    minus
    mobile
    move
    music
    new
    plus
    next
    options
    cog
    out-2
    color-palette
    pencil-2
    pending
    warning
    picture
    pictures
    pie
    pin
    play
    play-2
    power-cord
    print
    printer
    publish
    save
    ok
    checkmark
    purge
    trash
    puzzle
    question-sign
    help
    quote
    quote-2
    save-copy
    copy
    save-new
    plus-2
    screen
    tools
    search
    share
    redo
    share-alt
    out
    shuffle
    star-2
    support
    tablet
    thumbs-down
    thumbs-up
    unarchive
    drawer
    unblock
    refresh
    undo
    asterisk
    star-empty
    unpublish
    cancel
    upload
    user
    users
    vcard
    wand
    wrench
    zoom-in
    zoom-out