Существуют ли сторонние темы jQuery UI?
Я немного устал от тем JQuery UI.
Существуют ли бесплатные сторонние темы, которые выглядят немного гламурнее?
5 ответов
Одной из альтернатив, которая соответствует моему личному стилю, является "Aristo" для jQuery UI!
Смотрите ссылку!
Посмотреть демо!
Смотрите GitHub!
Тем не менее, темы, предоставляемые jQuery UI ThemeRoller, предназначались только для того, чтобы пользователи могли создавать свои собственные темы.
Или возьмите стандартный jquery-ui.css и наберите те его части, которые относятся к вам, например, если вы используете только вкладки, просто возьмите все вкладки css или более, если вы используете несколько аспектов. Так, например, если вы просто используете вкладки, возьмите этот небольшой раздел из
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
а затем просто смените стиль, как вам угодно.
Попробуйте Wijmo. У них есть несколько хороших JQuery UI тем.
Twitter выпустил нечто, называемое bootstrap, которое поможет вам аккуратно расположить элементы на экране для разных размеров экрана, которые также настраиваются автоматически! .Как вам нужна скользкая тема. Попробуйте щебетать