Что нового в WARP 7

admin_forum · 5 ноя 2013

Очень много, в двух словах ...
Настройки шаблона (тонкие - цвет, ВСЕ шрифты гугл-репозитория тени, отдельные элементы) в админ панели сайта, без правки файлов каскадных стилей
Встроен UIkit, по нему инфы пока мало, сайт ещё не доступен, но... долгие ожидания на мой взгляд будут оправданны

admin_forum · 5 ноя 2013

Небольшая шпаргалка по использованию UIkit тегов

<a href="#">a element</a>
<em>em element</em>
<strong>strong</strong>
<code>code element</code>
<del>del element</del>
<ins>ins element</ins>
<mark>mark element</mark>
<q>q <q>inside</q> a q element </q>
<abbr title="Abbreviation Element">abbr element</abbr>
<dfn title="Defines a definition term">dfn element</dfn>
Нажмите, чтобы раскрыть...

Оформление текста:

<blockquote>
<p> Lorem ipsum dolor.</p>
<small>Someone famous</small>
</blockquote>
Нажмите, чтобы раскрыть...

Комментарии:

<ul class="uk-comment-list">
<li>
<article class="uk-comment">
<header class="uk-comment-header">
<img class="uk-comment-avatar" src="http://ффф.com/50/50" alt="">
<h4 class="uk-comment-title">Author</h4>
<p class="uk-comment-meta">May 2, 2090 at 1:55 pm</p>
</header>
<div class="uk-comment-body">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
</div>
</article>
</li>
</ul>
Нажмите, чтобы раскрыть...

Пагинация:

<ul class="uk-pagination">
<li class="uk-disabled"><span>«</span></li>
<li class="uk-active"><span>1</span></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><span>...</span></li>
<li><a href="#">20</a></li>
<li><a href="#">»</a></li>
</ul>
Нажмите, чтобы раскрыть...

Меню с активными подменю (в любом месте, кодом)

<div class="uk-panel">
<ul class="uk-nav uk-nav-side uk-nav-parent-icon" data-uk="nav">
<li class="uk-nav-header">Header</li>
<li class="uk-nav-divider"></li>
<li class="uk-active"><a href="">Active</a></li>
<li class="uk-parent">
<a href="#">Parent</a>
<ul class="uk-nav-sub">
<li><a href="">Sub item</a></li>
<li><a href="">Sub item</a>
<ul>
<li><a href="">Sub item</a></li>
<li><a href="">Sub item</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">Item</a></li>
</ul>
</div>
Нажмите, чтобы раскрыть...

Надписи в рамке с активной кнопкой Х (закрыть)

<div class="uk-alert" data-uk="alert">
<a class="uk-alert-close uk-close"></a>
<p>Info message</p>
</div>

<div class="uk-grid uk-grid-gutter">
<div class="uk-width-100">
<div class="uk-alert uk-alert-warning" data-uk="alert">
<a class="uk-alert-close uk-close"></a>
<p>Warning message</p>
</div>
</div>
</div>
Нажмите, чтобы раскрыть...

Шкалы с %

<div class="uk-grid uk-grid-gutter">
<div class="uk-width-100">

<div class="uk-progress">
<div class="uk-progress-bar" style="width: 55%;">55%</div>
</div>
</div>
</div>

<div class="uk-grid uk-grid-gutter">
<div class="uk-width-100">

<div class="uk-progress uk-progress-warning">
<div class="uk-progress-bar" style="width: 55%;">55%</div>
</div>
</div>
</div>

</div>
Нажмите, чтобы раскрыть...

Вход

Что нового в WARP 7

admin_forum Администратор Команда форума

admin_forum Администратор Команда форума

Поделиться этой страницей

Вход

Что нового в WARP 7

admin_forum Администратор Команда форума

admin_forum Администратор Команда форума

Поделиться этой страницей

Быстрый поиск