BY Mogilev, Shmidta 6
+37544-55-44-2-44
ПОДЕЛИСЬ ЭТИМ
01 апреля 2022, 18:51    Администратор по умолчанию 0    0 0
19-06-2022 13:26:00 Comments ollserg & MaxWeb for you

Иконки в дереве ресурсов MODX revo от Font Awesome icon

Font Awesom

 

Как поменять иконки в дереве MODX Revolution (работает начиная с версии 2.3.2)

Это можно сделать для конкретных шаблонов и все ресурсы с этим шаблоном будут иметь эту иконку, вот пример:

font modx

Интегрировать Font Awesome очень просто в Twitter Bootstrap, а так же использовать отдельно на ваше усмотрение. Bootstrap + Font Awesome 
Используйте Font Awesome с Bootstrap CSS.

Скопируйте папку со шрифтами Font Awesome в Ваш проект.
Затем скопируйте font-awesome.min.css в Ваш проект.
Откройте файл font-awesome.min.css и отредактируйте путь к файлам со шрифтами, если это необходимо.
Папка со шрифтами находится относительно (выше) директории с CSS-файлами.

Внутри тега <head> Вашей html-страницы, поместите ссылку на font-awesome.min.css.
 <link rel="stylesheet" href="../css/bootstrap.min.css">
 <link rel="stylesheet" href="../css/font-awesome.min.css">
Обратите внимание на примеры использования Font Awesome перед началом работы над своим проектом!

 icon-home

Для этого открываем шаблон и в поле Значок пишем соответствующий класс для иконки, например  icon-home.

Примечание: посмотреть все классы имеющихся иконок, можно здесь www.fontawesome.veliovgroup.com

Вы просили - мы сделали. Font Awesome поставляется с 40 новыми иконками. Вам нужно что-то еще? Запросите новые иконки на странице сообщества. Все будут рады если Вы добавите свои собственные иконки

 

  •  icon-cloud-download
  •  icon-cloud-upload
  •  icon-lightbulb
  •  icon-exchange
  •  icon-bell-alt
  •  icon-file-alt
  •  icon-beer
  •  icon-coffee
  •  icon-food
  •  icon-fighter-jet

 

  •  icon-user-md
  •  icon-stethoscope
  •  icon-suitcase
  •  icon-building
  •  icon-hospital
  •  icon-ambulance
  •  icon-medkit
  •  icon-h-sign
  •  icon-plus-sign-alt
  •  icon-spinner

 

  •  icon-angle-left
  •  icon-angle-right
  •  icon-angle-up
  •  icon-angle-down
  •  icon-double-angle-left
  •  icon-double-angle-right
  •  icon-double-angle-up
  •  icon-double-angle-down
  •  icon-circle-blank
  •  icon-circle

 

  •  icon-desktop
  •  icon-laptop
  •  icon-tablet
  •  icon-mobile-phone
  •  icon-quote-left
  •  icon-quote-right
  •  icon-reply
  •  icon-github-alt
  •  icon-folder-close-alt
  •  icon-folder-open-alt
 

 Web-приложение

 

  •  icon-adjust
  •  icon-asterisk
  •  icon-ban-circle
  •  icon-bar-chart
  •  icon-barcode
  •  icon-beaker
  •  icon-beer
  •  icon-bell
  •  icon-bell-alt
  •  icon-bolt
  •  icon-book
  •  icon-bookmark
  •  icon-bookmark-empty
  •  icon-briefcase
  •  icon-bullhorn
  •  icon-calendar
  •  icon-camera
  •  icon-camera-retro
  •  icon-certificate
  •  icon-check
  •  icon-check-empty
  •  icon-circle
  •  icon-circle-blank
  •  icon-cloud
  •  icon-cloud-download
  •  icon-cloud-upload
  •  icon-coffee
  •  icon-cog
  •  icon-cogs
  •  icon-comment
  •  icon-comment-alt
  •  icon-comments
  •  icon-comments-alt
  •  icon-credit-card
  •  icon-dashboard
  •  icon-desktop
  •  icon-download
  •  icon-download-alt

 

  •  icon-edit
  •  icon-envelope
  •  icon-envelope-alt
  •  icon-exchange
  •  icon-exclamation-sign
  •  icon-external-link
  •  icon-eye-close
  •  icon-eye-open
  •  icon-facetime-video
  •  icon-fighter-jet
  •  icon-film
  •  icon-filter
  •  icon-fire
  •  icon-flag
  •  icon-folder-close
  •  icon-folder-open
  •  icon-folder-close-alt
  •  icon-folder-open-alt
  •  icon-food
  •  icon-gift
  •  icon-glass
  •  icon-globe
  •  icon-group
  •  icon-hdd
  •  icon-headphones
  •  icon-heart
  •  icon-heart-empty
  •  icon-home
  •  icon-inbox
  •  icon-info-sign
  •  icon-key
  •  icon-leaf
  •  icon-laptop
  •  icon-legal
  •  icon-lemon
  •  icon-lightbulb
  •  icon-lock
  •  icon-unlock

 

  •  icon-magic
  •  icon-magnet
  •  icon-map-marker
  •  icon-minus
  •  icon-minus-sign
  •  icon-mobile-phone
  •  icon-money
  •  icon-move
  •  icon-music
  •  icon-off
  •  icon-ok
  •  icon-ok-circle
  •  icon-ok-sign
  •  icon-pencil
  •  icon-picture
  •  icon-plane
  •  icon-plus
  •  icon-plus-sign
  •  icon-print
  •  icon-pushpin
  •  icon-qrcode
  •  icon-question-sign
  •  icon-quote-left
  •  icon-quote-right
  •  icon-random
  •  icon-refresh
  •  icon-remove
  •  icon-remove-circle
  •  icon-remove-sign
  •  icon-reorder
  •  icon-reply
  •  icon-resize-horizontal
  •  icon-resize-vertical
  •  icon-retweet
  •  icon-road
  •  icon-rss
  •  icon-screenshot
  •  icon-search

 

  •  icon-share
  •  icon-share-alt
  •  icon-shopping-cart
  •  icon-signal
  •  icon-signin
  •  icon-signout
  •  icon-sitemap
  •  icon-sort
  •  icon-sort-down
  •  icon-sort-up
  •  icon-spinner
  •  icon-star
  •  icon-star-empty
  •  icon-star-half
  •  icon-tablet
  •  icon-tag
  •  icon-tags
  •  icon-tasks
  •  icon-thumbs-down
  •  icon-thumbs-up
  •  icon-time
  •  icon-tint
  •  icon-trash
  •  icon-trophy
  •  icon-truck
  •  icon-umbrella
  •  icon-upload
  •  icon-upload-alt
  •  icon-user
  •  icon-user-md
  •  icon-volume-off
  •  icon-volume-down
  •  icon-volume-up
  •  icon-warning-sign
  •  icon-wrench
  •  icon-zoom-in
  •  icon-zoom-out

 

  •  icon-file
  •  icon-file-alt
  •  icon-cut
  •  icon-copy
  •  icon-paste
  •  icon-save
  •  icon-undo
  •  icon-repeat

 

  •  icon-text-height
  •  icon-text-width
  •  icon-align-left
  •  icon-align-center
  •  icon-align-right
  •  icon-align-justify
  •  icon-indent-left
  •  icon-indent-right
 
  •  icon-font
  •  icon-bold
  •  icon-italic
  •  icon-strikethrough
  •  icon-underline
  •  icon-link
  •  icon-paper-clip
  •  icon-columns

 

  •  icon-table
  •  icon-th-large
  •  icon-th
  •  icon-th-list
  •  icon-list
  •  icon-list-ol
  •  icon-list-ul
  •  icon-list-alt

 

  •  icon-angle-left
  •  icon-angle-right
  •  icon-angle-up
  •  icon-angle-down
  •  icon-arrow-down
  •  icon-arrow-left
  •  icon-arrow-right
  •  icon-arrow-up

 

  •  icon-caret-down
  •  icon-caret-left
  •  icon-caret-right
  •  icon-caret-up
  •  icon-chevron-down
  •  icon-chevron-left
  •  icon-chevron-right
  •  icon-chevron-up

 

  •  icon-circle-arrow-down
  •  icon-circle-arrow-left
  •  icon-circle-arrow-right
  •  icon-circle-arrow-up
  •  icon-double-angle-left
  •  icon-double-angle-right
  •  icon-double-angle-up
  •  icon-double-angle-down

 

  •  icon-hand-down
  •  icon-hand-left
  •  icon-hand-right
  •  icon-hand-up
  •  icon-circle
  •  icon-circle-blank

 

  •  icon-play-circle
  •  icon-play
  •  icon-pause
  •  icon-stop

 

  •  icon-step-backward
  •  icon-fast-backward
  •  icon-backward
  •  icon-forward

 

  •  icon-fast-forward
  •  icon-step-forward
  •  icon-eject

 

  •  icon-fullscreen
  •  icon-resize-full
  •  icon-resize-small

 

  •  icon-phone
  •  icon-phone-sign
  •  icon-facebook
  •  icon-facebook-sign

 

  •  icon-twitter
  •  icon-twitter-sign
  •  icon-github
  •  icon-github-alt

 

  •  icon-github-sign
  •  icon-linkedin
  •  icon-linkedin-sign
  •  icon-pinterest

 

  •  icon-pinterest-sign
  •  icon-google-plus
  •  icon-google-plus-sign
  •  icon-sign-blank

 

  •  icon-ambulance
  •  icon-beaker

 

  •  icon-h-sign
  •  icon-hospital

 

  •  icon-medkit
  •  icon-plus-sign-alt

 

  •  icon-stethoscope
  •  icon-user-md

 



Баннеры
Индекс цитирования
Первый Каталог - Видео, аудио, фото техника

Контакты

212027 РБ Могилёв
Phone: +375 - 33-690-5554
Phone: +375 - 44-55-44-2-44
Email: mail@maxweb.by
// Дневная статистика
Открыть на карте