Webseiten und ZubehörProgrammierung UmsetzungPflege Backups BetreuungJoomla-Spezialist

SonstigeSchnipsel

Bootstrap 3 bringt für Icons und Symbole den Webfont glyphicons-halflings-regular mit. Man kann via CSS-Klassen Symbole anzeigen. Da in Joomla 3 mit Bootstrap 2 der Icomoon-Font verwendet wird, plane ich eine Übersetzungsdatei in LESS zu schreiben, um die icon-Klassen vorerst weiterverwenden zu können, aber stattdessen analoge Glyphicons anzuzeigen .

Dafür diese Liste aller Klassen und Icons, die dynamisch aus der Datei glyphicons.less ausgelesen wird.

Glyphicon-CSS-Klassen (Bootstrap 3), dynamisch aus glyphicons.less ausgelesen

/media/plg_system_bs3ghsvs/less/glyphicons.less

/media/plg_system_bs3ghsvs/less/glyphicons.css

  • content: "\002a";


    glyphicon-asterisk
    <span class="glyphicon glyphicon-asterisk"></span>

  • content: "\002b";


    glyphicon-plus
    <span class="glyphicon glyphicon-plus"></span>

  • content: "\20ac";


    glyphicon-euro
    <span class="glyphicon glyphicon-euro"></span>


    glyphicon-eur
    <span class="glyphicon glyphicon-eur"></span>

  • content: "\2212";


    glyphicon-minus
    <span class="glyphicon glyphicon-minus"></span>

  • content: "\2601";


    glyphicon-cloud
    <span class="glyphicon glyphicon-cloud"></span>

  • content: "\2709";


    glyphicon-envelope
    <span class="glyphicon glyphicon-envelope"></span>

  • content: "\270f";


    glyphicon-pencil
    <span class="glyphicon glyphicon-pencil"></span>

  • content: "\e001";


    glyphicon-glass
    <span class="glyphicon glyphicon-glass"></span>

  • content: "\e002";


    glyphicon-music
    <span class="glyphicon glyphicon-music"></span>

  • content: "\e003";


    glyphicon-search
    <span class="glyphicon glyphicon-search"></span>

  • content: "\e005";


    glyphicon-heart
    <span class="glyphicon glyphicon-heart"></span>

  • content: "\e006";


    glyphicon-star
    <span class="glyphicon glyphicon-star"></span>

  • content: "\e007";


    glyphicon-star-empty
    <span class="glyphicon glyphicon-star-empty"></span>

  • content: "\e008";


    glyphicon-user
    <span class="glyphicon glyphicon-user"></span>

  • content: "\e009";


    glyphicon-film
    <span class="glyphicon glyphicon-film"></span>

  • content: "\e010";


    glyphicon-th-large
    <span class="glyphicon glyphicon-th-large"></span>

  • content: "\e011";


    glyphicon-th
    <span class="glyphicon glyphicon-th"></span>

  • content: "\e012";


    glyphicon-th-list
    <span class="glyphicon glyphicon-th-list"></span>

  • content: "\e013";


    glyphicon-ok
    <span class="glyphicon glyphicon-ok"></span>

  • content: "\e014";


    glyphicon-remove
    <span class="glyphicon glyphicon-remove"></span>

  • content: "\e015";


    glyphicon-zoom-in
    <span class="glyphicon glyphicon-zoom-in"></span>

  • content: "\e016";


    glyphicon-zoom-out
    <span class="glyphicon glyphicon-zoom-out"></span>

  • content: "\e017";


    glyphicon-off
    <span class="glyphicon glyphicon-off"></span>

  • content: "\e018";


    glyphicon-signal
    <span class="glyphicon glyphicon-signal"></span>

  • content: "\e019";


    glyphicon-cog
    <span class="glyphicon glyphicon-cog"></span>

  • content: "\e020";


    glyphicon-trash
    <span class="glyphicon glyphicon-trash"></span>

  • content: "\e021";


    glyphicon-home
    <span class="glyphicon glyphicon-home"></span>

  • content: "\e022";


    glyphicon-file
    <span class="glyphicon glyphicon-file"></span>

  • content: "\e023";


    glyphicon-time
    <span class="glyphicon glyphicon-time"></span>

  • content: "\e024";


    glyphicon-road
    <span class="glyphicon glyphicon-road"></span>

  • content: "\e025";


    glyphicon-download-alt
    <span class="glyphicon glyphicon-download-alt"></span>

  • content: "\e026";


    glyphicon-download
    <span class="glyphicon glyphicon-download"></span>

  • content: "\e027";


    glyphicon-upload
    <span class="glyphicon glyphicon-upload"></span>

  • content: "\e028";


    glyphicon-inbox
    <span class="glyphicon glyphicon-inbox"></span>

  • content: "\e029";


    glyphicon-play-circle
    <span class="glyphicon glyphicon-play-circle"></span>

  • content: "\e030";


    glyphicon-repeat
    <span class="glyphicon glyphicon-repeat"></span>

  • content: "\e031";


    glyphicon-refresh
    <span class="glyphicon glyphicon-refresh"></span>

  • content: "\e032";


    glyphicon-list-alt
    <span class="glyphicon glyphicon-list-alt"></span>

  • content: "\e033";


    glyphicon-lock
    <span class="glyphicon glyphicon-lock"></span>

  • content: "\e034";


    glyphicon-flag
    <span class="glyphicon glyphicon-flag"></span>

  • content: "\e035";


    glyphicon-headphones
    <span class="glyphicon glyphicon-headphones"></span>

  • content: "\e036";


    glyphicon-volume-off
    <span class="glyphicon glyphicon-volume-off"></span>

  • content: "\e037";


    glyphicon-volume-down
    <span class="glyphicon glyphicon-volume-down"></span>

  • content: "\e038";


    glyphicon-volume-up
    <span class="glyphicon glyphicon-volume-up"></span>

  • content: "\e039";


    glyphicon-qrcode
    <span class="glyphicon glyphicon-qrcode"></span>

  • content: "\e040";


    glyphicon-barcode
    <span class="glyphicon glyphicon-barcode"></span>

  • content: "\e041";


    glyphicon-tag
    <span class="glyphicon glyphicon-tag"></span>

  • content: "\e042";


    glyphicon-tags
    <span class="glyphicon glyphicon-tags"></span>

  • content: "\e043";


    glyphicon-book
    <span class="glyphicon glyphicon-book"></span>

  • content: "\e044";


    glyphicon-bookmark
    <span class="glyphicon glyphicon-bookmark"></span>

  • content: "\e045";


    glyphicon-print
    <span class="glyphicon glyphicon-print"></span>

  • content: "\e046";


    glyphicon-camera
    <span class="glyphicon glyphicon-camera"></span>

  • content: "\e047";


    glyphicon-font
    <span class="glyphicon glyphicon-font"></span>

  • content: "\e048";


    glyphicon-bold
    <span class="glyphicon glyphicon-bold"></span>

  • content: "\e049";


    glyphicon-italic
    <span class="glyphicon glyphicon-italic"></span>

  • content: "\e050";


    glyphicon-text-height
    <span class="glyphicon glyphicon-text-height"></span>

  • content: "\e051";


    glyphicon-text-width
    <span class="glyphicon glyphicon-text-width"></span>

  • content: "\e052";


    glyphicon-align-left
    <span class="glyphicon glyphicon-align-left"></span>

  • content: "\e053";


    glyphicon-align-center
    <span class="glyphicon glyphicon-align-center"></span>

  • content: "\e054";


    glyphicon-align-right
    <span class="glyphicon glyphicon-align-right"></span>

  • content: "\e055";


    glyphicon-align-justify
    <span class="glyphicon glyphicon-align-justify"></span>

  • content: "\e056";


    glyphicon-list
    <span class="glyphicon glyphicon-list"></span>

  • content: "\e057";


    glyphicon-indent-left
    <span class="glyphicon glyphicon-indent-left"></span>

  • content: "\e058";


    glyphicon-indent-right
    <span class="glyphicon glyphicon-indent-right"></span>

  • content: "\e059";


    glyphicon-facetime-video
    <span class="glyphicon glyphicon-facetime-video"></span>

  • content: "\e060";


    glyphicon-picture
    <span class="glyphicon glyphicon-picture"></span>

  • content: "\e062";


    glyphicon-map-marker
    <span class="glyphicon glyphicon-map-marker"></span>

  • content: "\e063";


    glyphicon-adjust
    <span class="glyphicon glyphicon-adjust"></span>

  • content: "\e064";


    glyphicon-tint
    <span class="glyphicon glyphicon-tint"></span>

  • content: "\e065";


    glyphicon-edit
    <span class="glyphicon glyphicon-edit"></span>

  • content: "\e066";


    glyphicon-share
    <span class="glyphicon glyphicon-share"></span>

  • content: "\e067";


    glyphicon-check
    <span class="glyphicon glyphicon-check"></span>

  • content: "\e068";


    glyphicon-move
    <span class="glyphicon glyphicon-move"></span>

  • content: "\e069";


    glyphicon-step-backward
    <span class="glyphicon glyphicon-step-backward"></span>

  • content: "\e070";


    glyphicon-fast-backward
    <span class="glyphicon glyphicon-fast-backward"></span>

  • content: "\e071";


    glyphicon-backward
    <span class="glyphicon glyphicon-backward"></span>

  • content: "\e072";


    glyphicon-play
    <span class="glyphicon glyphicon-play"></span>

  • content: "\e073";


    glyphicon-pause
    <span class="glyphicon glyphicon-pause"></span>

  • content: "\e074";


    glyphicon-stop
    <span class="glyphicon glyphicon-stop"></span>

  • content: "\e075";


    glyphicon-forward
    <span class="glyphicon glyphicon-forward"></span>

  • content: "\e076";


    glyphicon-fast-forward
    <span class="glyphicon glyphicon-fast-forward"></span>

  • content: "\e077";


    glyphicon-step-forward
    <span class="glyphicon glyphicon-step-forward"></span>

  • content: "\e078";


    glyphicon-eject
    <span class="glyphicon glyphicon-eject"></span>

  • content: "\e079";


    glyphicon-chevron-left
    <span class="glyphicon glyphicon-chevron-left"></span>

  • content: "\e080";


    glyphicon-chevron-right
    <span class="glyphicon glyphicon-chevron-right"></span>

  • content: "\e081";


    glyphicon-plus-sign
    <span class="glyphicon glyphicon-plus-sign"></span>

  • content: "\e082";


    glyphicon-minus-sign
    <span class="glyphicon glyphicon-minus-sign"></span>

  • content: "\e083";


    glyphicon-remove-sign
    <span class="glyphicon glyphicon-remove-sign"></span>

  • content: "\e084";


    glyphicon-ok-sign
    <span class="glyphicon glyphicon-ok-sign"></span>

  • content: "\e085";


    glyphicon-question-sign
    <span class="glyphicon glyphicon-question-sign"></span>

  • content: "\e086";


    glyphicon-info-sign
    <span class="glyphicon glyphicon-info-sign"></span>

  • content: "\e087";


    glyphicon-screenshot
    <span class="glyphicon glyphicon-screenshot"></span>

  • content: "\e088";


    glyphicon-remove-circle
    <span class="glyphicon glyphicon-remove-circle"></span>

  • content: "\e089";


    glyphicon-ok-circle
    <span class="glyphicon glyphicon-ok-circle"></span>

  • content: "\e090";


    glyphicon-ban-circle
    <span class="glyphicon glyphicon-ban-circle"></span>

  • content: "\e091";


    glyphicon-arrow-left
    <span class="glyphicon glyphicon-arrow-left"></span>

  • content: "\e092";


    glyphicon-arrow-right
    <span class="glyphicon glyphicon-arrow-right"></span>

  • content: "\e093";


    glyphicon-arrow-up
    <span class="glyphicon glyphicon-arrow-up"></span>

  • content: "\e094";


    glyphicon-arrow-down
    <span class="glyphicon glyphicon-arrow-down"></span>

  • content: "\e095";


    glyphicon-share-alt
    <span class="glyphicon glyphicon-share-alt"></span>

  • content: "\e096";


    glyphicon-resize-full
    <span class="glyphicon glyphicon-resize-full"></span>

  • content: "\e097";


    glyphicon-resize-small
    <span class="glyphicon glyphicon-resize-small"></span>

  • content: "\e101";


    glyphicon-exclamation-sign
    <span class="glyphicon glyphicon-exclamation-sign"></span>

  • content: "\e102";


    glyphicon-gift
    <span class="glyphicon glyphicon-gift"></span>

  • content: "\e103";


    glyphicon-leaf
    <span class="glyphicon glyphicon-leaf"></span>

  • content: "\e104";


    glyphicon-fire
    <span class="glyphicon glyphicon-fire"></span>

  • content: "\e105";


    glyphicon-eye-open
    <span class="glyphicon glyphicon-eye-open"></span>

  • content: "\e106";


    glyphicon-eye-close
    <span class="glyphicon glyphicon-eye-close"></span>

  • content: "\e107";


    glyphicon-warning-sign
    <span class="glyphicon glyphicon-warning-sign"></span>

  • content: "\e108";


    glyphicon-plane
    <span class="glyphicon glyphicon-plane"></span>

  • content: "\e109";


    glyphicon-calendar
    <span class="glyphicon glyphicon-calendar"></span>

  • content: "\e110";


    glyphicon-random
    <span class="glyphicon glyphicon-random"></span>

  • content: "\e111";


    glyphicon-comment
    <span class="glyphicon glyphicon-comment"></span>

  • content: "\e112";


    glyphicon-magnet
    <span class="glyphicon glyphicon-magnet"></span>

  • content: "\e113";


    glyphicon-chevron-up
    <span class="glyphicon glyphicon-chevron-up"></span>

  • content: "\e114";


    glyphicon-chevron-down
    <span class="glyphicon glyphicon-chevron-down"></span>

  • content: "\e115";


    glyphicon-retweet
    <span class="glyphicon glyphicon-retweet"></span>

  • content: "\e116";


    glyphicon-shopping-cart
    <span class="glyphicon glyphicon-shopping-cart"></span>

  • content: "\e117";


    glyphicon-folder-close
    <span class="glyphicon glyphicon-folder-close"></span>

  • content: "\e118";


    glyphicon-folder-open
    <span class="glyphicon glyphicon-folder-open"></span>

  • content: "\e119";


    glyphicon-resize-vertical
    <span class="glyphicon glyphicon-resize-vertical"></span>

  • content: "\e120";


    glyphicon-resize-horizontal
    <span class="glyphicon glyphicon-resize-horizontal"></span>

  • content: "\e121";


    glyphicon-hdd
    <span class="glyphicon glyphicon-hdd"></span>

  • content: "\e122";


    glyphicon-bullhorn
    <span class="glyphicon glyphicon-bullhorn"></span>

  • content: "\e123";


    glyphicon-bell
    <span class="glyphicon glyphicon-bell"></span>

  • content: "\e124";


    glyphicon-certificate
    <span class="glyphicon glyphicon-certificate"></span>

  • content: "\e125";


    glyphicon-thumbs-up
    <span class="glyphicon glyphicon-thumbs-up"></span>

  • content: "\e126";


    glyphicon-thumbs-down
    <span class="glyphicon glyphicon-thumbs-down"></span>

  • content: "\e127";


    glyphicon-hand-right
    <span class="glyphicon glyphicon-hand-right"></span>

  • content: "\e128";


    glyphicon-hand-left
    <span class="glyphicon glyphicon-hand-left"></span>

  • content: "\e129";


    glyphicon-hand-up
    <span class="glyphicon glyphicon-hand-up"></span>

  • content: "\e130";


    glyphicon-hand-down
    <span class="glyphicon glyphicon-hand-down"></span>

  • content: "\e131";


    glyphicon-circle-arrow-right
    <span class="glyphicon glyphicon-circle-arrow-right"></span>

  • content: "\e132";


    glyphicon-circle-arrow-left
    <span class="glyphicon glyphicon-circle-arrow-left"></span>

  • content: "\e133";


    glyphicon-circle-arrow-up
    <span class="glyphicon glyphicon-circle-arrow-up"></span>

  • content: "\e134";


    glyphicon-circle-arrow-down
    <span class="glyphicon glyphicon-circle-arrow-down"></span>

  • content: "\e135";


    glyphicon-globe
    <span class="glyphicon glyphicon-globe"></span>

  • content: "\e136";


    glyphicon-wrench
    <span class="glyphicon glyphicon-wrench"></span>

  • content: "\e137";


    glyphicon-tasks
    <span class="glyphicon glyphicon-tasks"></span>

  • content: "\e138";


    glyphicon-filter
    <span class="glyphicon glyphicon-filter"></span>

  • content: "\e139";


    glyphicon-briefcase
    <span class="glyphicon glyphicon-briefcase"></span>

  • content: "\e140";


    glyphicon-fullscreen
    <span class="glyphicon glyphicon-fullscreen"></span>

  • content: "\e141";


    glyphicon-dashboard
    <span class="glyphicon glyphicon-dashboard"></span>

  • content: "\e142";


    glyphicon-paperclip
    <span class="glyphicon glyphicon-paperclip"></span>

  • content: "\e143";


    glyphicon-heart-empty
    <span class="glyphicon glyphicon-heart-empty"></span>

  • content: "\e144";


    glyphicon-link
    <span class="glyphicon glyphicon-link"></span>

  • content: "\e145";


    glyphicon-phone
    <span class="glyphicon glyphicon-phone"></span>

  • content: "\e146";


    glyphicon-pushpin
    <span class="glyphicon glyphicon-pushpin"></span>

  • content: "\e148";


    glyphicon-usd
    <span class="glyphicon glyphicon-usd"></span>

  • content: "\e149";


    glyphicon-gbp
    <span class="glyphicon glyphicon-gbp"></span>

  • content: "\e150";


    glyphicon-sort
    <span class="glyphicon glyphicon-sort"></span>

  • content: "\e151";


    glyphicon-sort-by-alphabet
    <span class="glyphicon glyphicon-sort-by-alphabet"></span>

  • content: "\e152";


    glyphicon-sort-by-alphabet-alt
    <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span>

  • content: "\e153";


    glyphicon-sort-by-order
    <span class="glyphicon glyphicon-sort-by-order"></span>

  • content: "\e154";


    glyphicon-sort-by-order-alt
    <span class="glyphicon glyphicon-sort-by-order-alt"></span>

  • content: "\e155";


    glyphicon-sort-by-attributes
    <span class="glyphicon glyphicon-sort-by-attributes"></span>

  • content: "\e156";


    glyphicon-sort-by-attributes-alt
    <span class="glyphicon glyphicon-sort-by-attributes-alt"></span>

  • content: "\e157";


    glyphicon-unchecked
    <span class="glyphicon glyphicon-unchecked"></span>

  • content: "\e158";


    glyphicon-expand
    <span class="glyphicon glyphicon-expand"></span>

  • content: "\e159";


    glyphicon-collapse-down
    <span class="glyphicon glyphicon-collapse-down"></span>

  • content: "\e160";


    glyphicon-collapse-up
    <span class="glyphicon glyphicon-collapse-up"></span>

  • content: "\e161";


    glyphicon-log-in
    <span class="glyphicon glyphicon-log-in"></span>

  • content: "\e162";


    glyphicon-flash
    <span class="glyphicon glyphicon-flash"></span>

  • content: "\e163";


    glyphicon-log-out
    <span class="glyphicon glyphicon-log-out"></span>

  • content: "\e164";


    glyphicon-new-window
    <span class="glyphicon glyphicon-new-window"></span>

  • content: "\e165";


    glyphicon-record
    <span class="glyphicon glyphicon-record"></span>

  • content: "\e166";


    glyphicon-save
    <span class="glyphicon glyphicon-save"></span>

  • content: "\e167";


    glyphicon-open
    <span class="glyphicon glyphicon-open"></span>

  • content: "\e168";


    glyphicon-saved
    <span class="glyphicon glyphicon-saved"></span>

  • content: "\e169";


    glyphicon-import
    <span class="glyphicon glyphicon-import"></span>

  • content: "\e170";


    glyphicon-export
    <span class="glyphicon glyphicon-export"></span>

  • content: "\e171";


    glyphicon-send
    <span class="glyphicon glyphicon-send"></span>

  • content: "\e172";


    glyphicon-floppy-disk
    <span class="glyphicon glyphicon-floppy-disk"></span>

  • content: "\e173";


    glyphicon-floppy-saved
    <span class="glyphicon glyphicon-floppy-saved"></span>

  • content: "\e174";


    glyphicon-floppy-remove
    <span class="glyphicon glyphicon-floppy-remove"></span>

  • content: "\e175";


    glyphicon-floppy-save
    <span class="glyphicon glyphicon-floppy-save"></span>

  • content: "\e176";


    glyphicon-floppy-open
    <span class="glyphicon glyphicon-floppy-open"></span>

  • content: "\e177";


    glyphicon-credit-card
    <span class="glyphicon glyphicon-credit-card"></span>

  • content: "\e178";


    glyphicon-transfer
    <span class="glyphicon glyphicon-transfer"></span>

  • content: "\e179";


    glyphicon-cutlery
    <span class="glyphicon glyphicon-cutlery"></span>

  • content: "\e180";


    glyphicon-header
    <span class="glyphicon glyphicon-header"></span>

  • content: "\e181";


    glyphicon-compressed
    <span class="glyphicon glyphicon-compressed"></span>

  • content: "\e182";


    glyphicon-earphone
    <span class="glyphicon glyphicon-earphone"></span>

  • content: "\e183";


    glyphicon-phone-alt
    <span class="glyphicon glyphicon-phone-alt"></span>

  • content: "\e184";


    glyphicon-tower
    <span class="glyphicon glyphicon-tower"></span>

  • content: "\e185";


    glyphicon-stats
    <span class="glyphicon glyphicon-stats"></span>

  • content: "\e186";


    glyphicon-sd-video
    <span class="glyphicon glyphicon-sd-video"></span>

  • content: "\e187";


    glyphicon-hd-video
    <span class="glyphicon glyphicon-hd-video"></span>

  • content: "\e188";


    glyphicon-subtitles
    <span class="glyphicon glyphicon-subtitles"></span>

  • content: "\e189";


    glyphicon-sound-stereo
    <span class="glyphicon glyphicon-sound-stereo"></span>

  • content: "\e190";


    glyphicon-sound-dolby
    <span class="glyphicon glyphicon-sound-dolby"></span>

  • content: "\e191";


    glyphicon-sound-5-1
    <span class="glyphicon glyphicon-sound-5-1"></span>

  • content: "\e192";


    glyphicon-sound-6-1
    <span class="glyphicon glyphicon-sound-6-1"></span>

  • content: "\e193";


    glyphicon-sound-7-1
    <span class="glyphicon glyphicon-sound-7-1"></span>

  • content: "\e194";


    glyphicon-copyright-mark
    <span class="glyphicon glyphicon-copyright-mark"></span>

  • content: "\e195";


    glyphicon-registration-mark
    <span class="glyphicon glyphicon-registration-mark"></span>

  • content: "\e197";


    glyphicon-cloud-download
    <span class="glyphicon glyphicon-cloud-download"></span>

  • content: "\e198";


    glyphicon-cloud-upload
    <span class="glyphicon glyphicon-cloud-upload"></span>

  • content: "\e199";


    glyphicon-tree-conifer
    <span class="glyphicon glyphicon-tree-conifer"></span>

  • content: "\e200";


    glyphicon-tree-deciduous
    <span class="glyphicon glyphicon-tree-deciduous"></span>

  • content: "\e201";


    glyphicon-cd
    <span class="glyphicon glyphicon-cd"></span>

  • content: "\e202";


    glyphicon-save-file
    <span class="glyphicon glyphicon-save-file"></span>

  • content: "\e203";


    glyphicon-open-file
    <span class="glyphicon glyphicon-open-file"></span>

  • content: "\e204";


    glyphicon-level-up
    <span class="glyphicon glyphicon-level-up"></span>

  • content: "\e205";


    glyphicon-copy
    <span class="glyphicon glyphicon-copy"></span>

  • content: "\e206";


    glyphicon-paste
    <span class="glyphicon glyphicon-paste"></span>

  • content: "\1f6aa";


    glyphicon-door
    <span class="glyphicon glyphicon-door"></span>

  • content: "\1f511";


    glyphicon-key
    <span class="glyphicon glyphicon-key"></span>

  • content: "\e209";


    glyphicon-alert
    <span class="glyphicon glyphicon-alert"></span>

  • content: "\e210";


    glyphicon-equalizer
    <span class="glyphicon glyphicon-equalizer"></span>

  • content: "\e211";


    glyphicon-king
    <span class="glyphicon glyphicon-king"></span>

  • content: "\e212";


    glyphicon-queen
    <span class="glyphicon glyphicon-queen"></span>

  • content: "\e213";


    glyphicon-pawn
    <span class="glyphicon glyphicon-pawn"></span>

  • content: "\e214";


    glyphicon-bishop
    <span class="glyphicon glyphicon-bishop"></span>

  • content: "\e215";


    glyphicon-knight
    <span class="glyphicon glyphicon-knight"></span>

  • content: "\e216";


    glyphicon-baby-formula
    <span class="glyphicon glyphicon-baby-formula"></span>

  • content: "\26fa";


    glyphicon-tent
    <span class="glyphicon glyphicon-tent"></span>

  • content: "\e218";


    glyphicon-blackboard
    <span class="glyphicon glyphicon-blackboard"></span>

  • content: "\e219";


    glyphicon-bed
    <span class="glyphicon glyphicon-bed"></span>

  • content: "\f8ff";


    glyphicon-apple
    <span class="glyphicon glyphicon-apple"></span>

  • content: "\e221";


    glyphicon-erase
    <span class="glyphicon glyphicon-erase"></span>

  • content: "\231b";


    glyphicon-hourglass
    <span class="glyphicon glyphicon-hourglass"></span>

  • content: "\e223";


    glyphicon-lamp
    <span class="glyphicon glyphicon-lamp"></span>

  • content: "\e224";


    glyphicon-duplicate
    <span class="glyphicon glyphicon-duplicate"></span>

  • content: "\e225";


    glyphicon-piggy-bank
    <span class="glyphicon glyphicon-piggy-bank"></span>

  • content: "\e226";


    glyphicon-scissors
    <span class="glyphicon glyphicon-scissors"></span>

  • content: "\e227";


    glyphicon-bitcoin
    <span class="glyphicon glyphicon-bitcoin"></span>

  • content: "\e227";


    glyphicon-btc
    <span class="glyphicon glyphicon-btc"></span>

  • content: "\e227";


    glyphicon-xbt
    <span class="glyphicon glyphicon-xbt"></span>

  • content: "\00a5";


    glyphicon-yen
    <span class="glyphicon glyphicon-yen"></span>

  • content: "\00a5";


    glyphicon-jpy
    <span class="glyphicon glyphicon-jpy"></span>

  • content: "\20bd";


    glyphicon-ruble
    <span class="glyphicon glyphicon-ruble"></span>

  • content: "\20bd";


    glyphicon-rub
    <span class="glyphicon glyphicon-rub"></span>

  • content: "\e230";


    glyphicon-scale
    <span class="glyphicon glyphicon-scale"></span>

  • content: "\e231";


    glyphicon-ice-lolly
    <span class="glyphicon glyphicon-ice-lolly"></span>

  • content: "\e232";


    glyphicon-ice-lolly-tasted
    <span class="glyphicon glyphicon-ice-lolly-tasted"></span>

  • content: "\e233";


    glyphicon-education
    <span class="glyphicon glyphicon-education"></span>

  • content: "\e234";


    glyphicon-option-horizontal
    <span class="glyphicon glyphicon-option-horizontal"></span>

  • content: "\e235";


    glyphicon-option-vertical
    <span class="glyphicon glyphicon-option-vertical"></span>

  • content: "\e236";


    glyphicon-menu-hamburger
    <span class="glyphicon glyphicon-menu-hamburger"></span>

  • content: "\e237";


    glyphicon-modal-window
    <span class="glyphicon glyphicon-modal-window"></span>

  • content: "\e238";


    glyphicon-oil
    <span class="glyphicon glyphicon-oil"></span>

  • content: "\e239";


    glyphicon-grain
    <span class="glyphicon glyphicon-grain"></span>

  • content: "\e240";


    glyphicon-sunglasses
    <span class="glyphicon glyphicon-sunglasses"></span>

  • content: "\e241";


    glyphicon-text-size
    <span class="glyphicon glyphicon-text-size"></span>

  • content: "\e242";


    glyphicon-text-color
    <span class="glyphicon glyphicon-text-color"></span>

  • content: "\e243";


    glyphicon-text-background
    <span class="glyphicon glyphicon-text-background"></span>

  • content: "\e244";


    glyphicon-object-align-top
    <span class="glyphicon glyphicon-object-align-top"></span>

  • content: "\e245";


    glyphicon-object-align-bottom
    <span class="glyphicon glyphicon-object-align-bottom"></span>

  • content: "\e247";


    glyphicon-object-align-left
    <span class="glyphicon glyphicon-object-align-left"></span>

  • content: "\e248";


    glyphicon-object-align-vertical
    <span class="glyphicon glyphicon-object-align-vertical"></span>

  • content: "\e249";


    glyphicon-object-align-right
    <span class="glyphicon glyphicon-object-align-right"></span>

  • content: "\e250";


    glyphicon-triangle-right
    <span class="glyphicon glyphicon-triangle-right"></span>

  • content: "\e251";


    glyphicon-triangle-left
    <span class="glyphicon glyphicon-triangle-left"></span>

  • content: "\e252";


    glyphicon-triangle-bottom
    <span class="glyphicon glyphicon-triangle-bottom"></span>

  • content: "\e253";


    glyphicon-triangle-top
    <span class="glyphicon glyphicon-triangle-top"></span>

  • content: "\e254";


    glyphicon-console
    <span class="glyphicon glyphicon-console"></span>

  • content: "\e255";


    glyphicon-superscript
    <span class="glyphicon glyphicon-superscript"></span>

  • content: "\e256";


    glyphicon-subscript
    <span class="glyphicon glyphicon-subscript"></span>

  • content: "\e257";


    glyphicon-menu-left
    <span class="glyphicon glyphicon-menu-left"></span>

  • content: "\e258";


    glyphicon-menu-right
    <span class="glyphicon glyphicon-menu-right"></span>

  • content: "\e259";


    glyphicon-menu-down
    <span class="glyphicon glyphicon-menu-down"></span>

  • content: "\e260";


    glyphicon-menu-up
    <span class="glyphicon glyphicon-menu-up"></span>

<?php
defined('_JEXEC') or die;
/**
2015-09-05
glyphiconsclasses.php
Siehe ReadMe.txt.
Liest aktuelle glyphicons.less aus BS3-Plugin aus.
Gibt Beispiele für gefundene .glyphicons-CSS-Klassen aus.
Gibt content-Eigenschaft dieser CSS-Klassen aus.
*/
$html = array();

$file = '/media/plg_system_bs3ghsvs/less/glyphicons.less';

JFactory::getDocument()->addStylesheet('media/plg_system_bs3ghsvs/less/glyphicons.css');

// 2016-07-16: JPATH_BASE-fix in backend.
$fileAbs = JPATH_SITE . $file;

$apologise = JText::_('ICOMOONCLASSES_APOLOGISE');

$link = '';

if (!file_exists($fileAbs))
{
 $html[] = '<p class="alert alert-error">Datei ';
 $html[] = $file;
 $html[] = ' nicht gefunden.';
 $html[] = $apologise;
 $html[] = '</p>';
}
else
{
 
 $link = '<p><a rel="nofollow noreferrer noopener" href="' . JUri::root(true) . $file . '" target="_blank">' . $file . '</a></p>';
	$link .= '<p><a rel="nofollow noreferrer noopener" href="' . JUri::root(true) . str_replace('.less', '.css', $file) . '" target="_blank">' . str_replace('.less', '.css', $file) . '</a></p>';
 
 $fileContent = file_get_contents($fileAbs);

 // .glyphicon-asterisk               { &:before { content: "\2a"; } }
	$muster = '/(.glyphicon-[-a-z0-9]+(,.+?|))\s+{.+?{\s*content:\s*\"([^"]*)\"/s';
 
 $found = preg_match_all($muster, $fileContent, $matches, PREG_SET_ORDER);

 foreach ($matches as $key => &$match)
 {
  
  if (empty($match[1]) || empty($match[3]))
  {
   unset($matches[$key]);
   continue;
  }
  unset($match[0], $match[2]);
  
  $match[1] = str_replace(array(' ', ':before', "\n", "\r", '.'), '', $match[1]);
  $match[1] = explode(',', $match[1]);
 }
 unset($match);
 
 $nl = "\n";
 if (count($matches))
 {
		// $matches = array_values($matches);
  $html[] = '<ul class="list-group">' . $nl;
  foreach ($matches as $match)
  {
   $html[] = '<li class="list-group-item">';
   $html[] = '<p><strong>content: "' . $match[3] . '";' . '</strong></p>' . $nl;
   foreach ($match[1] as $cssClass)
   {
    $html[] = '<p>';
    $html[] = '<span class="glyphicon ' . $cssClass . ' large"></span><br />';
    $html[] = $cssClass . '<br />';
    $html[] = '<span class="code-inline">' . htmlentities('<span class="glyphicon ' . $cssClass . '"></span>') . '</span>';
    $html[] = '</p>' . $nl;
   }
   $html[] = '</li>' . $nl;
  }
  $html[] = '</ul>' . $nl;
 }
}
if (!count($html))
{
 $html[] = '<p class="alert alert-error">Da ist wohl was schief gelaufen. ';
 $html[] = $apologise;
 $html[] = '</p>';
}

echo $link . implode('', $html);

Verbesserungsvorschläge und Feature-Wünsche sind willkommen.

Alle nicht explizit als fertige Erweiterung markierten Skripte und Codes von www.ghsvs.de dienen als Ansätze / Ideen für eigene Ausarbeitung. GHSVS bzw. die jeweiligen Autoren übernehmen keinerlei Garantien beim Einsatz Ihrer kostenlosen Erweiterungen, Programme, Codes und Skripte, helfen aber gerne bei Rückfragen, soweit zeitlich möglich.

CSS LESS Bootstrap Font