UIkit
Здесь представлены основные возможности оформления сайта с помощью вспомогательного фреймворка UIkit, путём простой вставки кода
Кнопки, которые не "привязаны" к структуре сайта, в цветных сделаны несуществующие меню с произвольными ссылками, кнопка Tooltip - выдаёт подсказку, Modal - открывает модальное окно, но самое пристальное внимание обратите на Off-canvas, здесь спрятан огромный потенциал для развития нестандартного сайта
Article title
Эффекты с изображениями
Раньше для этого необходимо было установить отдельный модуль, теперь расширенные возможности работы с картинками и фото заложены в систему управления сайтом и не вызывает дополнительной нагрузки на сервер, априори - это сделает работу сайта ещё быстрее
<div class="myclass">...</div>
Оформление текста с помощью классов
text-info
text-success
text-warning
text-danger
mark element
qinsidea q element
abbr element
dfn element
Badge 1 Success 4 Warning 3 Danger 4
Разметка страниц
h1
h2
h3
h4
h5
h6
Lorem ipsum dolor.
Someone famous
Divider
Вверху меню с произвольными страницамиHeader
Lorem ipsum dolor sit amet, consectetur adipisicing elit.Box
Это не модуль, а простое оформление стиля (uk-panel-box) с помощью UIkitBox primary
И это не модуль, а простое оформление стиля (uk-panel-box-primary) с помощью UIkitBox secondary
Так же, не модуль, а простое оформление стиля (uk-panel-box-secondary) с помощью UIkit- List item 1
- List item 2
- List item 3
- List item 1
- List item 2
- List item 3
Table | Heading |
---|---|
Table | Data |
Table | Data |
- Description lists
- Description text.
- Description lists
- Description text.
Автор
24 августа, 2090 г. в 21:05
Информация о авторе рубрики