更改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>

任何線索讚賞

來源

2011-06-12 Saul

用途：

.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; 
}

有很多在那裏發生的，所以我只是測試，直到我發現了一些工作。

來源

2011-06-12 14:12:09 thirtydot

是的，我覺得一個稍微髒的修復，但該做的:-) – Saul 2011-06-12 19:27:30

CF9使用ExtJS的3.x的同時CF8使用的ExtJS 2.x的

如何使用：

點擊分機主題生成器。

選擇模板頂部工具欄中的（藍色或灰色）（我推薦 - 灰）

選擇基本顏色，標題顏色，背景顏色，邊框顏色，標題字體，字體，窗口透明度，工具集（默認值， Vista， TargetProcess，Graphite）和ExtJS 版本。未選擇邊框顏色會可根據基色

單擊應用

輸入主題名稱

點擊下載主題自動分配。這將是xtheme主題name.zip文件

http://extbuilder.dynalias.com/springapp/mainpage.htm

來源

2011-06-12 15:27:00 Henry

+1，因爲這很可能這樣做的正確方法。 – thirtydot 2011-06-12 19:33:34

更改CF9中cflayout選項卡的外觀

回答

相關問題