欧美高清在线精品一区,97免费视频观看,国产成人a毛片在线,99视频国产热精品视频

首頁 網(wǎng)店學(xué)院 網(wǎng)店資訊 網(wǎng)店問答 專欄 店鋪裝修 拼多多入駐 蝦皮入駐 推廣返傭
甩手網(wǎng) 問答網(wǎng)店裝修

全屏店招和全屏固定背景代碼怎么樣合到一起去?

全屏店招和全屏固定背景代碼怎么樣合到一起去?

這個(gè)具體是怎么弄的!

求教。

提問者:土豪金Ekjdn 1回答 瀏覽數(shù):4837 懸賞積分:20 提問時(shí)間:2015-06-09 問題狀態(tài):未解決
我來幫他解答

1條回答

智多星吳用

智多星吳用 2015-06-09

具體可以參考內(nèi)容:

1)全屏海報(bào)制作方法:

<div style="height:550px;">

    <div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

        <div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

      <a href="圖片鏈接" target="_blank" style="width:1920px;height:550px;display:block;">

              <img src="圖片地址" border="0" alt="全屏海報(bào)" /></a>

        </div>

    </div>

</div>

 

前提我們把我們的海報(bào)做好之后,上傳到我們自己的圖片空間里面,然后可以復(fù)制海報(bào)圖片的鏈接,放到上面代碼把紅色的圖片鏈接替換掉,然后我們點(diǎn)擊海報(bào)跳轉(zhuǎn)的頁面鏈接把下面紅色的圖片地址替換掉,接下來去裝修后臺(tái),在店招下面部分添加一個(gè)自定義模塊(相信這個(gè)應(yīng)該都會(huì)吧)。

添加之后最上面一排顯示標(biāo)題后面選中“不顯示”,第二排選中那個(gè)兩個(gè)小箭頭的按鈕,下面文本框里面,把我們改動(dòng)之后的代碼復(fù)制粘貼進(jìn)去,然后點(diǎn)擊確定,發(fā)布一下就完成了。圖片根據(jù)自己需要的圖片比例去做好了。

2)全屏輪播制作方法:

有的人感覺全屏海報(bào)還不給力,想要全屏弄幾張圖片,讓圖片輪播,可以多展示幾個(gè)寶貝,其實(shí)這個(gè)代碼也不麻煩,代碼如下:

      <div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">

                <div data-widget-config="{'contentCls': 'taobaoux-com','navCls': 'bbs-taobaoux-com','effect': 'scrollx','easing':

'easeOutStrong','prevBtnCls':'prev1920','nextBtnCls':'next1920','autoplay': true,'viewSize':[1920],'circular': true}" data-widget-type="Carousel" class="J_TWidget">

                    <div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[-500,0],'points':['cc','cc']}}" data-widget-

 

type="Popup" style="display:none;">

                       

                    </div>

          <div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[500,0],'points':['cc','cc']}}" data-widget-type="Popup"

 

style="display:none;">

 

                    </div>

                    <div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">

                        <ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;">

                          <li style="width:1920px;height:550px;padding:0px;margin:0px;">

                            <a target="_blank"  href="圖片一鏈接" style="padding:0px;margin:0px;">

                                <img src="圖片一地址" width="1920px" height="550px" border="0px"></a></li>

                          <li style="width:1920px;height:550px;padding:0px;margin:0px;">

                            <a target="_blank"  href="圖片二鏈接" style="padding:0px;margin:0px;">

                                <img src="圖片二地址" width="1920px" height="550px" border="0px"></a></li>

                          <li style="width:1920px;height:550px;padding:0px;margin:0px;">

                            <a target="_blank"  href="圖片三鏈接" style="padding:0px;margin:0px;">

                                <img src="圖片三地址" width="1920px" height="550px" border="0px"></a></li>

 

                        </ul>

                    </div>

                    <div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">

                        <div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background: url() repeat;top:500px;">

                            <ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;">

                                <li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">

                                    <img src="圖片一地址" width="137px" height="46px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>

                                <li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">

                                    <img src="圖片二地址" width="137px" height="46px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>

                                <li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">

                                    <img src="圖片三地址" width="137px" height="46px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>

 

                            </ul>  

                        </div>   

                    </div> 

        </div>

          </div>

        </div>   

  </div>

    <ul class="ks-switchable-nav" style="display:none;"></ul>

</div>

注意:代碼的任何一個(gè)標(biāo)點(diǎn)不能漏。

代碼使用方法與我們上面說的全屏海報(bào)的方法差不多的,首先高度我就不強(qiáng)調(diào)了,與第一點(diǎn)的一樣,把hight后面的550改成自己的圖片的高度就行,這個(gè)輪播,我用的三張海報(bào)的,把海報(bào)傳到自己的圖片空間,三張海報(bào)地址與海報(bào)對(duì)應(yīng)的跳轉(zhuǎn)鏈接分別按照順序替換代碼中的圖片一地址、圖片一鏈接,圖片二地址、圖片二鏈接,圖片三地址、圖片三鏈接,圖片鏈接就是點(diǎn)擊海報(bào)我們想要跳轉(zhuǎn)的頁面鏈接。這些完成之后保存代碼,同樣在店招導(dǎo)航下面添加自定義模塊,與第一點(diǎn)講的一樣,把改好的代碼復(fù)制粘貼進(jìn)去,確定,發(fā)布,再看吧,成功了。來看看效果吧

3)固定背景如何設(shè)置:

我們?nèi)ヒ恍┐蟮昕吹臅r(shí)候,他們的背景不會(huì)隨著我們的頁面拉動(dòng)而改變,兩邊有著我們不論怎么拉動(dòng)頁面都可以看到的一些促銷文案,二維碼圖片等等,其實(shí)這個(gè)也不難,我們只需要做一張寬1920,高一般700左右的就可以圖片,然后,兩邊均勻加上我們想要加的東西,例如:微淘,二維碼,促銷信息。這點(diǎn)就需要大家用一下ps了,我們加的具體位置呢,是保證我們頁面中間950兩邊,不然會(huì)被中間的模塊遮擋住。圖片做好之后,依然是上傳到圖片空間,代碼如下:

body{background-image:url(圖片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

就這一句,復(fù)制圖片鏈接,替換這句代碼中的圖片地址,然后放在

編輯導(dǎo)航,顯示設(shè)置下面的文本框,代碼放進(jìn)去,確定,然后發(fā)布一下就好了。(圖片中代碼是我自己的,不要照抄)

4)全屏店招制作方法:

其實(shí)這個(gè)就不用代碼了,想要達(dá)到全屏的效果,首先我們得把圖片做成1920*150的,然后存為jpg格式的圖片,然后我們把中間1920*120的店鋪招牌裁剪下來,上傳到圖片空間,放進(jìn)店招里面,

點(diǎn)擊保存,下一步

選擇我們的配色,根據(jù)自己的喜歡,點(diǎn)擊保存,左邊點(diǎn)擊背景設(shè)置:

頁頭背景,下面有個(gè)選擇圖片上傳,就把我們保存在電腦上面的1920*150的圖片上傳(注意,保存圖片的時(shí)候一定注意圖片大小不能超過200kb),然后右邊選項(xiàng):頁頭下邊距10像素,選擇關(guān)閉,背景設(shè)置,選擇不平鋪,背景對(duì)其:選擇居中,頁頭背景,不選擇。


評(píng)論(0) 支持0 反對(duì)0
關(guān)于甩手軟件     |     關(guān)于我們     |     聯(lián)系我們     |     服務(wù)條款     |     隱私協(xié)議     |     用戶權(quán)限     |     站點(diǎn)地圖     |     幫助中心

甩手客戶服務(wù)

  • 甩手問答
  • 在線客服:企業(yè)QQ 800055007
  • 白班咨詢電話(9:00-18:00):
    0755-26470437/26470392
    晚班咨詢電話(18:00-22:00):
    18926581976/18926585976
  • 客服上班時(shí)間:
    周一至周五9:00--22:00,周末9:00--17:00
    (除法定節(jié)日以外,其他不在線時(shí)間請(qǐng)留言,
    我們看到后會(huì)第一時(shí)間回復(fù)您!)
  • 甩手網(wǎng)投訴電話:0755-26470437/26470392轉(zhuǎn)621

關(guān)注公眾號(hào)

Copyright ©2010-2020 深圳市華通易點(diǎn)信息技術(shù)有限公司 - 甩手網(wǎng) All Rights Reserved.[粵ICP備12028137號(hào)]

粵公網(wǎng)安備 44030502000916號(hào)

關(guān)閉
在線客服
投訴建議