更改CF9中cflayout选项卡的外观
问题描述:
我试图覆盖cflayout选项卡的默认外观。更改CF9中cflayout选项卡的外观
通过将编辑的背景精灵放入网站图像文件夹中,我可以改变悬停外观,但我似乎无法通过引用内置的.x-tab-strip-over类来使悬停时的文字变为白色。
在行动here
<style type="text/css">
div.x-tab-panel-header, ul.x-tab-strip-top {
background-image: none;
background-color: transparent;
padding-bottom: 0px;
}
div.x-tab-panel-header {
border: 0px;
}
.x-tab-strip-active, .x-tab-strip-text {
font-weight: normal !important;
font-size: 14px !important;
font-family: arial !important;
}
.x-tab-strip-over {
color: white !important;
}
.x-tab-right, .x-tab-left, .x-tab-strip-inner {
background-image: url(images/xd-tabs-sprite.gif) !important;
}
</style>
<cflayout type="tab">
<cflayoutarea title="Mouse">
Mickey Mouse
</cflayoutarea>
<cflayoutarea title="Duck">
Donald Duck
</cflayoutarea>
</cflayout>
任何线索赞赏
答
用途:
.x-tab-panel-header .x-tab-strip-over span {
color: white;
}
.x-tab-panel-header .x-tab-strip-over.x-tab-strip-active span {
color: red;
}
有很多在那里发生的,所以我只是测试,直到我发现了一些工作。
答
CF9使用ExtJS的3.x的同时CF8使用的ExtJS 2.x的
如何使用:
- 点击分机主题生成器。
- 选择模板顶部工具栏中的(蓝色或灰色)(我推荐 - 灰)
- 选择基本颜色,标题颜色,背景颜色,边框颜色,标题 字体,字体,窗口透明度, 工具集(默认值, Vista, TargetProcess,Graphite)和ExtJS 版本。未选择边框颜色会 可根据 基色
- 单击应用
- 输入主题名称
- 点击下载主题自动分配。这将是xtheme主题name.zip文件
+1
+1,因为这很可能这样做的正确方法。 – thirtydot 2011-06-12 19:33:34
是的,我觉得一个稍微脏的修复,但该做的:-) – Saul 2011-06-12 19:27:30