以前我寫(xiě)過(guò)一個(gè)帖子,全新方法制作全屏海報(bào)……很多淘友看過(guò)之后都問(wèn)店招怎么做全屏呀,想把店招弄成全屏的,才950的不好看。我都回答他們做不了,有時(shí)候就煩了,自己就去找找到底有沒(méi)有辦法基礎(chǔ)版做全屏店招,沒(méi)想到還真找到了一些方法。
先來(lái)說(shuō)說(shuō)我以前用的方法,就是有些淘友看見(jiàn)我的是全屏的,所以就在說(shuō),“你的不是全屏的嗎?你告訴我吧?”其實(shí)這個(gè)很簡(jiǎn)單。第一選擇樣式管理
然后就選顏色了,5種顏色,喜歡哪種就要哪種,各人來(lái)說(shuō)黑白色的不錯(cuò),天藍(lán),粉紅,喜歡的人也不少,鵝黃很少有人喜歡,看個(gè)人吧,蘿卜白菜個(gè)有所愛(ài)。

然后到背景設(shè)置,是否顯示背景圖片,這個(gè)一定要打勾,不過(guò)一般默認(rèn)都是打上勾的了,不是要自己去看看,最后保存就好了。

店鋪的設(shè)置到這里基本就算完成了,接下來(lái)是做一個(gè)店招圖,那就要用到Photoshop軟件了。如果你選擇的是黑白配色,那就新建一個(gè)灰色的背景色,和店招的這個(gè)顏色一樣

如果選的別的顏色,天藍(lán)呀,那就要天藍(lán)的那個(gè)背景,大家應(yīng)該都懂的吧,舉一反三。寬度要是950,高120的。


這樣背景色就會(huì)和你想要的顏色一樣了,不會(huì)有一點(diǎn)誤差,這樣就可以新建圖片了

新建出來(lái)的圖片自己可以寫(xiě)什么就寫(xiě)什么,可以是促銷(xiāo)文字呀,店鋪名呀,寫(xiě)好看一些就可以了,店鋪裝修系統(tǒng)自帶的只是店鋪名字,不好看的。
這樣做出來(lái)的店招就是全屏的,詳情頁(yè)也可以顯示這樣的全屏。但這樣做的有一個(gè)缺點(diǎn),就是圖片顏色太少了,只有5種顏色,有些人喜歡全白的顏色,有些又喜歡酒紅的顏色,這個(gè)都是沒(méi)有辦法做到的。能做到店招是酒紅的,但只是950的,背景又不是酒紅的了。但又有著優(yōu)點(diǎn),就是連詳情頁(yè)都可以是全屏的店招。如果對(duì)顏色要求不是很高的淘友,這個(gè)方法可以試試。
第二種方法是我在一個(gè)裝修網(wǎng)站找到的,這個(gè)網(wǎng)站里有一個(gè)教程視頻,說(shuō)得很清楚的。如果誰(shuí)想要這個(gè)網(wǎng)站地址的,旺旺聯(lián)系我,或者在帖子留言就可以,我發(fā)給大家。在這里就不放上來(lái)了,以及有做廣告的嫌疑。但我不建議要這個(gè)方法,這個(gè)方法要把店招整個(gè)刪除掉,另外新建一個(gè)自定義模塊,很是麻煩,所以不推薦給大家
第三種方法也是最后一個(gè)方法。這個(gè)方法可以修改第一種方法的缺點(diǎn),可以用很多的圖片顏色可以用很多。但這個(gè)圖片顏色建議用純色的,比如說(shuō)純白色呀,上面說(shuō)的酒紅呀,等等其他的顏色。不建議用圖片的方式,因?yàn)榘盐詹缓玫脑?huà)圖片有可能會(huì)不好看。方法也很簡(jiǎn)單,就是插入一段代碼而已。在這之前要先做一張圖片,圖片的像素是1920*150的。導(dǎo)航條要做30px,就是說(shuō)150高的px里,要有30px來(lái)做導(dǎo)航條的顏色。至于怎么做圖那就看自己的了,喜歡什么顏色就弄成什么顏色。做好后上傳到圖片空間,復(fù)制圖片的地址,替換掉下面的圖片地址。.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;}
然后復(fù)制這一整段代碼,如果在網(wǎng)頁(yè)上不好操作這些步驟,可以在電腦txt文檔中操作。復(fù)制好后放入到CSS選擇器中。這個(gè)選擇器在哪里呢,鼠標(biāo)指向自己的店鋪導(dǎo)航,會(huì)有一個(gè)陰影覆蓋住導(dǎo)航

點(diǎn)編輯就出來(lái)了

確定就可以了,這樣就看一下效果,會(huì)發(fā)現(xiàn)和做的圖片是一樣的。
這樣就是店招全屏的背景了,接下來(lái)就和普通做店招那樣插入950px寬的圖片了,這個(gè)就不說(shuō)了,相信大家都懂這個(gè)的。第一步那里也有說(shuō)了。
做好這里之后大家會(huì)說(shuō),哎,不對(duì)呀,為什么店招就是導(dǎo)航部分950px的那里的導(dǎo)航條顏色還是沒(méi)有變呀,這個(gè)需要CSS代碼生成器這個(gè)網(wǎng)站來(lái)做了,里面也有詳細(xì)的步驟,這里就不說(shuō)了。
好了,做基礎(chǔ)版店鋪?zhàn)鋈恋暾芯驼f(shuō)到這了,如果大家還發(fā)現(xiàn)其他的方法,也請(qǐng)分享上來(lái)給大家,讓我們的基礎(chǔ)版的店鋪都高大上起來(lái)吧。
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠(chǎng)商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源: 新手必學(xué)基礎(chǔ)版店鋪?zhàn)鋈恋暾?/a>