discuz自媒体科技新闻社区讨论整站源码带数据

discuz社区群组动态资讯门户站源码 ZUK新媒体互动带手机版 科技资讯论坛门户网站互动营销推广人气站

手机DIY

幻灯片 800 320

<div class="slider_box">
		<div class="tempWrap" >
        
        <ul >
        [loop]
        <li >
<div class="mask"></div>
				<a href="{url}">
					<div class="sPic"><img src="{pic}" width="{picwidth}" height="picheight" zsrc="{pic}" ></div>
					<h3>{title}</h3>
				</a>
			</li>
            [/loop]
            </ul></div>
	</div>

<ul class="sliderNum"><li class="on"></li><li class=""></li><li class=""></li></ul>

置顶 3条

<div class="moto_Stickbox cl">
[loop]
<div class="moto_Stickboxes cl">
        <a href="{url}"><span>置顶</span>{title}</a>
    </div>
    [/loop]
   
    
    
    </div>

新闻或是贴子
264 200
<div class="m_list">
<div class="huxiulist">	
<ul class="ui_list cl" id="itemContainer" pagenum="10">
[loop]
<li>
	<a href="{url}">
        <div class="infos z">
		<div class="cl"><h3>{title}</h3></div>
		<div class="attr cl">
			<div class="fl">
				<span class="au">{author}</span>
			</div>
			<div class="fr">
				<span class="views">{dateline}</span>
			</div>
		</div>
        </div>
        <div class="pic y">
			<img width="{picwidth}" height="{picheight}" src="{pic}" zsrc="{pic}" style="display: inline; visibility: visible;">
		</div>
	</a>
	</li>
    [/loop]
    </ul><div class="more_box"><a id="more" class="addmore">点击加载更多</a></div><style>.ui_list{ width: 100%; max-height: 100%; overflow: visible}</style></div>
</div>





discuz手机论坛DIY 贴子模块
幻灯片 800 320
    <div style="height:157px" class="slider_box2">
		<div class="tempWrap" style="overflow:hidden; position:relative;" >
        
        <ul style="width: 1875px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 0ms; transform: translate(-375px, 0px) translateZ(0px);">
        
        [loop]
        <li style="display: table-cell; vertical-align: top; width: 375px;"><div class="mask"></div>
				<a href="{url}">
					<div class="sPic"><img src="{pic}" width="{picwidth}" height="{picheight}" zsrc="{pic}" ></div>
					<h3>{title}</h3>
				</a>
			</li>
            [/loop]
       </ul></div>
	</div>
<ul class="sliderNum2"><li class=""></li><li class="on"></li><li class=""></li></ul>

三个图片 静态模块
<div class="hot-group">
    <div class="groups-slider-wrapper">
    <div class="bx-wrapper" style="max-width: 490px; margin: 0px auto;">
      <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 79px;">
        <div class="bx-loading" style="display: none;"></div>
        <ul class="groups-slider" style="width: 615%; position: relative; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);">
          <a href="#" style="float: left; list-style: none; position: relative; width: 111.667px; margin-right: 10px;">
          <li>
            <div class="mask"></div>
            <div class="bg" style="background-image:url(template/quater_3_zuk/touch/style/4.jpg)" alt=""> <span class="tag-line"> <img class="icon" src="template/quater_3_zuk/touch/style/forum_4.png" alt=""> <span>精彩直播</span> </span> </div>
          </li>
          </a>
          <a href="#" style="float: left; list-style: none; position: relative; width: 111.667px; margin-right: 10px;">
          <li>
            <div class="mask"></div>
            <div class="bg" style="background-image:url(template/quater_3_zuk/touch/style/3.jpg)" alt=""> <span class="tag-line"> <img class="icon" src="template/quater_3_zuk/touch/style/forum_3.png" alt=""> <span>七嘴八舌</span> </span> </div>
          </li>
          </a>
          <a href="#" style="float: left; list-style: none; position: relative; width: 111.667px; margin-right: 10px;">
          <li>
            <div class="mask"></div>
            <div class="bg" style="background-image:url(template/quater_3_zuk/touch/style/6.jpg)" alt=""> <span class="tag-line"> <img class="icon" src="template/quater_3_zuk/touch/style/forum_6.png" alt=""> <span>提问互答</span> </span> </div>
          </li>
          </a>
        </ul>
      </div>
    </div>
  </div>    </div>