淘寶店鋪導航條制作用代碼做酷炫的頁面導航欄

淘寶店鋪導航條制作（用代碼做酷炫的頁面導航欄）

淘寶店鋪裝修的時候有一個懸浮導航，好多人不清楚怎么裝修，其實很簡單。首先把懸浮導航模塊拖到右邊位置。

首先，可以調(diào)整懸浮導航的位置，不過有限，0-50像素之間。這個根據(jù)個人喜好或者店面裝修版面去調(diào)整。

然后在內(nèi)容設置里我們可以看到懸浮導航的尺寸要求。

然后可以在PS里新建一個寬200像素,高600像素的文檔，我們做的懸浮窗只要在這個范圍內(nèi)都是可以的。記得很好是透明背景的。

懸浮導航的設計有一個很簡單的思路，就是可以找一個你們店的模特圖，摳出來放上去，或者是一個產(chǎn)品圖也可以，我們拿一個女裝來講。如下圖，先摳出模特圖。

然后我們畫一個外形去遮住這個模特，一般新手會想用一個矩形，這個有點太普通也不好看，我們可以用一個帶弧度的外形試試。

顏色自己隨便調(diào)。盡量不要太亮。然后可以把我們店的LOGO跟分類給放上去，方便客戶選擇。當然你想放別的也隨你，放上旺旺也可以。

然后可以放上收藏或者關注。還可以再多復制一層放旁邊，調(diào)整下透明度來豐富懸浮導航的效果。

可以復制一層矩形外形，CTRL+T，然后鼠標右鍵選擇變形，用鼠標拖拉一下外形做一個小變化即可。

很后再稍微調(diào)整下顏色，保存為PNG或者GIF格式的透明圖片出來。

這個懸浮導航不需要去轉(zhuǎn)代碼，直接打開你店鋪裝修頁面。上傳到我們之前拖過去的模塊里。

下面有一個添加熱點，是可以給我們做好的懸浮導航做熱點鏈接的。把對應的熱點鏈接地址復制到對應位置就行。

熱點搞定后就可以點擊確定并預覽看一下效果，可以的話就可以直接發(fā)布了。