東坡下載:內(nèi)容最豐富最安全的下載站!

幫助|文件類型庫(kù)|最新更新|下載分類|排行榜

上傳下載服務(wù)器軟件遠(yuǎn)程監(jiān)控網(wǎng)絡(luò)相關(guān)主頁(yè)瀏覽主頁(yè)制作電子郵件網(wǎng)站優(yōu)化網(wǎng)絡(luò)儲(chǔ)存常用瀏覽器迅雷百度云盤

首頁(yè)網(wǎng)絡(luò)軟件網(wǎng)絡(luò)相關(guān) → 快趣吧淘寶導(dǎo)航css代碼生成器 1.1.11.11 綠色版

快趣吧淘寶導(dǎo)航css代碼生成器

快趣吧淘寶導(dǎo)航css代碼生成器1.1.11.11 綠色版

  • 大。378KB
  • 語(yǔ)言:中文
  • 平臺(tái):WinAll
  • 更新:2016-01-09 09:49
  • 等級(jí):
  • 類型:網(wǎng)絡(luò)相關(guān)
  • 網(wǎng)站:http://californiadebtcollectionlawyers.com
  • 授權(quán):免費(fèi)軟件
  • 廠商:
  • 產(chǎn)地:國(guó)產(chǎn)軟件
好用好玩 50%(0)
坑爹 坑爹 50%(0)
軟件介紹軟件截圖相關(guān)軟件軟件教程網(wǎng)友評(píng)論下載地址

快趣吧淘寶導(dǎo)航css代碼生成器就是現(xiàn)在操作十分的簡(jiǎn)單的導(dǎo)航css代碼生成工具。不但能調(diào)導(dǎo)航條的文字顏色,而且還擁有顏色提取器,從而更快速的生成所需要的代碼!

快趣吧淘寶導(dǎo)航css代碼生成器怎么用

導(dǎo)航欄CSS代碼使用教程

第一部分、靜態(tài)背景顏色

1、首頁(yè)/店鋪動(dòng)態(tài)/其它導(dǎo)航類目的背景色,這里設(shè)為紅色

.skin-box-bd .menu-list .link{background:red;}

2、所有分類的背景色(最左邊的),一樣設(shè)為紅色

.all-cats .link{background:red;}

到這里,發(fā)覺右邊的顏色還沒有變呢,好的,接著下一步

3、導(dǎo)航條整個(gè)分類段背景色,還是要設(shè)為紅色,整體布局好看些

.skin-box-bd .menu-list{background:red;}

注意觀察,最右邊還有一絲地方?jīng)]有變

4、導(dǎo)航條背景色(是最底層了吧),修補(bǔ)導(dǎo)航右側(cè)缺口,再設(shè)為紅色

.skin-box-bd{background:red;}

小結(jié):有點(diǎn)成功感了!換換其它顏色試試看吧

背景色最好搭配頁(yè)頭背景圖,才能整體大氣美觀

 第二部分、分隔線、靜態(tài)文字的顏色

5、首頁(yè)等分類的右邊的分隔線顏色,設(shè)為白色

.menu-list .menu{border-color:white;}

6、所有分類的右邊的分隔線顏色,設(shè)為白色

.all-cats .link{border-color:white;}

7、首頁(yè)/店鋪動(dòng)態(tài)/其它導(dǎo)航類目的文字顏色

.menu-list .menu .title{color:yellow;}

8、所有分類的文字顏色(最左邊那個(gè)),

.all-cats .link .title{color:yellow;}

小結(jié):其實(shí)原來(lái)默認(rèn)文字的顏色也挺好的

 第三部分、分類下的顏色

9、二級(jí)分類的背景色,設(shè)為灰色

.popup-content{background:gray;}

10、三級(jí)分類的背景色,我設(shè)為深灰色

.popup-content .cats-tree .snd-pop-inner{background:#504f4f;}

11、二級(jí)分類的文字顏色,設(shè)為黃色

.popup-content .cat-name{color:yellow;}

12、三級(jí)分類的文字顏色。(如果后面要鼠標(biāo)滑過(guò)變色<21.22>,這句要寫)

.popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;}

 小結(jié):上面這句不寫,和二級(jí)分類顏色是一樣的

 第四部分、鼠標(biāo)滑過(guò)變背景色

13、鼠標(biāo)滑過(guò)首頁(yè)/店鋪動(dòng)態(tài)/其它導(dǎo)航類目變換背景色,這設(shè)為藍(lán)色

.menu-list .menu-hover .link{background:blue;}

14、鼠標(biāo)滑過(guò)所有分類(最左邊那個(gè))變換背景色,這同樣設(shè)為藍(lán)色

.all-cats-hover .link{background:blue;}

15、鼠標(biāo)滑過(guò)所有分類下的二級(jí)分類變換背景色,這設(shè)為藍(lán)色

.popup-content .cats-tree .cat-hd-hover{background:blue;}

16、鼠標(biāo)滑過(guò)所有分類下的三級(jí)分類變換背景色,這設(shè)為深藍(lán)色

.popup-content .cats-tree .snd-cat-hd-hover{background:#160595;}

17、鼠標(biāo)滑過(guò)導(dǎo)航類目下的寶貝分類變換背景色,這設(shè)為藍(lán)色

.menu-popup-cats .sub-cat-hover{background:blue;}

 小結(jié):這個(gè)所有分類,與首頁(yè)后面的,是要分開設(shè)計(jì)的

 第五部分、鼠標(biāo)滑過(guò)變文字顏色

18、鼠標(biāo)滑過(guò)首頁(yè)/店鋪動(dòng)態(tài)/其它導(dǎo)航類目變換文字顏色,這設(shè)為紅色

.menu-list .menu-hover .title{color:red;}

19、鼠標(biāo)滑過(guò)所有分類(最左邊那個(gè))變換文字顏色,這同樣設(shè)為紅色

.all-cats-hover .link .title{color:red;}

20、鼠標(biāo)滑過(guò)導(dǎo)航類目下的寶貝分類變換文字顏色,這設(shè)為紅色

.menu-popup-cats .sub-cat-hover .cat-name{color:red;}

21、鼠標(biāo)滑過(guò)所有分類下的二級(jí)分類變換文字顏色,這設(shè)為紅色

 .popup-content .cat-hd-hover .cat-name{color:red;}

22、鼠標(biāo)滑過(guò)所有分類下的三級(jí)分類變換文字顏色,這設(shè)為紅色

 .popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;}

小結(jié):這部分還是默認(rèn)白色的好看

第六部分、導(dǎo)航項(xiàng)目激活狀態(tài)

23、激活項(xiàng)目的文字背景色(難看,所以none)、文字顏色(選白色)

.skin-box-bd .menu-list .menu-selected .link .title{background:none;color:white;}

24、激活項(xiàng)目的項(xiàng)目背景色(項(xiàng)目框),選紫色

.skin-box-bd .menu-list .menu-selected .link{background:purple;}

 小結(jié):最多人忽視這部分,其實(shí)也是很多人想知道的

2、這樣就可以生成代碼

快趣吧淘寶導(dǎo)航css代碼生成器功能

1、快趣吧淘寶CSS裝修代碼生成器由快趣吧淘寶店鋪裝修論壇開發(fā),并免費(fèi)提供給淘寶店家。

2、本軟件適用于淘寶店鋪裝修之導(dǎo)航條的css代碼生成。

3、七彩生活,由你做主。本軟件可完美自定義設(shè)計(jì),小到一條線的色彩,讓您不再受制于淘寶限制。

4、即使預(yù)覽功能,完全模塊化、自動(dòng)化?稍O(shè)置任意色彩,且所見既所得,可即時(shí)預(yù)覽修改任何地方的效果。

PC官方
安卓官方手機(jī)版
IOS官方手機(jī)版

快趣吧淘寶導(dǎo)航css代碼生成器截圖

下載地址

快趣吧淘寶導(dǎo)航css代碼生成器 1.1.11.11 綠色版

熱門評(píng)論
最新評(píng)論
發(fā)表評(píng)論 查看所有評(píng)論(0)
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字?jǐn)?shù): 0/500 (您的評(píng)論需要經(jīng)過(guò)審核才能顯示)

編輯推薦

報(bào)錯(cuò)

請(qǐng)簡(jiǎn)要描述您遇到的錯(cuò)誤,我們將盡快予以修正。

轉(zhuǎn)帖到論壇
輪壇轉(zhuǎn)帖HTML方式

輪壇轉(zhuǎn)帖UBB方式