首页四格图片切换 首页焦点图片，焦点文字 效果 模板免费提供下载

1.将  static  template   ad  三个文件夹传到网站（论坛）的根目录
2.然后，在论坛首页，点DIY 高级，，导入 portal.XML 模板文件就可以了(注意如果有其它模板的冲突的话请自己先删除再添加)。
3.更新缓存   

很简单就完了，，动态调用。。。

焦点图片设置为你的网站的热门图片，把图片热度修改为2或3就可以了，也支持推送。
             焦点贴子为你网站的版块的精华贴和置顶贴，可以自己修改，全都是动态的。
在其它DX2.0网站上测试成功，现在简单化了，就像绿色插件了。
为了安装这个焦点，我在DZ上几乎找遍了所有的贴子都没有真正支持DX2。0版本，要不容易找到了一个DX1.5的，可是在DX2.0上根本用不了，，我心情郁闷呀，所以东研究西研究，，慢慢的测试，一步一步的，终于成功了。
辛苦了一天二晚，终于成功了。

演示地址：http://www.zto168.com/forum.php
效果查看：
下载地址，再次送出。 dx2.0焦点.rar (40.27 KB, 下载次数: 41)
前天 23:48 上传
下载次数: 41



程序完全可以的，如果你安装了没 显示图片或文字请看说明，，调用的什么内容。
大家顶贴我就送。。。。。。

还有不明白的加QQ：6237711

为了让大家更明白一点，也让很多站长，不影响到本站的程序，，本人将所学努力分解一下，，如有错误请大家指正，更希望大家顶贴。。


此模板，，文件中，，，，，AD 目标下，就是一个广告图片，大家懂得
                            static 目录下，iamges  下为一个动态图片，，不用讲了
                                                   JS下的  ifocus.js  为效果程序文件，不用改，不影响DX2。0
                   下面   template  目录下的两个文件    common   common.css   文件中在最下方添加了
/* ==首页图片展示区== */
#ifocus {
height:260px;
border:1px solid #DEDEDE;
background:#F8F8F8;
width: 473px;
margin-left:9px;
margin-top: 0px;
}
#ifocus_pic {
display:inline;
position:relative;
float:left;
width:355px;
height:240px;
overflow:hidden;
margin:10px 0 0 10px;
}
#ifocus_piclist {
position:absolute;
}
#ifocus_piclist li {
width:355px;
height:240px;
overflow:hidden;
}
#ifocus_piclist img {
width:355px;
height:240px;
}
#ifocus_btn {
display:inline;
float:right;
width:91px;
margin:10px 9px 0 0;
}
#ifocus_btn li {
width:91px;
height:61px;
cursor:pointer;
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=100);
}
#ifocus_btn img {
width:75px;
height:46px;
margin:7px 0 0 11px;
}
#ifocus_btn .current {
background: url({STATICURL}image/common/ifocus_btn_bg.gif) no-repeat;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
#ifocus_opdiv {
position:absolute;
left:0;
bottom:0;
width:360px;
height:50px;
background:#000;
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
}
#ifocus_tx {
position:absolute;
left:8px;
bottom:6px;
color:#FFF;
font-size:16px;
font-weight: bold;
}
#ifocus_tx a {
position:absolute;
left:8px;
color:#FFF;
width: 350px;
}
#ifocus_tx .normal {
display:none;
}
                    代码   为展现图层

forum   目录下   discuz.HTM          中

<!--{subtemplate common/header}-->
<!--{ad/text/wp a_t}-->
<style id="diy_style" type="text/css"></style>
<div class="wp">
<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
</div>
<table border="0" id="table1">
<tr>
  <td><!--[diy=diy2-2]--><div id="diy2-2" class="area"></div><!--[/diy]-->　</td>
  <td><!--[diy=diy3-3]--><div id="diy3-3" class="area"></div><!--[/diy]-->　</td>
</tr>
</table>

<div id="pt" class="bm cl">
添加了，红色部分，，，为一个表，DIY 2和DIY3  表格。

  在后台，，门户，模板管理中，，添加模板，，，命名为   首页焦点 四格，，
<!--图片交换开始-->
<script type="text/javascript" src="static/js/ifocus.js"></script>
<script type="text/javascript">
</script>
<div id="ifocus">
  <div id="ifocus_pic">
    <div id="ifocus_piclist" style="left:0; top:0;">
      <ul>
[loop]
<!--{loop $_SBLOCK['hotnewspic'] $pkey $pvalue}-->
      <li><a href="{threadurl}"{target}><img src="{pic}" /></a></li>
<!--{eval $j++}-->
[/loop]
      </ul>
    </div>
    <div id="ifocus_opdiv"></div>
    <div id="ifocus_tx">
      <ul>
[loop1]
<!--{eval $j = 0}-->
<!--{loop $_SBLOCK['hotnewspic'] $key $value}-->
<!--{eval $current = ($j == 0 ? 'current' : 'normal');}-->
<li class="$current"><h2>{threadsubject}</h2><p><span style="font-size: 12px">{threadsummary}</span></p></li>
[/loop1]
      </ul>
    </div>
  </div>
  <div id="ifocus_btn">
    <ul>
[loop2]
<!--{eval $i = 0}-->
<!--{loop $_SBLOCK['hotnewspic'] $bkey $bvalue}-->
<!--{eval $current = ($i == 0 ? 'current' : 'normal');}-->
      <li class="$current"><img src="{pic}"/></li>
<!--{eval $i++}-->
[/loop2]
    </ul>
  </div>
</div>
<script>classNormal('ifocus_btn','ifocus_tx');classCurrent('ifocus_btn','ifocus_tx',0);</script>
<!--图片交换结束-->
  </div>
<div class="module cl xld">
[loop]
<dl class="cl">
<dt><a href="{url}" title="{title}"{target}>{title}</a></dt>
<dd>{summary}<a href="{url}"{target}><span style="font-size: 12px"><font color="#bb0000">...详细>></font></span></a></dd>
</dl>
[/loop]
</div>

添加此为模板代码，，，，，，，，，，就可以在DIY中，任意调用了，可用了图片模块，附件模块，贴子模块


5 天前 上传
下载附件 (109.12 KB)




本人正在修改标题为黑色，更好看。

沙发咯·~~哈哈啊哈哈啊

板凳看看

如果楼主能够给一个详细的安装过程就好了，我们菜鸟真的不知道该怎么安装，万分感谢

很不错的说。

我顶你，，，，，，，，，，，，，，，

支持http://www.zto168.com/forum.php

达州数码网，达州IT网，www.zto168.com   www.0818sm.com  邀请你加入，打造专业的IT信息，服务网站。