進入店鋪後台，選擇導航處的”編輯“； 在打開的彈窗裏面選擇”添加“； 添加寶貝分類至導航操作如下： 添加頁面至導航操作如下： 添加自定義鏈接至導航操作如下： 設置好的內容可以在此調整位置或刪除： 在前台展示如下：
淘寶店鋪導航條可以讓到店鋪的顧客更方便的找到所需要的，減少顧客的時間，提高購物目的性，促進交易完成。那麼如何製作淘寶店鋪導航條？今天給新手朋友們介紹一個給自己店鋪製作旺鋪導航條的方法，希望能夠幫到大家。不過首先需要你的店鋪是淘寶拓展版旺鋪才可以哦，否則就只能看不能用了。
材料/工具
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>
淘寶店鋪自定義的導航是怎麼製作的，類似圖片這樣的~
這個需要店鋪裝修的那弄。然後在正在出售中的寶貝，打開寶貝詳情，複製鏈接。圖片的話就是截一個與該商品對應的圖，然後保存到電腦。在上載到圖片空間那裏。再複製鏈接。就好了，其實挺簡單的。
