谁有漂亮的淘宝网导航的样式css代码 淘宝店铺导航CSS代码
\u8c01\u6709\u6f02\u4eae\u7684\u6dd8\u5b9d\u7f51\u5bfc\u822a\u7684\u6837\u5f0fcss\u4ee3\u7801\u554a\uff1f\u5171\u4eab\u4e0b\uff0c\u8c22\u8c22\u53bb\u61d2\u4eba\u56fe\u5e93\u641c\uff0cjs\u6548\u679c\uff0c\u4f60\u5c31\u80fd\u770b\u5230
\u4f60\u53bb\u7f51\u9875\u5ba1\u67e5\u5143\u7d20\u554a\uff0c\u4e0a\u9762\u90fd\u6709\u4ee3\u7801\u7684\u554a\uff0c\u5305\u62ecjs\u548ccss\u6837\u5f0f\u90fd\u80fd\u67e5\u5230
1.修改导航分类下面的背景色，代码如下：.skin-box-bd .link{background:#000000;}
修改导航分类下面的图片，代码如下：
.skin-box-bd .link{background:url(图片链接);}
2.修改整个导航的背景色
.skin-box-bd .menu-list{background:#000000;}
修改整个导航背景为图片
.skin-box-bd .menu-list{background:url(图片链接);}
3.修改最右边留下的一小块，2里提到的，代码如下：
.skin-box-bd{background:#000000;}
修改成图片的代码如下：
.skin-box-bd{background:url(图片链接);}
4.字外加色：
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}
5.字里加色：
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
字外+字里=全部！
----------------------------------------------------------------------------------------
1.导航背景色代码（除去“所有分类”）如下：
.menu-list .link{background:#000000;}
2.导航栏文字（除去“所有分类”）如下：
.menu-list .menu .title{color:#颜色代码;font-size:字号px;}
3.“所有分类”的背景色代码如下：
.all-cats .link{background:#000000;}
4.“所有分类”的文字代码如下：
.all-cats .link .title{color:#颜色代码;font-size:字号px;}
最新代码，解决字体改大后导航右侧消失的情况！
代码如下：
.all-cats .link .title{font-size:字号px;}.all-cats .link {background:#3BAFFF;margin:0;padding:0px 3px;}
字号最大为21，继续变大右侧导航将消失！该代码还不是很完善，我们会继续研究！
5.二级分类文字代码如下：
.popup-content .cats-tree .fst-cat .cat-name{font-size:字号px;color:#颜色代码;font-weight:bold/bolder/normal;}
6.二级分类背景代码如下：
.popup-content{background:#000000;}
7.三级分类文字代码（除去“所有宝贝”分类）如下
.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#颜色代码;font-weight:bold/bolder/normal;}
8.三级分类文字代码（包括“所有宝贝”分类字体大小）这样就无法改变字体颜色，我们会继续完善该代码！如下
.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#颜色;}
9.三级分类背景代码：
.popup-content .cats-tree .snd-pop-inner{background:#000000;}
10.一级导航分类（除去“所有宝贝”分类）分隔线颜色代码如下：
.menu-list .menu{border-color:#000000;}
11.一级导航“所有宝贝”分类分隔线颜色代码如下：
.all-cats .link{border-color:#000000;}
12.一级导航分类的宽度修改代码如下：
.menu-list .menu{background:#颜色;margin:0;padding:0px 增加的宽度px;}
13.鼠标滑过一级分类导航文字变换背景色代码如下：
.menu-list .menu-hover .link{background:#000000;}
14.鼠标滑过一级分类导航文字变换颜色代码如下：
.menu-list .menu-hover .link .title{color:#FFFFFF;}
15.鼠标滑过二级分类导航文字变换背景色代码如下：
.popup-content .cats-tree .cat-hd-hover{background:#000000;}
16.鼠标滑过二级分类导航文字变换颜色代码如下：
.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}
17.鼠标滑过三级分类导航文字变换背景色代码如下：
.popup-content .cats-tree .snd-cat-hd-hover{background:#000000;}
18.二级分类上加空间代码如下：
.popup-content .cats-tree{margin:0 0 50px 0;}
19.修改“所有宝贝”右边小图标代码如下：
.all-cats .link .popup-icon{background:url(图片连接);}
20.修改二级分类右侧图标代码如下（有三级分类才会显示）：
.popup-content .cats-tree .fst-cat-icon{background:url(图片连接);}
22.在三级分类前加上小块白色代码如下：
.popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}
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;}
补充内容
-------------------------------------------------------------------------------------------
隐藏导航上，所有分类的导航： .all-cats{display:block;overflow:hidden;width:0;height:0;}
这个改完 所有分类是会被隐藏。但是如果你导航条用了其他颜色，导致和原来模版颜色不一样。那么可以添加一行： .skin-box-bd{width:200px;}
希望可以绑定石你
你去河4塘月色去找人咨3询一下
绛旓細浣鐨CSS鏀捐繘鍘讳簡鍚楋紵娌℃湁鐨勮瘽鏀捐繘鍘伙紝鏀捐繘鍘讳簡鐨勮瘽锛岀湅鐪嬪叕鍏鏍峰紡鏄笉鏄湁鍐茬獊銆
绛旓細绛旓細杩欑被鎯呭喌涓鑸兘鏄綘鐨鐢佃剳琚伓鎰缃戠珯淇敼锛屽湪寮鏈哄惎鍔ㄤ腑鍔犲叆浜嗛潪娉曞惎鍔ㄩ」锛屽苟淇敼浜嗘敞鍐岃〃鎵閫犳垚鐨勩傜敱浜庝慨鏀规敞鍐岃〃杩囦簬澶嶆潅涓旀槗閫犳垚绯荤粺宕╂簝锛屽洜姝ゆ垜浠缓璁畨瑁呬慨澶嶈蒋浠舵潵鎭㈠绯荤粺锛屾瘮濡傗淚E淇涓撳鈥濄佲滄敞鍐岃〃IE淇鍣ㄢ濃渕sconfig鈥濆懡浠ょ瓑杞欢閮藉彲浠ュ府浣犳竻鐞嗗共鍑銆傝繕鍙互淇敼娉ㄥ唽琛ㄣ傛墦寮娉ㄥ唽琛ㄧ紪杈...
绛旓細缃戠珯鎸傞┈锛屽掓潵鐨锛屻傝繖涓О涓烘父鎴忕瀛愩傛湁榛戝涓撻棬鍗栫瀛愶紝鏈夌殑鎺ョ瀛愩傚啀鍊掑崠銆傜湅娓告垙涓嶅悓锛屽笎鍙蜂环鏍间笉绛夈傚ソ鐐圭殑鍍忔ⅵ骞诲ぇ姒備竴涓笎鍙2鍏冦CS甯愬彿搴旇寰堝浜烘病鏈夊～鍐欏瘑淇濅粈涔堢殑锛岃鏀瑰瘑鐮佸氨鎵句笉鍥炴潵锛侊紒涓嶈繃浣犱笉瑕佽瘯鍥惧幓璐拱娓告垙绠卞瓙锛岄潬鍗栨父鎴忕瀛愰獥閽辩殑浜哄緢澶氾紒锛佸鏋滀綘鐪熻兘鏈夊彲闈犵殑涓鎵嬬瀛愶紝鐪...
绛旓細涓嶆槸鐨锛屽叾瀹為偅浜涢兘鏄埛涓婃潵鐨勪俊鐢紝浣犳病鐪嬭繃鏂伴椈涔堬紵鏃㈢劧浣犺鏈夊樊璇勭殑璇濓紝閭ｈ偗瀹氭湁浜鸿鍧戣繃锛屾棆椋庤繕浼氬嚭鐨勶紝澶╂垚涓轰簡璧氶挶浠涔堥兘骞插緱鍑猴紝鍒氬紑濮嬫楠78鍗栫殑璇寸粷鐗堬紝绗簩娆″崠浜108锛屼絾鏄墠娈垫椂闂村張鍗栵紝绛夌瓑杩樹細鏈夌殑锛屾棆椋庨兘鍗栦簡4-5娆′簡锛岀浉淇℃垜锛屻
绛旓細鎴戝緢璐熻矗鐨勫憡璇変綘锛屽嵆浣胯兘鎵撳紑锛屼篃鑲畾涓嶄細娴佺晠銆傘傘
绛旓細濡備綍浣跨敤pscs6鍒朵綔娣樺疂骞垮憡鍥 濡備笅: 1銆佸缓璁綘鐩存帴鍦缃戜笂鎼滅储涓涓嬭棰戣繘琛岃鐪嬨 2銆侀鍏堣鐭ラ亾鑷繁鍒朵綔鐨鍖哄煙姣斾緥鏈夊澶,濡傚950,楂樹换鎰忋 3銆佷箣鍚庡啀瀵瑰浘鐗囪繘琛岀紪杈,澶勭悊鍚庡啀鐢ㄥ垏鐗囧伐鍏峰鐞嗐傚浣曠敤PS鍒朵綔娴锋姤鏁欑▼ 鐜板湪鍋氱數鍟嗙殑缁忓父瑕佸仛涓捣鎶ヨ繘琛屾帹骞垮晢鍝,涓嬮潰涓句釜绠鍗曠殑渚嬪瓙鏉ョ粰澶у鍋氬弬鑰,鏁欏ぇ瀹跺浣曠敤PS鑷繁...
绛旓細浣犲湪鎶婃枃瀛楁帓鐗堝紕濂戒箣鍚庢爡鏍煎寲涓涓嬶紝杩欐牱灏变笉浼氬彉浣嶇疆浜嗭紝鑰屼笖涔熶笉浼氬洜涓烘病鏈夌浉搴鐨瀛椾綋鑰屽嚭鐜板瓧浣撴帓鐗堝嚭閿欍傚綋鐒舵爡鏍煎寲涔嬪悗鏂囧瓧灞傚氨鏃犳硶杩涜鏂囧瓧涓婄殑缂栬緫浜嗭紝鍙兘褰撳仛鍥惧舰缂栬緫銆
绛旓細鑰"Coel鏍″洯浠ｇ悊浜"锛圕A锛夊垯浣滀负CS鐨鍔╂墜锛屽崗鍔╁鐞嗘棩甯镐笟鍔°備粬浠湁鏉冨悜"灏娣樺疂Coel"鎻愬嚭鏀硅繘鎰忚鍜屽皬鍨嬪晢涓氭椿鍔ㄧ殑鐢宠銆傜粡杩囦竴骞村崐鐨勪紭绉琛ㄧ幇锛孋A鍙互鐢宠鏅嬪崌涓篊S锛屽甫棰嗚嚜宸辩殑鍥㈤槦锛屽悓鏃跺鎵炬柊鐨凜A锛屽缓绔嬭嚜宸辩殑涓氬姟缃戠粶銆"Coel澶у鐢"锛圕D锛夋槸鎸囨墍鏈夊叆椹"灏忔窐瀹滳oel"鐨勯珮鏍″鐢燂紝杩欎釜骞冲彴涓轰粬浠彁渚涗簡...
绛旓細鎴戠殑鍜屼綘涓鏍穨~璇ヤ慨鏀圭殑鍦版柟閮戒慨鏀逛簡~I杩欎釜搴旇鏄澶╃尗瀵艰埅鐨娴忚鍣ㄥ吋瀹圭殑涓涓皬灏廱ug~~IE娴忚鍣ㄤ笅灏变細杩欐牱~~浣嗗湪鐏嫄浠ュ強璋锋瓕娴忚鍣ㄤ笅鏄剧ず鏄甯哥殑~~寰堥儊闂穨~鍙﹀瀵艰埅鏂囧瓧瀛椾綋鏆傛椂鏃犳硶淇敼~~榛樿瀹嬩綋14px鍔犵矖~~鎴戞敼鎴愬井杞泤榛12px涓嶅姞绮楀悗杩樻槸瀹嬩綋锛屽瓧浣撳ぇ灏忓掓槸鏄剧ず鏄12px涓嶅姞绮 浣犲彲浠ョ敤鐏嫄娴忚...
绛旓細1.灏卞姛鑳借岃█CS绯诲垪鍔熻兘榻愬叏銆傝秺寰鍚庣殑鏂扮増鏈姛鑳借秺澶氥 2.瑙嗚涓婅〃闈㈢湅寮鍚殑杞綋浠嬮潰涔熶笉涓鏍枫 3.鎶鏈牳蹇冨尯鍒嗭紝鍚屼竴涓缃戦〉浣犵敤cs6鍜宒w8寮鍚湅鏄笉涓鏍风殑锛屽洜涓虹増鏈秺楂樺w3c鏍囧噯鐨勬敮鎻磋秺濂斤紝浣跨敤鑰呬綋楠屼篃濂斤紝濡侰SS閲鐨勬牱寮鍙互鑷敱鎷栧姩锛屽崟鍑昏繕鍙互鐩存帴淇敼閫夋嫨绗︾瓑绛夈 4.CS绯诲垪鍙互璇存槸...
