我們可以看到很多新手店鋪導航都是默認的,藍色的一條導航搭著不同顏色的產品,總覺得是怪怪的,那我們可以不可以修改樣式來弄得漂亮一點阿?廣州淘寶美工培訓告訴你,這是可以的,一切皆有可能,下面就來見證奇跡的時刻。
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-81-1.png)
1.在打開的彈窗里面選擇”添加“:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-85-1.png)
2.添加寶貝分類至導航操作如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-86-1.png)
3.添加頁面至導航操作如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-12-1.png)
4.添加自定義鏈接至導航操作如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-64-1.png)
5.設置好的內容可以在此調整位置或刪除:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-61-1.png)
6.在前臺展示如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-50-1.png)
新旺鋪導航是可以更換顏色和式樣的喲這里需要一些css的小技巧。操作位置如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-38-1.png)
下面是自定義導航的示例.首先要了解,什么是自定義css
CSS也叫層疊樣式表單,是用于(增強)控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言
店鋪導航開放css設定,就是說讓賣家通過css來讓導航展現的更加豐富自定義,交給賣家控制。
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-66-1.png)
以下文字內容可以一同復制使用,不會影響到使用效果哦!
.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}
.skin-box-bd.menu-list.link{background:nonerepeatscroll00#00ad08;}
.skin-box-bd.menu-list.menu{border-right:1px#006205solid;}
.skin-box-bd.menu-list.menu.title{color:#ff0000}
.all-cats.link{background:nonerepeatscroll00#00ad08;}
.all-cats.link{border-right:1px#006205solid;}
.skin-box-bd.all-cats.title{color:#ff0000}
補充:
1:可以注意到,每個樣式最前面有個.tshop-pbsm-shop-nav-ch前綴,意思是這個樣式只能作用在導航上面,而不會影響到其他模塊樣式.
如果賣家在寫的時候不加上這個前綴,系統會默認幫助加上,同樣是為了這個樣式只作用在導航上,不影響到其他模塊
2:css的樣式值,同樣有些樣式是不能寫的,比如expression這個可執行js代碼的屬性,是不允許使用的.
小結:我們雖然上面說的可能會有點復雜,對于學過代碼的美工來說,是很簡單的事情。可是沒有基礎該怎么辦?其實這個不要慌張,只要把上面的代碼套進去就可以了,畢竟我們做之前都會去備份一次,要大膽去做,細心去發現問題,這才是做裝修的要點。
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-81-1.png)
1.在打開的彈窗里面選擇”添加“:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-85-1.png)
2.添加寶貝分類至導航操作如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-86-1.png)
3.添加頁面至導航操作如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-12-1.png)
4.添加自定義鏈接至導航操作如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-64-1.png)
5.設置好的內容可以在此調整位置或刪除:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-61-1.png)
6.在前臺展示如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-50-1.png)
新旺鋪導航是可以更換顏色和式樣的喲這里需要一些css的小技巧。操作位置如下:
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-38-1.png)
下面是自定義導航的示例.首先要了解,什么是自定義css
CSS也叫層疊樣式表單,是用于(增強)控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言
店鋪導航開放css設定,就是說讓賣家通過css來讓導航展現的更加豐富自定義,交給賣家控制。
![導航怎么修改CSS樣式?](http://m.gooddi.cn/file/upload/201510/08/09-40-21-66-1.png)
以下文字內容可以一同復制使用,不會影響到使用效果哦!
.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}
.skin-box-bd.menu-list.link{background:nonerepeatscroll00#00ad08;}
.skin-box-bd.menu-list.menu{border-right:1px#006205solid;}
.skin-box-bd.menu-list.menu.title{color:#ff0000}
.all-cats.link{background:nonerepeatscroll00#00ad08;}
.all-cats.link{border-right:1px#006205solid;}
.skin-box-bd.all-cats.title{color:#ff0000}
補充:
1:可以注意到,每個樣式最前面有個.tshop-pbsm-shop-nav-ch前綴,意思是這個樣式只能作用在導航上面,而不會影響到其他模塊樣式.
如果賣家在寫的時候不加上這個前綴,系統會默認幫助加上,同樣是為了這個樣式只作用在導航上,不影響到其他模塊
2:css的樣式值,同樣有些樣式是不能寫的,比如expression這個可執行js代碼的屬性,是不允許使用的.
小結:我們雖然上面說的可能會有點復雜,對于學過代碼的美工來說,是很簡單的事情。可是沒有基礎該怎么辦?其實這個不要慌張,只要把上面的代碼套進去就可以了,畢竟我們做之前都會去備份一次,要大膽去做,細心去發現問題,這才是做裝修的要點。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 導航怎么修改CSS樣式?