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, plante ich eine Übersetzungsdatei in LESS zu schreiben, um die icon-Klassen im HTML weiterverwenden zu können. Die Kurzlebigkeit überholte mich, sozusagen.

Da Bootstrap 4 von Glyphicons nichts mehr wissen will, gar keinen Web Font mehr mitbringt, und mittlerweile mit SASS arbeitet statt LESS und Bootstrap 3 sicherlich auch bald das "Zeitliche segnen" wird, ist diese Übersicht nur noch für "Historiker" online. Natürlich funktionieren die Klassen noch und der Glyphicons-Font. Man muss ihn ja nicht unbedingt zusammen mit Bootstrap verwenden. Beachten muss man, dass ich in der unten verlinkten glyphicons.css abweichend vom Original überall !important-Regeln eingefügt habe, um Konflikte mit meiner Template-CSS zu vermeiden. Das verwendet nun wieder FontAwesome 5. Exht swierig dass ahlles ;-)

Bootstrap-3-Downloads (dist-Pakete) haben den Font dabei und auch die Less-Datei glyphicons.less, die man auch alleine kompilieren kann (keine Abhängigkeiten).

Glyphicon-CSS-Klassen, dynamisch aus glyphicons.less ausgelesen

/media/plg_system_bs3ghsvs/less/3.3.7/glyphicons.less

/media/plg_system_bs3ghsvs/less/3.3.7/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/3.3.7/glyphicons.less';

JFactory::getDocument()->addStylesheet('media/plg_system_bs3ghsvs/less/3.3.7/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);

Allgemeiner Hinweis zu Erweiterungen und Code-Schnipseln

Verbesserungsvorschläge, Fragen 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.