我們可以看到很多新手店鋪導航都是默認的,藍色的一條導航搭著不同顏色的產(chǎn)品,總覺得是怪怪的,那我們可以不可以修改樣式來弄得漂亮一點阿?廣州美迪淘寶美工培訓告訴你,這是可以的,一切皆有可能,下面就來見證奇跡的時刻。
1.在打開的彈窗里面選擇”添加“:
2.添加寶貝分類至導航操作如下:
3.添加頁面至導航操作如下:
4.添加自定義鏈接至導航操作如下:
5.設置好的內容可以在此調整位置或刪除:

6.在前臺展示如下:
新旺鋪導航是可以更換顏色和式樣的喲 這里需要一些css的小技巧 。操作位置如下:

下面是自定義導航的示例. 首先要了解,什么是自定義css
CSS 也叫層疊樣式表單, 是用于(增強)控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內容分離的一種標記性語言
店鋪導航開放css設定,就是說讓賣家通過css來讓導航展現(xiàn)的更加豐富自定義,交給賣家控制。
以下文字內容可以一同復制使用,不會影響到使用效果哦!
/* 導航條背景色*/
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}
/*首頁/店鋪動態(tài)背景色*/
.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}
/*首頁/店鋪動態(tài)右邊線*/
.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}
/*首頁/店鋪動態(tài)文字顏色*/
.skin-box-bd .menu-list .menu .title{color:#ff0000}
/*所有分類背景色*/
.all-cats .link{background: none repeat scroll 0 0 #00ad08;}
/*所有分類右邊線*/
.all-cats .link{border-right:1px #006205 solid;}
/*所有分類文字顏色*/
.skin-box-bd .all-cats .title{color:#ff0000}
補充:
1:可以注意到, 每個樣式最前面有個.tshop-pbsm-shop-nav-ch 前綴, 意思是這個樣式只能作用在導航上面,而不會影響到其他模塊樣式.
如果賣家在寫的時候不加上這個前綴,系統(tǒng)會默認幫助加上, 同樣是為了這個樣式只作用在導航上,不影響到其他模塊
2: css的樣式值,同樣有些樣式是不能寫的,比如 expression這個可執(zhí)行js代碼的屬性,是不允許使用的.
小結:我們雖然上面說的可能會有點復雜,對于學過代碼的美工來說,是很簡單的事情??墒菦]有基礎該怎么辦?其實這個不要慌張,只要把上面的代碼套進去就可以了,畢竟我們做之前都會去備份一次,要大膽去做,細心去發(fā)現(xiàn)問題,這才是做裝修的要點。
本文地址:http://www.casciot.com.cn/share/clipart/336.html