淘寶店鋪裝修代碼怎么弄?全屏輪換怎么制作?
2022-06-02 | 10:09 | 發(fā)布在分類 / 引流推廣 | 閱讀:222
2022-06-02 | 10:09 | 發(fā)布在分類 / 引流推廣 | 閱讀:222
淘寶店鋪必須要搞裝修,就像我們在線下租店面開店一樣,首先要做的就是裝修。很多商家一般都是代碼裝修,這樣更好控制頁面的風格,一起來看看怎么弄代碼裝修吧。
1. 先上全屏輪換的效果圖
阿里店鋪裝修全屏廣告輪換效果圖
(由于畫面問題,縮放顯示了,正常寬度是 1920px或100%)
2.淘寶店鋪裝修中全屏輪換特效的html代碼
阿里店鋪裝修全屏廣告輪換html代碼
全屏廣告輪換html代碼解釋:① 屬性的設置,這里nav(觸發(fā)切換的標簽)不使用默認,對應的是.lht_nav里面的li元素,切換的面板設置為.lht_pane,上下頁按鈕設置如圖,觸發(fā)動作設置成點擊觸發(fā)。
② li的觸發(fā)標簽個數(shù)與lht_pane面板的數(shù)量必須要一致。
3. 店鋪裝修中全屏輪換特效的CSS代碼
阿里店鋪裝修全屏廣告輪換css代碼
全屏廣告特效css部分說明:
① 這里涉及到一個css小技巧分享,對觸發(fā)標簽容器.lht設置文本居中,然后子元素設置為display:inline-block; (內聯(lián)塊狀的意思,區(qū)別于float:left),這樣里面的小模塊就會在容器.lht里面居中了,這樣能確保觸發(fā)切換的按鈕能一直畫面中間。
② 此處只是外部的箭頭圖片路徑地址。
③ .disabled類是當上下頁失效(第一頁和最后一頁時)的特定類,小耐這里設置成不顯示,也可以考慮設置成透明。
其實,代碼裝修淘寶店鋪還是很簡單的,就這么幾個步驟,就像套模板一樣的套進去就行,且這樣裝修出來,店鋪風格更加獨特,不會那么呆板。不會的朋友趕緊學起來吧。
這個問題還有疑問的話,可以加幕.思.城火星老師免費咨詢,微.信號是為: msc496。
推薦閱讀:
淘寶店阿里創(chuàng)作中心發(fā)布的微淘,為什么在手機端沒有顯示?
更多資訊請關注幕 思 城。
微信掃碼回復「666」
別默默看了 登錄 \ 注冊 一起參與討論!