jQuery ui вкладки главное изменение стиля

Question

jQuery ui вкладки главное изменение стиля

Я использую вкладки UI jQuery, и я должен абсолютно изменить моделирование на нем. Мне нужны к rempve фоновое изображение, границы, почти все. Мне нужен он для взгляда минимальным, и не как он сам содержавший.

Что лучший способ состоит в том, чтобы сделать это? Я должен использовать моделирование UI по умолчанию для календарного виджета однако, который находится на той же странице. Я провел большое исследование, и все, кажется, указывают на ролик темы. Однако я только хочу изменить радиусы границы и цвета. Я должен удалить дерьмо. ролик темы, кажется, просто вещи изменения как цвета (не действительно полезный для реального мира). Как я адаптирую CSS к вкладкам, не изменяя стили других виджетов UI на той же странице (я хочу, чтобы календарь остался, как это)?

Даже стоит использовать jQuery UI для моих вкладок?

8

javascript jquery jquery-ui-tabs jquery-tabs themeroller

задан Jonah 17 March 2010 в 01:23

5 ответов

Другие вопросы по тегам:

javascript jquery jquery-ui-tabs jquery-tabs themeroller

Похожие вопросы:

score 4 · Answer 1

Я решил написать свои собственные простые функции вкладок, когда понял, что мне не нужны большинство встроенных функций, таких как загрузка содержимого AJAX и динамическое добавление / удаление вкладок. Если бы мне понадобились эти функции, было бы легко реализовать их самостоятельно. Что заставило меня отказаться от вкладок пользовательского интерфейса jQuery, так это то, что мне пришлось по-другому структурировать элементы DOM. Мне также нужно было сделать свои вкладки минималистичными, и я подумал, что создание с нуля потребует меньше усилий, чем попытки избавиться от них.

Функция, которую мне больше всего не хватает, - это то, как jQuery UI Tabs автоматически выбирает вкладку, обозначенную # в URL-адресе (я знаю, что могу просто скопировать ее - просто еще не дошел до нее).

ОБНОВЛЕНИЕ: Но, да, если вы придерживаетесь его, вы можете переопределить CSS, используя любые идентификаторы, которые у вас есть:

#my-tabs .ui-state-default {
    background-image: none; /* remove default bg image */
}

и так далее ..

score 2 · Answer 2

С помощью некоторого CSS вы легко можете переопределить стандартный CSS, поставляемый с пользовательским интерфейсом jQuery. Возможно, вам не понадобится! Important, если ваш измененный CSS появляется после CSS jQuery UI.

Вы также можете удалить / добавить классы к каждому элементу с помощью jQuery при загрузке, но это кажется немного ненужным.

score 0 · Answer 3

Это должно быть довольно просто с CSS. Ваши элементы имеют идентификаторы и классы на них, и вы можете коснуться их с помощью CSS. Themeroller - это просто быстрая вещь.

Если я помню, вы также можете настроить вкладки js и настроить линии, которые добавляют изображения (если это тот же плагин) или просто удалить эту строку вообще по своему вкусу.

score 2 · Answer 4

Попробуйте сделать следующее в своем CSS, предполагая, что ваш класс .mytabs для замещающего CSS. Это должно помочь вам начать работу с

.mytabs li {
        background :  white !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important; 

    }
    .mytabs li.ui-state-active {
        background :  white !important;
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important; 
        margin: 0;


    }

.mytabs li a 
    {
        color:          Black !important;
        font-size:      1.4em !important;
        font-weight:    bolder;
        padding:        4px 1.5ex 3px !important;
    }

score 0 · Answer 5

Интересно, должны ли атрибуты! Important быть в шаблонах пользовательского интерфейса jquery по умолчанию в первую очередь. Например, если вы измените вкладки так, чтобы они располагались слева или справа, а не сверху, «нижняя граница» не должна иметь! Important, поскольку она обычно перезаписывается.