2015-07-12 127 views
0

嗯,我想创建一个我已经想到的web布局。我有一个标题,我可以使用jqueryUI创建一组标签。这非常简单,我已经拥有它了,我会告诉你一个截图。 Screenshot自定义或覆盖从jqueryUI的css

的HTML有:

<div id="header"><div id="headerMenu"><!--headermenu is the tabs div --!> 
    <ul > 
    <li><a href="#tabs-edition">edition</a></li> 
    <li><a href="#tabs-export">export</a></li> 
    <li><a href="#tabs-settings">settings</a></li> 
    </ul> 
    <div id="tabs-edition"> 
    <p>Text</p> 
    </div> 
    <div id="tabs-export"> 
    <p>Text</p> 
    </div> 
    <div id="tabs-settings"> 
    <p>Text.</p> 
    </div> 
</div></div> 

我想,这看起来以另一种方式,该选项卡窗格充满整个主头(除去白色的间距),删除圆角和自定义CSS和颜色。

我知道css足以应付这种变化,但如果有对流,方法,定制jquery ui样式的一般方法,我会有严肃的家伙(我认为开发人员通常不使用默认样式,而且他们必须改变)。

有人可以指导我谈论这个话题吗?

+0

添加一个有用的资源,我认为它更有效地覆盖jQuery UI风格,这是一个很好的例子! http://keith-wood.name/uitabs.html#tabs-min – Genaut

回答

0

您可以使用Themeroller创建所需的特定更改并获取所需的CSS。这可能比尝试手动更改更容易。

Themeroller是Jquery UI项目的一部分。

+0

它是一个不错的选择。无论如何,我ü这个límites一些变化。谢谢! – Genaut