2015淘寶網怎麼裝修與全屏海報裝修?

這裡有一份C店的裝修教程與全屏海報的代碼分享

工具/原料

淘寶

Adobe Dreamweaver CS6

方法/步驟

首先我們要先進入賣家中心,這邊是從首頁進入的

2015淘寶網怎麼裝修與全屏海報裝修

然後找到店鋪裝修按鈕,點擊進去

2015淘寶網怎麼裝修與全屏海報裝修

你會看到這麼一個版面,點擊裡面的自定義按鈕

2015淘寶網怎麼裝修與全屏海報裝修

將自定義按鈕直接拖拉到右邊的界面,在這裡就會出現一個編輯框了

2015淘寶網怎麼裝修與全屏海報裝修

如果是是代碼裝修的話,要點擊這個按鈕哦,這樣就可以進入源碼編輯的裝修狀態了

2015淘寶網怎麼裝修與全屏海報裝修

接著就是製作圖片了,這邊先把要使用的兩個軟件先說下一個是DW,一個是PS

2015淘寶網怎麼裝修與全屏海報裝修

至於你們所製作的圖片肯定是會自己做的咯,我這邊是網上隨意找的一張圖片,讓它的寬度在1920像素上,這是網頁全屏常用的寬度

2015淘寶網怎麼裝修與全屏海報裝修

然後我們將它上傳到我們的圖片空間之中,點擊店鋪裝修下面的圖片空間

2015淘寶網怎麼裝修與全屏海報裝修

進入圖片空間,點擊上傳就好了

2015淘寶網怎麼裝修與全屏海報裝修

方法/步驟2

接著我們就需要對裝修的代碼上做修改了,在裝修上想突破950PX的話,那我們就需要position這個屬性中的absolute,在這裡我們經過一段時間的實驗之後,唯一能夠使用的就只有下面這個CSS符合我們的需要

2015淘寶網怎麼裝修與全屏海報裝修

接著我們就進入DW的界面,在裡面編輯以下的代碼第三步的代碼

2015淘寶網怎麼裝修與全屏海報裝修

然後在裡面選擇添加圖像,在自己電腦上將之前做好的圖片放進去

2015淘寶網怎麼裝修與全屏海報裝修

接著就是進入店鋪的圖片空間中點擊已經上傳好的圖片的鏈接按鈕,直接複製它的圖片鏈接

2015淘寶網怎麼裝修與全屏海報裝修

將鏈接與DW中的圖片代碼進行替換,如果是電腦上的圖片鏈接的話,上傳到網上是顯示不出來的

2015淘寶網怎麼裝修與全屏海報裝修

2015淘寶網怎麼裝修與全屏海報裝修

在下面的這個位置,你可以添加一個鏈接,好推廣自己的產品,讓圖片與產品鏈接相關聯

2015淘寶網怎麼裝修與全屏海報裝修

然後就是將這段代碼複製到裝修的自定義框框中,點擊確定

2015淘寶網怎麼裝修與全屏海報裝修

發佈後,就能夠看到你做出來的效果了,在圖片上面會有一個白條,看上去會顯的不雅觀,那就按照第10步去除它吧

2015淘寶網怎麼裝修與全屏海報裝修

點擊這個按鈕,將那10像素關掉,你再看看是不是好很多了

2015淘寶網怎麼裝修與全屏海報裝修

相關問題答案