有的店鋪一進(jìn)去就給人震撼的感覺(jué),有的華麗,有的奢華,有的內(nèi)涵,有的高端。你是否見過(guò)一種整個(gè)電腦屏幕都是圖片,很是吸引目光,科瑞網(wǎng)絡(luò)制作淘寶旺鋪?zhàn)鋈恋牡暾杏泻芏喾椒?,下面就講解一個(gè)基礎(chǔ)版的做全屏店招方法。 登陸淘寶賣家中心 - 裝
我想很多個(gè)人店長(zhǎng)或想要開店的人都很喜歡在網(wǎng)上找一些免費(fèi)的淘寶店鋪裝修教程來(lái)學(xué)習(xí),也有很多的免費(fèi)或收費(fèi)的裝修模板,可是找來(lái)找去很多都找不到自己想要的效果?,F(xiàn)在做淘寶的都知道很難做,賺不到什么錢,各種刷信譽(yù)的,可生意還是沒(méi)什么效果。好不容易信譽(yù)刷上去了,可是一鉆以上店鋪基礎(chǔ)版要進(jìn)行升級(jí)專業(yè)版(50元/月)才能使用全屏模塊裝修。那么為了減少不必要的花費(fèi),我下面就給大家介紹一種用淘寶店鋪裝修代碼的方式來(lái)用基礎(chǔ)版免費(fèi)裝修出全屏效果,關(guān)鍵是永久免費(fèi)的。
方法
打開淘寶網(wǎng)首頁(yè),登陸賬號(hào)進(jìn)入賣家中心,點(diǎn)擊左側(cè)的店鋪裝修進(jìn)入店鋪裝修中心。
先做一個(gè)950*120的店招圖,加鏈接的加鏈接正常放在店招那個(gè)區(qū)域。然后再做一個(gè)1920*150的圖(950*120的原基礎(chǔ)上做的,因?yàn)槭钳B層關(guān)系),重點(diǎn)來(lái)了:導(dǎo)航欄是店招下面(所有寶貝、首頁(yè)那一欄)右邊有個(gè)編輯,點(diǎn) “顯示設(shè)置”里嵌入以下代碼就實(shí)現(xiàn)淘
首先我們來(lái)看一下我這個(gè)示范的店鋪是一個(gè)2鉆的基礎(chǔ)版本,仔細(xì)看大家會(huì)看到全屏效果。是不是覺(jué)得很神奇啊,其實(shí)很簡(jiǎn)單的。
導(dǎo)航欄中,加入自定義CSS代碼,代碼如下: body{background:url(背景圖片地址) no-repeat fixed top center;}后面的對(duì)齊方式,自行修改即可。 當(dāng)前是,頂部 居中對(duì)齊。
下面進(jìn)入裝修步驟:大家看圖中的紅色箭頭可以看出,店鋪已經(jīng)被我刪掉了,只剩下導(dǎo)航欄(系統(tǒng)默認(rèn)不能刪除),這樣制作店鋪招牌會(huì)很簡(jiǎn)單。再也不用那些復(fù)雜的代碼去套用,很麻煩。(我要教大家的是一種直接用全屏海報(bào)的方式制作店招,這樣就簡(jiǎn)單很多了。)
這個(gè)嘗試下看看:導(dǎo)航欄中,加入自定義CSS代碼,代碼如下: body{background:url(背景圖片地址) no-repeat fixed top center;} 后面的對(duì)齊方式,自行修改即可。 當(dāng)前是,頂部 居中對(duì)齊。
我就以這張圖片為例來(lái)給大家講解,圖1是制作完成的一個(gè)全屏效果圖。詳細(xì)過(guò)程看下面操作:
有賣點(diǎn)的寶物,才能給買家眼前一亮的感受。商品本身要有自個(gè)的定位,目標(biāo)客戶要明確,賣點(diǎn)結(jié)合推行圖,更能捉住買家的眼球!
第一步我們先添加一個(gè)自定義的模塊,按住鼠標(biāo)左鍵不放把自定義模塊拖到右邊我們放置海報(bào)的位置。
基礎(chǔ)版店招本身是不支持全屏的,只能中間950,如果要實(shí)現(xiàn)只能通過(guò)第三方軟件實(shí)現(xiàn)了。我用的是瘋狂的美工軟件可以實(shí)現(xiàn)
第二步得把我們用到的海報(bào)圖片素材上傳到淘寶后臺(tái)的圖片空間去,復(fù)制圖片代碼(這里用代碼演示,也可以復(fù)制圖片鏈接的)。
你好,現(xiàn)在不需要代碼都可以裝修,百度搜索誓言裝修助手、碼工助手、都是免費(fèi)的,這個(gè)比自己輸入代碼方便,你可以去試試,望采納謝謝
把復(fù)制到的圖片代碼粘貼到自定義模塊里。點(diǎn)擊模塊的編輯,再點(diǎn)擊一下左上角的雙向小圖標(biāo)轉(zhuǎn)換到代碼模式,把復(fù)制到的圖片代碼粘貼進(jìn)去,點(diǎn)擊確定。
1、做一張寬1920px的海報(bào),并且在海報(bào)的上面加高為150px的空白畫布,注意整個(gè)圖的大小不能超過(guò)200k 2、打開店鋪裝修-----樣式管理-----背景設(shè)置-----頁(yè)面設(shè)置 3、按照上圖步驟:選擇要設(shè)置的頁(yè)面為首頁(yè) 上傳頁(yè)面背景圖(也就是第一步做好的全屏
點(diǎn)擊確定之后出來(lái)的效果是這樣的,兩頭是空白的,并不能全屏展示。這是因?yàn)樘詫毜?,上?鉆只能用750的尺寸,不能直接展示全屏效果。
如果這不是店鋪首頁(yè)的全屏輪播,實(shí)現(xiàn)這種全屏圖片很容易。這估計(jì)是在店招和導(dǎo)航欄之下的全屏圖片。 你先準(zhǔn)備一張1920px寬度,高度自定義的圖片,假設(shè)高度是600px吧。 進(jìn)入店鋪裝修后臺(tái),打開樣式編輯,再打開頁(yè)面背景,然后把這張圖片作為頁(yè)面背
這種情況怎么辦呢?其實(shí)很簡(jiǎn)單,請(qǐng)看我操作:和剛才一樣先復(fù)制你上傳到圖片空間的圖片代碼(是代碼不是圖片鏈接哦,看清楚),然后粘貼到第二張圖的代碼區(qū)。(注意:你是淘寶的就選淘寶,是天貓的就選天貓店鋪。你的圖片是什么尺寸的就填寫什么尺寸,填錯(cuò)就會(huì)打不到效果。還有要不要“去掉間隙高度”自己選擇。)
您好。這個(gè)問(wèn)題有兩種解決方案。一是裝修后臺(tái)就有這樣的開關(guān)來(lái)設(shè)置是否保留這10個(gè)像素的間隙。點(diǎn)擊裝修(紅色的字)——背景設(shè)置(左側(cè))——頁(yè)頭背景(右側(cè)):——頁(yè)頭下邊距10像素:關(guān)閉。OK。 第二種方法比較笨拙,不推薦。但基礎(chǔ)版的可以推薦使用
接著確定信息填寫沒(méi)錯(cuò)就點(diǎn)擊“生成代碼”,復(fù)制代碼。
店招的全屏,基礎(chǔ)本不是用全屏代碼能做的,而且基礎(chǔ)版的全屏海報(bào)如果用原有的全屏?xí)霈F(xiàn)偏差,需要調(diào)整左右間距,不懂我可以幫你的
最后一步把代碼粘貼到海報(bào)模塊中,點(diǎn)擊確定。全屏效果就出來(lái)了:記得要去發(fā)布哦!在這里就大功告成了,你想裝修成什么樣子都可以,都可以做出全屏的效果出來(lái)。是不是很神奇啊,哈哈~
設(shè)不了的,只有專業(yè)版才有全屏功能,鉆級(jí)一下可以免費(fèi)使用專業(yè)版,鉆級(jí)以上50元一個(gè)月。
擴(kuò)展閱讀,以下內(nèi)容您可能還感興趣。
2018年淘寶基礎(chǔ)版店鋪怎么做全屏的店招背景呀
有賣點(diǎn)的寶物,才能給買家眼前一亮的感受。商品本身要有自個(gè)的定位,目標(biāo)客戶要明確,賣點(diǎn)結(jié)合推行圖,更能捉住買家的眼球!
淘寶旺鋪基礎(chǔ)版,店招全屏怎么做
CSS導(dǎo)航代碼來(lái):自div.skin-box-bd{position:relative;top:-150px;left:-485px;width:1920px;height:30px;padding-top:150px;line-height:150px;background:#41040B url(//gdp.alicdn.com/imgextra/i2/2059632686/O1CN01zFYOfh1ViEPZ9wdTh_!百!2059632686.jpg) no-repeat top;padding-left:500px;}
換圖片度地址
求淘寶基礎(chǔ)版店鋪全屏背景代碼?。?/p>
你好,現(xiàn)在不需要代碼都可以裝修,百度搜索誓言裝修助手、碼工助手、都是免費(fèi)的,這個(gè)比自己輸入代碼方便,你可以去試試,望采納謝謝
淘寶基礎(chǔ)版怎么實(shí)現(xiàn)店招全屏效果
1、做一張寬1920px的海報(bào),并且在海報(bào)的上面加高為百150px的空白畫布,注意整個(gè)圖的大小不能超過(guò)200k
2、打開店鋪裝修-----樣式管理-----背景設(shè)置度-----頁(yè)面設(shè)置
3、按照上圖步驟:選擇要設(shè)置的頁(yè)面為首頁(yè)
上傳頁(yè)面背景圖(也就是第一步做好知的全屏海報(bào)圖)
選擇不平鋪、居中
按確定
希望可以幫到你
刻——意一筷 兒 角 ——?jiǎng)?下
叁-玖 _貳
六-二 _九
齊_齊 -無(wú)
寇道本回答被提問(wèn)者采納
淘寶店鋪如何制作全屏寶貝圖
如果這不是店鋪首頁(yè)的全屏輪播,實(shí)現(xiàn)這種全屏圖片很容易百。這估計(jì)是在店招和導(dǎo)航欄之下的全屏圖片。
你先準(zhǔn)備一張度1920px寬度,高度自定義的圖片,假設(shè)高度是600px吧。
進(jìn)入店鋪裝修后臺(tái),打開樣式編輯,再打開頁(yè)面背景,然后把這張圖片作為頁(yè)面背景上傳;問(wèn)
這樣你的導(dǎo)航欄下的這張全屏圖片就已存在。但是導(dǎo)航欄下的第一個(gè)自定答義模塊中的內(nèi)容會(huì)遮擋這個(gè)背景。
你打開第一個(gè)自定義模塊的代碼編輯器,輸入<table width="950" height="600" >保存即可。這個(gè)意思是在第一欄自定義模塊中生成一個(gè)透明的圖框。
好了,專最簡(jiǎn)易的全屏圖片完成。如果你想把頁(yè)頭背景、導(dǎo)航欄和頁(yè)面背景全部做成一體,那可能需要進(jìn)行屬切圖。
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com