以前我寫過一個帖子,全新方法制作全屏海報……很多淘友看過之后都問店招怎么做全屏呀,想把店招弄成全屏的,才950的不好看。我都回答他們做不了,有時候就煩了,自己就去找找到底有沒有辦法基礎版做全屏店招,沒想到還真找到了一些方法。
先來說說我以前用的方法,就是有些淘友看見我的是全屏的,所以就在說,“你的不是全屏的嗎?你告訴我吧?”其實這個很簡單。第一選擇樣式管理![](http://m.gooddi.cn/file/upload/201410/07/11-22-15-40-1.jpg)
然后就選顏色了,5種顏色,喜歡哪種就要哪種,各人來說黑白色的不錯,天藍,粉紅,喜歡的人也不少,鵝黃很少有人喜歡,看個人吧,蘿卜白菜個有所愛。
![](http://m.gooddi.cn/file/upload/201410/07/11-22-15-99-1.jpg)
然后到背景設置,是否顯示背景圖片,這個一定要打勾,不過一般默認都是打上勾的了,不是要自己去看看,最后保存就好了。
![](http://m.gooddi.cn/file/upload/201410/07/11-22-15-77-1.jpg)
店鋪的設置到這里基本就算完成了,接下來是做一個店招圖,那就要用到Photoshop軟件了。如果你選擇的是黑白配色,那就新建一個灰色的背景色,和店招的這個顏色一樣
![](http://m.gooddi.cn/file/upload/201410/07/11-22-15-51-1.jpg)
如果選的別的顏色,天藍呀,那就要天藍的那個背景,大家應該都懂的吧,舉一反三。寬度要是950,高120的。
![](http://m.gooddi.cn/file/upload/201410/07/11-22-15-90-1.jpg)
![](http://m.gooddi.cn/file/upload/201410/07/11-22-15-82-1.jpg)
這樣背景色就會和你想要的顏色一樣了,不會有一點誤差,這樣就可以新建圖片了
![](http://m.gooddi.cn/file/upload/201410/07/11-22-15-51-1.jpg)
新建出來的圖片自己可以寫什么就寫什么,可以是促銷文字呀,店鋪名呀,寫好看一些就可以了,店鋪裝修系統自帶的只是店鋪名字,不好看的。
這樣做出來的店招就是全屏的,詳情頁也可以顯示這樣的全屏。但這樣做的有一個缺點,就是圖片顏色太少了,只有5種顏色,有些人喜歡全白的顏色,有些又喜歡酒紅的顏色,這個都是沒有辦法做到的。能做到店招是酒紅的,但只是950的,背景又不是酒紅的了。但又有著優點,就是連詳情頁都可以是全屏的店招。如果對顏色要求不是很高的淘友,這個方法可以試試。
第二種方法是我在一個裝修網站找到的,這個網站里有一個教程視頻,說得很清楚的。如果誰想要這個網站地址的,旺旺聯系我,或者在帖子留言就可以,我發給大家。在這里就不放上來了,以及有做廣告的嫌疑。但我不建議要這個方法,這個方法要把店招整個刪除掉,另外新建一個自定義模塊,很是麻煩,所以不推薦給大家
第三種方法也是最后一個方法。這個方法可以修改第一種方法的缺點,可以用很多的圖片顏色可以用很多。但這個圖片顏色建議用純色的,比如說純白色呀,上面說的酒紅呀,等等其他的顏色。不建議用圖片的方式,因為把握不好的話圖片有可能會不好看。方法也很簡單,就是插入一段代碼而已。在這之前要先做一張圖片,圖片的像素是1920*150的。導航條要做30px,就是說150高的px里,要有30px來做導航條的顏色。至于怎么做圖那就看自己的了,喜歡什么顏色就弄成什么顏色。做好后上傳到圖片空間,復制圖片的地址,替換掉下面的圖片地址。.skin-box-bd{background:#1d1d1d;}.skin-box-bd .menu-list{background:#1d1d1d;}.skin-box-bd .menu-list .menu{background:#1d1d1d;border:none;}.skin-box-bd .menu-list .menu .link{background:#1d1d1d;border:none;border-right:1px solid #1d1d1d;}.all-cats .link{background:#1d1d1d;border:none;}body{background-image:url(http://img03.baocdn.com/imgextra/i3/702407314/T2XgLyXwRaXXXXXXXX-702407314.jpg);background-repeat:repeat-x;background-position:top center;background-attachment:scroll;background-position:center 114px;background-color:#ffffff;}
然后復制這一整段代碼,如果在網頁上不好操作這些步驟,可以在電腦txt文檔中操作。復制好后放入到CSS選擇器中。這個選擇器在哪里呢,鼠標指向自己的店鋪導航,會有一個陰影覆蓋住導航
![](http://m.gooddi.cn/file/upload/201410/07/11-22-15-59-1.jpg)
點編輯就出來了
![](http://m.gooddi.cn/file/upload/201410/07/11-22-15-31-1.jpg)
確定就可以了,這樣就看一下效果,會發現和做的圖片是一樣的。
這樣就是店招全屏的背景了,接下來就和普通做店招那樣插入950px寬的圖片了,這個就不說了,相信大家都懂這個的。第一步那里也有說了。
做好這里之后大家會說,哎,不對呀,為什么店招就是導航部分950px的那里的導航條顏色還是沒有變呀,這個需要CSS代碼生成器這個網站來做了,里面也有詳細的步驟,這里就不說了。
好了,做基礎版店鋪做全屏店招就說到這了,如果大家還發現其他的方法,也請分享上來給大家,讓我們的基礎版的店鋪都高大上起來吧。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 新手必學基礎版店鋪做全屏店招