酷知百科網

位置:首頁 > 遊戲數碼 > 互聯網

淘寶全屏店招和導航條怎麼設定

互聯網1.09W

看到別人店鋪那種高大上的全屏店招和自訂導航是不是很羨慕?可是自己還不會做?怎麼辦?今天就教大家怎麼設定淘寶全屏店招和導航條。

操作方法

(01)開啟PS新建一個1920像素*150像素的檔案。

淘寶全屏店招和導航條怎麼設定

(02)把你做好的店招先存成JPG格式,先不去管它,然後再把源檔案裁剪成990像素*150像素大小。

淘寶全屏店招和導航條怎麼設定 第2張

(03)這是裁剪之後的大小,然後儲存。

淘寶全屏店招和導航條怎麼設定 第3張

(04)開啟店鋪後臺→圖片空間→圖片上傳。把你裁剪之後的那個店招上傳到圖片空間(990*150的,)然後複製這個圖片代碼,而不是連結。複製好之後,這裏就需要你有另外一個軟件了,就是Dreamweaver,簡稱DW。這個軟件是給你店招自訂導航加連接的。新建一個HTML。

淘寶全屏店招和導航條怎麼設定 第4張

(05)把剛纔複製的圖片代碼粘貼到最上邊空白處,然後點擊下邊的空白處。

淘寶全屏店招和導航條怎麼設定 第5張

(06)找到軟件最下邊,屬性欄裏的一個長方形圖標,然後在圖片上按住鼠標不放慢慢拉動,就會出現一個半透明的東西,這個叫做熱點。

淘寶全屏店招和導航條怎麼設定 第6張

(07)弄好熱點之後,就可以加連結了,第一個是首頁,所以就去店鋪首頁複製連結,粘貼在軟件最下邊的連結欄裏,連結欄裏的“#”不要。“連結"下邊的"目標"選項的第一個是新視窗開啟。

淘寶全屏店招和導航條怎麼設定 第7張
淘寶全屏店招和導航條怎麼設定 第8張

(08)連結全部弄好後,回到後臺,開啟店鋪裝修,然後編輯店招,選擇自訂招牌,下邊的高度設定150PX。

淘寶全屏店招和導航條怎麼設定 第9張

(09)設定好之後,複製DW裏做好的代碼。

淘寶全屏店招和導航條怎麼設定 第10張

(10)複製好代碼回到店鋪裝修,點一下店招裏的"< >"這個符號,把代碼粘貼進去。

淘寶全屏店招和導航條怎麼設定 第11張

(11)點擊裝修→樣式管理→背景設定→上傳圖片即可。

淘寶全屏店招和導航條怎麼設定 第12張