首頁導行列顏色更換

首頁導行列顏色更換

請在模組工具下的  樣式表(CSS)編輯 點選stylesheet.css

 

色碼表參考網址:    

 色碼選擇器   背景色彩選擇器   色碼表   英文色碼表一 英文色碼表二  爪哇色碼表

 

基本選單導航列(預設) 

可以修改以下黃色區塊,

並在綠色區塊中更換顏色色碼。

紫色區塊為倒圓角的語法四個數值分別代表左上、右上、右下、左下順序排列。

/***** Horizontal *****/
.default-navigator-h {float:right;height:32px;margin:0 5px 0 0;}
.default-navigator-h a, .default-navigator-h a:visited {float:left;margin:0 2px 0 0;width:100px;padding:10px 0;background:url('/common/catalog/view/theme/default/image/tab_1.png') no-repeat;text-align:center;text-decoration:none;color:#000;font-size:1.1em;font-weight:bold;position:relative;z-index:1;}
.default-navigator-h a:hover {background:#ff1a48;border-radius:7px 7px 0 0;}
.default-navigator-h a:active {background:#ff1a48;border-radius:7px 7px 0 0;}
.default-navigator-h a.selected {background:#ff1a48 ;border-radius:7px 7px 0 0;}

===============================================================

預設搜尋列

可以修改以下黃色區塊,

並在綠色區塊中更換顏色色碼。

紫色區塊為倒圓角的語法四個數值分別代表左上、右上、右下、左下順序排列。

/***** Horizontal *****/
.default-search-h {position:relative;}
.default-search-h .left {background:#ff1a48 no-repeat;width:5px;height:40px;float:left;border-radius:7px  0 0 0;}
.default-search-h .right {background:#ff1a48 no-repeat;width:5px;height:40px;float:right;border-radius:0 7px 0 0;}
.default-search-h .center {background:#ff1a48 repeat-x;height:40px;margin:0 5px;}

......

 

 

WebDiY 網路開店 GO! 系統