我知道您可以使用themeroller自定义您的UI主题,但是可以手动完成。如果是,那么你必须遵循任何特定的CSS。谢谢
答案 0 :(得分:4)
当我遇到Kieth Wood的网站时,我正在寻找相同的答案: http://keith-wood.name/uiTabs.html#tabs-min
你会发现他记录了几个选项,但极简主题标签是我开始的好地方。
答案 1 :(得分:2)
你有jquery-ui css文件
:http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/ui-lightness/jquery-ui.css
> /* Tabs ----------------------------------*/
> .ui-tabs { padding: .2em; zoom: 1; }
> .ui-tabs .ui-tabs-nav { list-style: none; position: relative;
> padding: .2em .2em 0; }
> .ui-tabs .ui-tabs-nav li { position: relative; float: left;
> border-bottom-width: 0 !important;
> margin: 0 .2em -1px 0; padding: 0; }
> .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;
> padding: .5em 1em; }
> .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom:
> 1px; border-bottom-width: 0; }
> .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 { padding: 1em 1.4em; display: block;
> border-width: 0; background: none; }
> .ui-tabs .ui-tabs-hide { display: none !important; }
然而,要求是 .ui-tabs .ui-tabs-hide { display:none; } 来自http://jqueryui.com/demos/tabs/
答案 2 :(得分:2)
当然有可能(因为最终主题只是CSS,图像和可能的Javascript),但它不是很实用。您可以使用现有主题并对其进行修改。事情是你需要改变很多图像文件等。此外,许多文件的名称与颜色或其他相关变量相对应。
这实际上非常聪明,因为这意味着你可以在CSS和图像上放置一个远期的Expires标题,如果你改变主题,它仍然会正确更新。
所以你可以保持文件名相同,但如果你使用了远期期货Expires标题(你应该这样做),那么你就会遇到问题,加上它会让那些出现并看到它的人感到困惑。或者您必须更新所有这些文件和所有参考文献。
Themeroller更容易。