進入店鋪后臺，選擇導航處的”編輯“； 在打開的彈窗里面選擇”添加“； 添加寶貝分類至導航操作如下： 添加頁面至導航操作如下： 添加自定義鏈接至導航操作如下： 設置好的內容可以在此調整位置或刪除： 在前臺展示如下：

淘寶店鋪導航條可以讓到店鋪的顧客更方便的找到所需要的，減少顧客的時間，提高購物目的性，促進交易完成。那么如何制作淘寶店鋪導航條？今天給新手朋友們介紹一個給自己店鋪制作旺鋪導航條的方法，希望能夠幫到大家。不過首先需要你的店鋪是淘寶拓展版旺鋪才可以哦，否則就只能看不能用了。

材料/工具

Dreamweaver CS4

1、首先打開Dreamweaver，新建HTML文件。 2、點擊上方的插入，選擇表格 。 3、設定表格大小 格式 創建表格。 4、點擊表格，表格中出現閃爍的光標。 5、淘寶店鋪導航條制作選擇插入圖像。 6、將圖像的地址從本地電腦地址改為網絡儲存地址。 7、替

方法

首先打開Dreamweaver，新建HTML文件

親， 11月1號，淘寶開通了新版描述頁， 在這個版本下， 是跟你這個效果不同的。 真正的效果如下： 這里呢， 有兩條線， 上面紅色的一條線， 是淘寶自動添加的。 所有店都會有。 下面的藍色的線，是我自已加的。 加的方法如下： 設置文檔頭背景圖

點擊上方的插入，選擇表格

這種要買模板才可以實現的。如果沒有買模板，就要有CSS權限才可以。如果用圖片的話，只能做單純的跳轉鏈接，而做不到你說的有放鼠標上去的效果。

設定表格大小 格式 創建表格

淘寶店鋪導航條加長的方法：做一張長度為1920的圖片，圖片的最下面30像素做成導航欄的顏色，然后打開“店鋪裝修”點左上方有個橙色的“裝修“，點擊它 然后點擊樣式編輯 再點左側的“背景設置”這時就能看到有個背景圖片了，點擊“上傳圖片”把圖片傳上

點擊表格，表格中出現閃爍的光標

淘寶專業版原導航就是滿屏寬的 如果想自己制作導航： 隱藏原導航，導航條編輯->顯示設置->輸入：.skin-box-bd{display:none;} 并確定 PS制作一條1920像素寬，150像素高的頭部，里面取一部分設計你的導航，并設計完 ps切片，切出頭部居中的950像

淘寶店鋪導航條制作選擇插入圖像

一張1920*150的店招和導航條圖片。 1、PS制作1920*150店招和導航條; 2、切成950*150的店招、導航條和1920*150的背景; 3、將950*150的店招、導航條儲存為web所用格式;格式一定要是：HTML和圖像。然后將存好的JPG格式圖片上傳至淘寶圖片空間。 4、

將圖像的地址從本地電腦地址改為網絡儲存地址

以前的旺鋪可以直接刪除。新旺鋪2012專業版目前只能通過吧店招改成150像素后擠掉原來的導航條實現隱藏。

替換文本這步不需要填寫，直接點確定就可以了 淘寶店鋪導航條制作

第一步打開PS創建一個1500X150的層 第二步 店招做好了，接著用PS 文件、存儲為WEB所用格式，這個是作為頁頭背景的，注意不能超過200KB 第三步把做好的導航店招裁切成950X150 的層這。在這里不用切片做鏈接。容易斷層，咱們先存為WEB格式 第四步

依次插入需要插入的導航條分類圖片

第一步打開PS創建一個1500X150的層 第二步 店招做好了，接著用PS 文件、存儲為WEB所用格式，這個是作為頁頭背景的，注意不能超過200KB 第三步把做好的導航店招裁切成950X150 的層這。在這里不用切片做鏈接。容易斷層，咱們先存為WEB格式 第四步

插入圖片完畢，開始設置圖片超鏈接地址

淘寶網的導航條的制作步驟： 1：首先打開Dreamweaver，新建HTML文件。 2：點擊上方的插入，選擇表格 3：設定表格大小 格式 創建表格 4：點擊表格，表格中出現閃爍的光標 5：淘寶店鋪導航條制作選擇插入圖像 6：將圖像的地址從本地電腦地址改為網

超鏈接的填寫方法 淘寶店鋪導航條制作

如果是店鋪的導航欄的話，可以用作圖的方式把想要設立的導航欄目設置完畢，然后用ps切片把導航欄目一個一個切出來，上傳圖片后，每個欄目重新設置超鏈接到對應的分類即可完成導航地圖的設置。 其實不管是淘寶店鋪導航欄還是其他分類導航設置，均

點擊代碼按鈕，切換到代碼編輯頁面

懸浮導航，你可以用ps做一張導航圖，在DW中用地圖方式加上鏈接 這個是淘寶店的代碼：

拷貝代碼并保存，如圖

這個需要店鋪裝修的那弄。然后在正在出售中的寶貝，打開寶貝詳情，復制鏈接。圖片的話就是截一個與該商品對應的圖，然后保存到電腦。在上傳到圖片空間那里。再復制鏈接。就好了，其實挺簡單的。

店招模塊下刪除導航條模塊，添加自定義模塊，然后編輯HTML源文件代碼 如圖

你懂CSS語言嗎？以下是基本樣式： -------------------------------------------------------------/* 導航條背景色*/.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}/*首頁/店鋪動態背景色*/.skin-box-bd .menu-list .l

點擊保存，預覽看效果 然后發布。千萬記得要發布哦，不發布是不成功的。下邊的截圖是店鋪的效果圖：

自已也可以弄，但是不懂的話比較麻煩！！ 如果想快速裝修，建議買模板！！/* 淘寶店鋪導航欄CSS代碼之分步詳解第一部分、靜態背景顏色 */ /* 1、首頁/店鋪動態/其它導航類目的背景色，這里設為紅色 */ .skin-box-bd .menu-list .link{background

擴展閱讀，以下內容您可能還感興趣。

有些淘寶店鋪的導航和店招是一起的，是怎么做的

　　第一步打開PS創建一個1500X150的層

　　第二步 店招做好了，接著用PS 文件、存儲為WEB所用格式，這個是作為頁頭背景的，注意不能超過200KB

　　第三步把做好的導航店招裁切成950X150 的層這。在這里不用切片做鏈接。容易斷層，咱們先存為WEB格式

　　第四步通過DW這個軟件做熱點鏈接

　　第五步把剛才PS導出來的圖片傳到圖片空間，存好

　　最后一步進入淘寶裝修 。編輯店鋪招牌把DW里面做的代碼 放入里面 。高度一定要弄為150的。不然顯示不出導航的。保存之后就可以了然后進入頁頭設置，把頁頭背景存進去，設置不平鋪 居中 背景 效果就出來啦。

操作步驟不懂的可以參考鏈接完成http://bbs.taobao.com/catalog/thread/154503-262777083--1127120380.htm

淘寶網的導航條是怎么做的

淘寶網的導航條的制作步驟：

1：首先打開Dreamweaver，新建HTML文件。

2：點擊上方的插入，選擇表格

3：設定表格大小 格式 創建表格

4：點擊表格，表格中出現閃爍的光標

5：淘寶店鋪導航條制作選擇插入圖像

6：將圖像的地址從本地電腦地址改為網絡儲存地址

7：替換文本這步不需要填寫，直接點確定就可以了 淘寶店鋪導航條制作

8：依次插入需要插入的導航條分類圖片

9：插入圖片完畢，開始設置圖片超鏈接地址

10：超鏈接的填寫方法 淘寶店鋪導航條制作

11：點擊代碼按鈕，切換到代碼編輯頁面

12：拷貝代碼并保存，

13：店招模塊下刪除導航條模塊，添加自定義模塊，然后編輯HTML源文件代碼

14：點擊保存，預覽看效果 然后發布。

如何制作淘寶店鋪導航地圖？

如果是店鋪的導航欄的話，可以用作圖的方式把想要設立的導航欄目設置完畢，然后用ps切片把導航欄目一個一個切出來，上傳圖片后，每個欄目重新設置超鏈接到對應的分類即可完成導航地圖的設置。

其實不管是淘寶店鋪導航欄還是其他分類導航設置，均可以按照以上方式來進行設置。需要注意圖片大小的設置，以免設置后圖片顯示不完全。

淘寶店鋪懸浮導航怎么制作，請高人指點

懸浮導航，你可以用ps做一張導航圖，在DW中用地圖方式加上鏈接 這個是淘寶店的代碼：

<div style="padding:0px;height:4587px;">

<div class="footer-more-trigger" style="padding:0px;left:50%;top:auto;background:none;">

<div class="footer-more-trigger" style="padding:0px;left:-960px;top:auto;background:none;">

</div>

</div>

</div>

淘寶店鋪自定義的導航是怎么制作的，類似圖片這樣的~

這個需要店鋪裝修的那弄。然后在正在出售中的寶貝，打開寶貝詳情，復制鏈接。圖片的話就是截一個與該商品對應的圖，然后保存到電腦。在上傳到圖片空間那里。再復制鏈接。就好了，其實挺簡單的。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com