西西軟件園多重安全檢測下載網(wǎng)站、值得信賴的軟件下載站!
西西首頁 電腦軟件 安卓軟件 電腦游戲 安卓游戲 排行榜 專題合集

快趣吧淘寶導航css代碼生成器

v1.1.11.11 綠色版
  • 快趣吧淘寶導航css代碼生成器v1.1.11.11 綠色版
  • 軟件大小:378KB
  • 更新時間:2014-02-14 10:32
  • 軟件語言:中文
  • 軟件廠商:
  • 軟件類別:國產(chǎn)軟件 / 免費軟件 / 源碼相關(guān)
  • 軟件等級:4級
  • 應用平臺:WinAll, Win7
  • 官方網(wǎng)站:http://kuaiqu8.com/forum.php
  • 應用備案:
好評:50%
壞評:50%

本類精品

軟件介紹

快趣吧淘寶導航css代碼生成器是一款可以適用于淘寶店鋪裝修之導航條的css代碼生成的一個軟件,很多淘寶店家并不是計算機專業(yè)出生,請人裝修店鋪又花費高,還不如自已利用這款軟件來裝扮店鋪吧。

功能特色:

1、快趣吧淘寶CSS裝修代碼生成器由快趣吧淘寶店鋪裝修論壇開發(fā),并免費提供給淘寶店家。
2、本軟件適用于淘寶店鋪裝修之導航條的css代碼生成。
3、七彩生活,由你做主。本軟件可完美自定義設計,小到一條線的色彩,讓您不再受制于淘寶限制。
4、即使預覽功能,完全模塊化、自動化。可設置任意色彩,且所見既所得,可即時預覽修改任何地方的效果。

導航欄CSS代碼使用教程:

第一部分、靜態(tài)背景顏色
1、首頁/店鋪動態(tài)/其它導航類目的背景色,這里設為紅色
.skin-box-bd .menu-list .link{background:red;}
2、所有分類的背景色(最左邊的),一樣設為紅色
.all-cats .link{background:red;}
到這里,發(fā)覺右邊的顏色還沒有變呢,好的,接著下一步
3、導航條整個分類段背景色,還是要設為紅色,整體布局好看些
.skin-box-bd .menu-list{background:red;}
注意觀察,最右邊還有一絲地方?jīng)]有變
4、導航條背景色(是最底層了吧),修補導航右側(cè)缺口,再設為紅色
.skin-box-bd{background:red;}
小結(jié):有點成功感了!換換其它顏色試試看吧
背景色最好搭配頁頭背景圖,才能整體大氣美觀
 
 第二部分、分隔線、靜態(tài)文字的顏色
5、首頁等分類的右邊的分隔線顏色,設為白色
.menu-list .menu{border-color:white;}
6、所有分類的右邊的分隔線顏色,設為白色
.all-cats .link{border-color:white;}
7、首頁/店鋪動態(tài)/其它導航類目的文字顏色
.menu-list .menu .title{color:yellow;}
8、所有分類的文字顏色(最左邊那個),
.all-cats .link .title{color:yellow;}
小結(jié):其實原來默認文字的顏色也挺好的
 
 第三部分、分類下的顏色
9、二級分類的背景色,設為灰色
.popup-content{background:gray;}
10、三級分類的背景色,我設為深灰色
.popup-content .cats-tree .snd-pop-inner{background:#504f4f;}
11、二級分類的文字顏色,設為黃色
.popup-content .cat-name{color:yellow;}
12、三級分類的文字顏色。(如果后面要鼠標滑過變色<21.22>,這句要寫)
.popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;}
 小結(jié):上面這句不寫,和二級分類顏色是一樣的
 
 第四部分、鼠標滑過變背景色
13、鼠標滑過首頁/店鋪動態(tài)/其它導航類目變換背景色,這設為藍色
.menu-list .menu-hover .link{background:blue;}
14、鼠標滑過所有分類(最左邊那個)變換背景色,這同樣設為藍色
.all-cats-hover .link{background:blue;}
15、鼠標滑過所有分類下的二級分類變換背景色,這設為藍色
.popup-content .cats-tree .cat-hd-hover{background:blue;}
16、鼠標滑過所有分類下的三級分類變換背景色,這設為深藍色
.popup-content .cats-tree .snd-cat-hd-hover{background:#160595;}
17、鼠標滑過導航類目下的寶貝分類變換背景色,這設為藍色
.menu-popup-cats .sub-cat-hover{background:blue;}
 小結(jié):這個所有分類,與首頁后面的,是要分開設計的
 
 第五部分、鼠標滑過變文字顏色
18、鼠標滑過首頁/店鋪動態(tài)/其它導航類目變換文字顏色,這設為紅色
.menu-list .menu-hover .title{color:red;}
19、鼠標滑過所有分類(最左邊那個)變換文字顏色,這同樣設為紅色
.all-cats-hover .link .title{color:red;}
20、鼠標滑過導航類目下的寶貝分類變換文字顏色,這設為紅色
.menu-popup-cats .sub-cat-hover .cat-name{color:red;}
21、鼠標滑過所有分類下的二級分類變換文字顏色,這設為紅色
 .popup-content .cat-hd-hover .cat-name{color:red;}
22、鼠標滑過所有分類下的三級分類變換文字顏色,這設為紅色
 .popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;}
小結(jié):這部分還是默認白色的好看
 
第六部分、導航項目激活狀態(tài)
23、激活項目的文字背景色(難看,所以none)、文字顏色(選白色)
.skin-box-bd .menu-list .menu-selected .link .title{background:none;color:white;}
24、激活項目的項目背景色(項目框),選紫色
.skin-box-bd .menu-list .menu-selected .link{background:purple;}
 小結(jié):最多人忽視這部分,其實也是很多人想知道的
 
 總結(jié):如果可以的話,搞個傻瓜式的編輯器,就不簡單了嗎

注1:顏色代碼可以是英文單詞,如white(白)、black(黑)、red(紅),
     也可以是白色#ffffff、黑色#000000等等表示。
注2:背景色也可用圖片,如:{background:url(圖片地址);}

去掉所有分類的代碼
.all-cats{display:none}

軟件標簽: css代碼生成器

軟件截圖

快趣吧淘寶導航css代碼生成器 v1.1.11.11 綠色版

其他版本下載

發(fā)表評論

昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
查看所有(0)條評論 > 字數(shù): 0/500

TOP
軟件下載