Настройки отображения

Размер шрифта:
Цвета сайта
Изображения

Параметры

Это модуль «Стикер»

Здесь можно написать любой текст, например:

ПАЗДРАВЛЯЕМ фсех!!!
и харошева НАСТРАЕНЬЯ!!!

Информация о пользователе:


IP-адрес:
3.235.101.141
CCBot/2.0 (https://commoncrawl.org/faq/)

Интересно:
Как сайт выглядит без дизайна?
Тогда нажимайте и смотрите!

без дизайна
с дизайном

IcoMoon - шрифтовые иконки

В данном материале речь пойдет об одной из новых возможностях Joomla - использовании шрифтовых иконок IcoMoon.

Изначально в Joomla 3.0 уже было встроено 145 векторных иконок, которые входили в стандартный состав JUI. Но с выходом новых версий набор иконок регулярно пополняется и на момент публикации релиза Joomla 3.2.2 их количество составляет уже более 200 шт.

Они используются в административной и фронтальной частях сайта. Основной особенностью этих иконок является то, что их можно бесконечно масштабировать (для этого достаточно изменить размер шрифта).

Иконки IcoMoon внедрены так же как и иконки Bootstrap. Теперь можно использовать так же как бы это делалось в Bootstrap. Это намного удобней. Вам не надо будет использовать Bootstrap класс icon-white, так как эти иконки уже сами подстраиваются под цвет шрифта на сайте.


Ниже представлен список шрифтовых иконок IcoMoon и примеры реализации.

Стоит отметить, что некоторые иконки имеют несколько наименований. Вероятно, это произошло по причине регулярных обновлений ядра Джумла и с выходом новых версий разработчики сохранили полную совместимость предыдущих.

Для того, чтобы начать использовать IcoMoon на сайте, достаточно в тексте Вашей страницы в том месте, где Вы хотите отобразить нужную иконку, присвоить элементу тип span class= с нужным значением, выбранным из списка.

Например:

  Joomla (CMS) - Content Management System
Система управления содержимым

Исходный код:

<span style="color: #BD362F;" class="icon-joomla"></span>&nbsp;&nbsp;
<span style="color: #4285F4">
   <strong>Joomla (CMS) - Content Management System<br />Система управления содержимым
    </strong>
</span>

 

Шрифтовые иконки IcoMoon


icon-joomla
icon-chevron-up
icon-uparrow
icon-arrow-up
icon-chevron-right
icon-rightarrow
icon-arrow-right
icon-chevron-down
icon-downarrow
icon-arrow-down
icon-chevron-left
icon-leftarrow
icon-arrow-left
icon-arrow-first
icon-arrow-last
icon-arrow-up-2
icon-arrow-right-2
icon-arrow-down-2
icon-arrow-left-2
icon-arrow-up-3
icon-arrow-right-3
icon-arrow-down-3
icon-arrow-left-3
icon-menu-2
icon-arrow-up-4
icon-arrow-right-4
icon-arrow-down-4
icon-arrow-left-4
icon-share
icon-redo
icon-undo
icon-forward-2
icon-backward-2
icon-reply
icon-unblock
icon-refresh
icon-redo-2
icon-undo-2
icon-move
icon-expand
icon-contract
icon-expand-2
icon-contract-2
icon-play
icon-pause
icon-stop
icon-previous
icon-backward
icon-next
icon-forward
icon-first
icon-last
icon-play-circle
icon-pause-circle
icon-stop-circle
icon-backward-circle
icon-forward-circle
icon-loop
icon-shuffle
icon-search
icon-zoom-in
icon-zoom-out
icon-apply
icon-edit
icon-pencil
icon-pencil-2
icon-brush
icon-save-new
icon-plus-2
icon-ban-circle
icon-minus-sign
icon-minus-2
icon-delete
icon-remove
icon-cancel-2
icon-publish
icon-save
icon-ok
icon-checkmark
icon-new
icon-plus
icon-plus-circle
icon-minus
icon-not-ok
icon-expired
icon-minus-circle
icon-unpublish
icon-cancel
icon-cancel-circle
icon-checkmark-2
icon-checkmark-circle
icon-info
icon-info-2
icon-info-circle
icon-question
icon-question-sign
icon-help
icon-question-2
icon-question-circle
icon-notification
icon-notification-2
icon-notification-circle
icon-pending
icon-warning
icon-warning-2
icon-warning-circle
icon-checkbox-unchecked
icon-checkin
icon-checkbox
icon-checkbox-checked
icon-checkbox-partial
icon-square
icon-radio-unchecked
icon-radio-checked
icon-generic
icon-circle
icon-signup
icon-grid
icon-grid-view
icon-grid-2
icon-grid-view-2
icon-menu
icon-list
icon-list-view
icon-list-2
icon-menu-3
icon-folder-open
icon-folder
icon-folder-close
icon-folder-2
icon-folder-plus
icon-folder-minus
icon-folder-3
icon-folder-plus-2
icon-folder-remove
icon-file
icon-file-2
icon-file-add
icon-file-plus
icon-file-remove
icon-file-minus
icon-file-check
icon-save-copy
icon-copy
icon-stack
icon-tree
icon-tree-2
icon-paragraph-left
icon-paragraph-center
icon-paragraph-right
icon-paragraph-justify
icon-screen
icon-tablet
icon-mobile
icon-box-add
icon-box-remove
icon-download
icon-upload
icon-home
icon-home-2
icon-out-2
icon-new-tab
icon-out-3
icon-new-tab-2
icon-link
icon-picture
icon-image
icon-pictures
icon-images
icon-palette
icon-color-palette
icon-camera
icon-camera-2
icon-video
icon-play-2
icon-video-2
icon-youtube
icon-music
icon-user
icon-users
icon-vcard
icon-address
icon-share-alt
icon-out
icon-enter
icon-exit
icon-comment
icon-comments
icon-comments-2
icon-quote
icon-quotes-left
icon-quote-2
icon-quotes-right
icon-quote-3
icon-bubble-quote
icon-phone
icon-phone-2
icon-envelope
icon-mail
icon-envelope-opened
icon-mail-2
icon-unarchive
icon-drawer
icon-archive
icon-drawer-2
icon-briefcase
icon-tag
icon-tag-2
icon-tags
icon-tags-2
icon-options
icon-cog
icon-cogs
icon-screwdriver
icon-tools
icon-wrench
icon-equalizer
icon-dashboard
icon-switch
icon-filter
icon-purge
icon-trash
icon-checkedout
icon-lock
icon-locked
icon-unlock
icon-key
icon-support
icon-database
icon-scissors
icon-health
icon-wand
icon-eye-open
icon-eye
icon-eye-close
icon-eye-blocked
icon-eye-2
icon-clock
icon-compass
icon-broadcast
icon-connection
icon-wifi
icon-book
icon-lightning
icon-flash
icon-print
icon-printer
icon-feed
icon-calendar
icon-calendar-2
icon-calendar-3
icon-pie
icon-bars
icon-chart
icon-power-cord
icon-cube
icon-puzzle
icon-attachment
icon-paperclip
icon-flag-2
icon-lamp
icon-pin
icon-pushpin
icon-location
icon-shield
icon-flag
icon-flag-3
icon-bookmark
icon-bookmark-2
icon-heart
icon-heart-2
icon-thumbs-up
icon-thumbs-down
icon-unfeatured
icon-asterisk
icon-star-empty
icon-star-2
icon-featured
icon-default
icon-star
icon-smiley
icon-smiley-happy
icon-smiley-2
icon-smiley-happy-2
icon-smiley-sad
icon-smiley-sad-2
icon-smiley-neutral
icon-smiley-neutral-2
icon-cart
icon-basket
icon-credit
icon-credit-2
P.S. Данные взяты из шаблона Protostar в таблице стилей стандартного дистрибутива Joomla 3.2.2