快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學院 » 網(wǎng)店裝修 » 裝修經(jīng)驗 » 如何自己制作個性店鋪導航條

如何自己制作個性店鋪導航條

放大字體  縮小字體 發(fā)布日期:2024-05-15 08:48:50  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):23

店鋪導航是網(wǎng)店的一個關鍵部分,誰都想讓店鋪導航有特色,那么這就需要自己設計,自己制作了,今天我們就來介紹下如何自己制作店鋪導航。 

一、我們現(xiàn)在去找一張圖片,就是要做成底圖的圖片,寬度建議為1500以上,因為現(xiàn)在很多電腦都是寬屏的,如果太小了,兩邊會出現(xiàn)背景的填充了,我找到的是下面這張圖片!這張圖片命名為1

二、以下是PS處理,懂的可以了解下,不懂的可以跳過!

1、用PS打開這張圖片

2、然后新建一個圖層,畫一個950PX*150PX的矩形!并靠頂部居中!

3、用裁剪工具剪下上面部分

4、裁剪好的圖片尺寸是1500*150的,然后將那塊紅色的矩形隱藏(不要刪除,后面還有用),保存圖片就得到了下面這個圖片,你將它命名為2

5、接下來將隱藏的矩形顯示,之后按照矩形的大小裁剪,裁剪出950*150的效果圖

6、裁剪好的圖片效果就是下面這張了!將其命名為3

7、現(xiàn)在就按照自己的意思去設計自己喜歡的導航咯,內(nèi)容自己選,你不喜歡首頁按鈕,不做就可以了,你如果需要聯(lián)系QQ的按鈕也都可以自己加進去的,我現(xiàn)在做了的分別有(首頁、寶貝分類、關于我們、店鋪動態(tài)、友情鏈接和收藏)

效果如下

7.1、以上效果做的過程為,先畫一個矩形,用編輯→變形→傾斜效果將其做成傾斜的,透明度為44%,陰影顏色跟前色相同,達到以下效果

7.2、在加上斜線和文字就完成效果了!

8、接下來就是最重要的步驟了,想學的要耐心看下去哦!利用PS的切片工具將導航中的每一塊按鈕都分別切開,切好效果如下

9、接下來我們就保存它,選擇PS菜單欄上的文件→儲存為Web所用格式(快捷鍵:shift+ctrl+aly+s),在彈出的窗口中,格式選為jpeg品質(zhì)為最高100!

10、單擊下面的“儲存”,在彈出的窗口中,將格式選為“HTML和圖像”然后再保存!

11、保存下來有一個images文件夾,還有一個網(wǎng)頁文件!

12、images文件夾里面就是切開的圖片!

13、我們用記事本工具打開3.html文件(網(wǎng)頁文件)

14、我們可以看到一切代碼,看到這些先別頭疼,其實很簡單的,按照我說的做就可以了!

14.1、先刪除

14.2、后面以后的內(nèi)容也刪除掉,也就是最后的3行代碼!

14.3、剩下的就是我們需要的代碼!

14.4、現(xiàn)在先將images文件夾里的圖片上傳到淘寶的圖片空間里!名字不要改!

14.5、將代碼中紅線標出的本地圖片連接換成剛剛上傳上去的圖片連接!

14.6、換的時候只要對應的名字去換就不會錯了,比如images/3_01.jpg就換成圖片空間里3_01的圖片,全部換好后的效果如下

15、這樣我們PS中要做的事情就全部做好了,接下來就要到自己的店鋪里去裝修了!先打開裝修頁面

16、我們先設置店招,選為“自定義招牌”,然后按下工具欄中的“源碼”按鈕,之后將剛剛我們修改好的代碼全部復制到編輯框內(nèi)!還有將高度設置為“150”!

18、然后在點店鋪編輯,選中“首頁”圖片

19、再按下工具欄中的“插入連接”,輸入你的店鋪地址,按確定!

20、這樣做好之后,首頁按鈕就起作用了,其它分類都是這樣添加就可以了!,找連接的方式很簡單,只要你在原來的店鋪中單擊相應的按鈕,打開頁面后復制那個地址就對了!,比如“寶貝分類”,你單擊一下寶貝分類之后就會進入寶貝分類的頁面,然后復制地址欄里的連接,拿來做超鏈接就可以了!

是不是很簡單,大家只要按照教程自己操作一遍就會了。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站:百度百科知乎淘寶平臺規(guī)則

本文來源: 如何自己制作個性店鋪導航條

分享與收藏:  網(wǎng)商學院搜索  告訴好友  關閉窗口  打印本文 本文關鍵字:
 
更多..資源下載
裝修經(jīng)驗圖文
裝修經(jīng)驗網(wǎng)商學院推薦
裝修經(jīng)驗點擊排行
 
手機版 手機掃描訪問
主站蜘蛛池模板: 免费观看激色视频网站bd| 一级做a爰片久久毛片看看| 欧美巨大精品videos| 你懂的国产高清在线播放视频| 翁止熄痒禁伦短文合集免费视频| 国产在线视频一区二区三区| 草莓在线观看视频| 国内精自视频品线六区免费| www.jizz在线观看| 性色爽爱性色爽爱网站| 久久99九九国产免费看小说| 日韩在线视频免费| 五月天色婷婷丁香| 欧美人欧美人与动人物性行为| 亚洲电影一区二区三区| 特级淫片aaaa**毛片| 办公室啪啪激烈高潮动态图 | 污视频网站免费在线观看| 免费无遮挡无码视频网站| 精品日韩一区二区三区视频| 国产igao为爱做激情| 西西www人体高清视频在线观看| 国产小鲜肉男同志gay| 欧美va天堂va视频va在线| 国产精品三级av及在线观看| 2022国产成人福利精品视频| 国产高清无专砖区2021| 99久久综合精品五月天| 大胸妈妈的朋友| heisiav1| 天天做天天爱天天一爽一毛片| x8x8在线观看| 好吊妞视频一区二区| 一区二区三区杨幂在线观看| 性欧美xxxx| 一级毛片免费播放试看60分钟| 扒开双腿猛进入爽爽免费视频| 中文视频在线观看| 无码一区二区三区中文字幕| 久久99热只有频精品8| 无需付费大片免费在线观看|