上一篇教程講了如何創(chuàng)建自定義頁面。但是官方提供的導(dǎo)航模塊沒辦法編輯，那么制作的這些自定義頁面就相當(dāng)于是斷了線的風(fēng)箏，找都找不到了。下面就讓我們來解決這個難題。
開始之前，請大家將頁面的“導(dǎo)購站點導(dǎo)航欄”模塊刪除，因為它已經(jīng)徹底不需要了。
還記得上篇教程里添加的自定義內(nèi)容區(qū)1嗎？本篇教程里將用到它。
http://bbs.taobao.com/catalog/thread/16698010-273276892.htm?spm=0.0.0.0.awAX6D
進(jìn)入“頁面編輯”，選擇自定義內(nèi)容區(qū)1。分別將下圖的html和css代碼輸入到編輯器里
注意粘貼html代碼是要切換到源碼模式哦。見圖。
輸入完保存，效果就如下圖所示?？粗€可以吧，起碼比原來的導(dǎo)航看著順眼了。
以上就是所有操作步驟。是不是很簡單？
“不啊”，你可能會說，”誰知道這堆html代碼是啥玩意，還有那堆css。。?！?/p>
好吧，那讓我來說明一下吧。下圖是上一篇教程里我添加好的所有自定義頁面。
上一篇里已經(jīng)將MyHome設(shè)為首頁。這里我在MyHome添加了如上的導(dǎo)航代碼，是為了鏈接這些個自定義頁面。如，瑜伽服的鏈接地址是http://***.uz.taobao.com/p/List1.htm?classId=10102588 （上圖里的鏈接還多了一些字符串，這是淘寶自動給加的，但實際就是這個地址），瑜伽用品的鏈接是http://***.uz.taobao.com/p/List2.htm?classId=10102888，等等。
我就是在鏈接里把自定義頁面的地址給替換了。不相信的話，可以右鍵查看一下你的優(yōu)站的導(dǎo)航地址，是不是類似http://***.uz.taobao.com/List.htm?spm=a2116.7512675.w9010-8920887306.2.ldjRaf&classId=10102588&scene=taobao_shop這樣的。
List.htm就是默認(rèn)列表頁面的地址，這個可以在頁面屬性里看到。（不得不說一句，“頁面地址”后面一行字“可以直接在導(dǎo)航模塊添加該鏈接”，導(dǎo)航模塊壓根就不能編輯，讓我們怎么添加）。
自定義頁面的地址，注意多了一個“/p”
看到了吧，就是這個***.uz.taobao.com/p/List1.htm的地址，導(dǎo)航里用的就是這個鏈接。只要知道了替換，剩下的就好辦了吧。classid后面的就是欄目編號，復(fù)制過來就可以啦。別的不多說了。
在我的優(yōu)站里，每個欄目配備一個自定義頁面，也就是我做了那一溜自定義頁面MyList的原因。然后每個MyList，可以定義不同的布局和圖片裝飾。
以上就是我要給站友們分享的啦。如果你還想問html和css代碼的，私下聊吧。這都是導(dǎo)航的外觀和樣式，就由你自己發(fā)揮了。如果不會寫，網(wǎng)上好像有那種類似生成器的工具。當(dāng)然你也可以私下找我要，導(dǎo)航的代碼隨意用。沒辦法粘貼文本的，就只能上圖片了。
另外，教程還會不斷更新。比如我的主導(dǎo)航條下面還有一行鏈接，那些被我用來作為關(guān)鍵詞使用了。還有如何添加浮動面板等等。敬請期待。
已發(fā)布第三篇教程：【可視化/裝修】動手來裝修三：活用標(biāo)簽實現(xiàn)搜索/子欄目
http://bbs.taobao.com/catalog/thread/16698010-273415740.htm?spm=0.0.0.0.X8RLnC
>>這排版也太費勁了，淘寶論壇就不能換個好用的編輯器
>>站友們最后別忘了跟帖分享一下，你們創(chuàng)作的個性化頁面哦，供大家學(xué)習(xí)欣賞<<
聯(lián)系客服
