男的舔女的下面视频在线播放-少妇愉情理仑片高潮日本-久久久久久国产一区二区三区-麻豆精品一区二区综合-国产精品超碰在线观看-网红极品女神精品视频在线-国产亚洲综合777-高清性视频一区二区播放-中文字幕第一页亚洲天堂

Discuz! 官方交流社區(qū)

標(biāo)題: Discuz 設(shè)置主頁全幅廣告 [打印本頁]

作者: growlaha    時間: 2019-10-30 10:16
標(biāo)題: Discuz 設(shè)置主頁全幅廣告
各位大佬們,我想在主頁展示這種平鋪開的廣告。嘗試了DIY的圖片板塊,結(jié)果尺寸老是不能自適應(yīng)屏幕。請問大佬們,如何才能在首頁展示這種展開的廣告呢?感激不盡!!!
(, 下載次數(shù): 72)



作者: 鴻茂傳媒    時間: 2019-10-30 10:34
展開來的廣告一般是由html+css+js做的,也可以用插件來實現(xiàn)。
作者: artery    時間: 2019-10-30 10:48
DIY時,圖片代碼里加一個尺寸就可以的:
<img style="width: 100%; height: auto;" src="..................."
作者: growlaha    時間: 2019-10-30 11:36
artery 發(fā)表于 2019-10-30 10:48
DIY時,圖片代碼里加一個尺寸就可以的:

非常感謝你的回復(fù)!!!
我是選擇的DIY的圖片板塊,以下是我跟據(jù)你的建議改的代碼。好像還是不行,大佬能幫我看看為什么嘛?

<div class="module cl ml">
<ul>
[loop]
<li style="width: {picwidth}px;">
        <a href="{url}"{target}><img style="width: 100%; height: auto;" src="{pic}"  alt="{title}" /></a>
        <p><a href="{url}" title="{title}"{target}>{title}</a></p>
</li>
作者: growlaha    時間: 2019-10-30 11:37
鴻茂傳媒 發(fā)表于 2019-10-30 10:34
展開來的廣告一般是由html+css+js做的,也可以用插件來實現(xiàn)。

感謝大佬的回復(fù)!能否給一個相關(guān)鏈接呢?感激不盡!
作者: czwhehehe    時間: 2019-10-30 14:42
本帖最后由 czwhehehe 于 2019-10-30 14:44 編輯

圖片自適應(yīng)參考:
  1. <div class="module cl slidebox">
  2. <ul class="slideshow">
  3. [loop]
  4. <li style="width: {auto}px; height: {picheight}px;"><a href="{url}"{target}><img src="{pic}" width="100%" height="100%" /></a><span class="title">{title}</span></li>
  5. [/loop]
  6. </ul>
  7. </div>
  8. <script type="text/javascript">
  9. runslideshow();
  10. </script>
復(fù)制代碼



作者: zpy    時間: 2019-10-30 14:58
growlaha 發(fā)表于 2019-10-30 11:36
非常感謝你的回復(fù)!!!
我是選擇的DIY的圖片板塊,以下是我跟據(jù)你的建議改的代碼。好像還是不行,大佬能 ...

你這個 外面的li標(biāo)簽寬度也要100%吧
作者: artery    時間: 2019-10-30 15:31
你自己目前這個就不全,會亂套的,這樣改一下試試:
  1. <div style="clear: both;display: block;margin: 0 auto">
  2. [loop]
  3.         <a href="{url}"{target}><img style="width: 100%; height: auto;" src="{pic}"  alt="{title}" /></a>
  4. [/loop]
  5. </div>
復(fù)制代碼

作者: growlaha    時間: 2019-10-30 20:18
artery 發(fā)表于 2019-10-30 15:31
你自己目前這個就不全,會亂套的,這樣改一下試試:

非常感謝!您這個代碼就是我想要的效果!!!感激不盡!
作者: growlaha    時間: 2019-10-30 20:18
czwhehehe 發(fā)表于 2019-10-30 14:42
圖片自適應(yīng)參考:

感謝!!!
作者: citywar    時間: 2019-10-30 21:13
DIY的時候

紅框  藍(lán)框 點那個屬性 樣式 邊距什么的全設(shè)置0
模塊直接圖片  寬度 100%




歡迎光臨 Discuz! 官方交流社區(qū) (http://m.sdtechgong.com.cn/) Powered by Discuz! X5.0