[版型教學] 首页N格缓存版（免后台安装）

本帖最後由无界於 2017-5-17 14:25 編輯

原创：首页N格缓存版（免后台安装）

1、在官方基础上自制首页N格缓存版，免去官方后台安装，卸载了也不怕！
2、可以随意投放，增加或减少选项卡。
3、免去flash调用，可以在不支持flash的手机或ipad上浏览最新图片。
4、增加鼠标移入放大图片功能。
5、简体/繁体可以自行修改

截图：

预览网址：
http://ishowstyle.imotor.com/

安装方法：
1、首先进入后台--工具--数据调用--导入--选择文件
导入下边文件

discuz_request_20170517.zip (2.22 KB)

2、新建模板命名为dxshow放入下边代码

<script type="text/javascript" src="http://ojmd62ynn.bkt.clouddn.com/dxshow/title.js"></script>
<script type="text/javascript" src="http://ojmd62ynn.bkt.clouddn.com/dxshow/dxshowcss.js" ></script>
<script type="text/javascript" src="http://ojmd62ynn.bkt.clouddn.com/dxshow/dxshow.js" ></script>
<style type="text/css">
.xshow table {border:none;background:{WRAPBG};}
.xshow .txt_con td{padding:5px;}
.xshow .txt td{padding:0;vertical-align:top;}
.xshow ul{width:100%;height:20px;background:url('http://ojmd62ynn.bkt.clouddn.com/dxshow/listbg.gif') repeat-x;overflow:hidden;}
.xshow .txt span{float:right;}
.xshow .txt_con{border-bottom: 1px solid #E6E7E1;}
.xshow .fiveline{padding: 0 5px;}
.xshow .border {border-right: 1px solid #EFEFEF;}
.xshow .header td {text-align: center;height: 31px;border-bottom: 3px solid #EFEFEF;}
.xshow .fiveline img{margin:2px 6px 0 0;}
#tbca_01 img{cursor: pointer;transition: all 0.6s;}
#tbca_01 img:hover{transform: scale(1.1);}
</style>
<div class="xshow">
<table cellspacing="0" cellpadding="0" width="100%">
<tr class="header">
<td class="border"><h3>≡ 论坛图片 ≡</h3></td>
<td class="border"><h3>≡ 最新帖子 ≡</h3></td>
<td class="border"><h3>≡ 最新回复 ≡</h3></td>
<td class="border"><h3>≡ 本周热门 ≡</h3></td>
<td><h3>≡ 今日发帖 ≡</h3></td>
</tr>
<tr class="txt_con">
<td width="28%" class="border">
<div id="tbca_01">
{eval request('自制N格_精彩图片');}
<script type="text/javascript">new dk_slideplayer("#tbca_01",{width:"100%",height:"196px",fontsize:"12px",time:"5000"});</script>
</div>
</td>
<td width="20%" class="border">
<table cellpadding="0" cellspacing="0" class="txt">
<tr>
<td><img src="http://ojmd62ynn.bkt.clouddn.com/dxshow/list.gif" alt="" /></td>
<td width="100%">
<div>
{eval request('自制N格_最新主题');}
</div>
</td>
</tr>
</table>
</td>
<td width="20%" class="border">
<table cellpadding="0" cellspacing="0" class="txt">
<tr>
<td><img src="http://ojmd62ynn.bkt.clouddn.com/dxshow/list.gif" alt="" /></td>
<td width="100%">
<div>
{eval request('自制N格_最新回复');}
</div>
</td>
</tr>
</table>
</td>
<td width="20%" class="border">
<table cellpadding="0" cellspacing="0" class="txt">
<tr>
<td><img src="http://ojmd62ynn.bkt.clouddn.com/dxshow/list.gif" alt="" /></td>
<td width="100%">
<div>
{eval request('自制N格_本周热门');}
</div>
</td>
</tr>
</table>
</td>
<td>
<table cellpadding="0" cellspacing="0" class="txt">
<tr>
<td><img src="http://ojmd62ynn.bkt.clouddn.com/dxshow/list.gif" alt="" /></td>
<td width="100%">
<div>
{eval request('自制N格_今日发帖');}
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="4" class="fiveline">
{eval request('自制N格_会员排行');}
</td>
</tr>
</table>
</div>