首页N格缓存版(免后台安装)
[i=s] 本帖最後由 无界 於 2017-5-17 14:25 編輯 [/i][b][color=Red][size=4]原创:首页N格缓存版(免后台安装)[/size][/color][/b]
1、在官方基础上自制首页N格缓存版,免去官方后台安装,卸载了也不怕!
2、可以随意投放,增加或减少选项卡。
3、免去flash调用,可以在不支持flash的手机或ipad上浏览最新图片。
4、增加鼠标移入放大图片功能。
5、简体/繁体可以自行修改
截图:
[attach]77510[/attach]
预览网址:
[url]http://ishowstyle.imotor.com/[/url]
安装方法:
1、首先进入后台--工具--数据调用--导入--选择文件
导入下边文件
[attach]77511[/attach]
2、新建模板命名为dxshow放入下边代码[code]
<!-- 自制N格 v1.0 -->
<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>
<!-- 自制N格 end -->
[/code]3、打开discuz模板找到[code]<div id="wrap"{if $infosidestatus['allow'] < 2} class="wrap s_clear"{else} class="wrap with_side s_clear"{/if}>[/code]在下边加[code]{subtemplate dxshow}[/code]即可。
祝你成功! [b]看帖回帖那是一定要的:[/b][quote][img]http://4rphotoclub.joinbbs.net/attachment.php?aid=NjU4fGY4NWFiNTcxfDEzNDYwNDcyMjR8NDg2MlJzOWVNVmJBUm5YOWJCcDQwR21jSkZ0NlEzTnkzcEhiclp2cXhSYkF4cDQ%3D&noupdate=yes[/img] 喜!我終於占一了;坐到沙發![/quote] 这个教程还真是美观,我来看看一下 辛勞無界版主,在次分享很好教學
感恩你 [b]回復 [url=http://www.xclub.tw/discuz/redirect.php?goto=findpost&pid=282841&ptid=33561]1#[/url] [i]無界[/i] [/b]
3、免去flash調用,可以在不支持flash的手機或ipad上瀏覽最新圖片。
我也安裝了這個插件;但好像沒有發揮功效~:'( [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=282954&ptid=33561]5#[/url] [i]4rphotoclub[/i] [/b]
给个地址我看看 [b]回復 [url=http://www.xclub.tw/discuz/redirect.php?goto=findpost&pid=282955&ptid=33561]6#[/url] [i]无界[/i] [/b]
[url]http://4rphotoclub.joinbbs.net/index.ph[/url] [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=282957&ptid=33561]7#[/url] [i]4rphotoclub[/i] [/b]
代码里的数据调用不要修改如
{eval request('自制N格_会员排行');}
不要改为繁体 [i=s] 本帖最後由 4rphotoclub 於 2017-5-20 11:15 編輯 [/i]
[b]回復 [url=http://www.xclub.tw/discuz/redirect.php?goto=findpost&pid=282960&ptid=33561]8#[/url] [i]無界[/i] [/b]
原來如此
明白了
好的
謝謝你
終於成功了
如果這樣應該可以有繁體字版本和簡體字版本推出就更加棒了
始終在華人社會裡,不少人是使繁體字的論壇。 哇塞,你太牛了
早出这个教程的话,我就不用辛苦的到处找这个首页n格的插件了
{:9_383:} 进来学习下,因为我目前使用的手机上看不到N格里的最新图片。 [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=282955&ptid=33561]6#[/url] [i]无界[/i] [/b]
{:14_778:} 没用啊 [url]http://668ziyuan.66rt.com/[/url] [b]回復 [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=282841&ptid=33561]1#[/url] [i]无界[/i] [/b]
版大,安装了你的N格后发现不兼容,显示也不完美,你给看看
[url]http://mc0713.66rt.com/index.php[/url] 按你说的步骤安装后直接不显示的 謝謝分享 [color=Blue][size=3]"新建模板"在后台哪儿?没找到![/size][/color]
[attach]80779[/attach] [b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=304283&ptid=33561]16#[/url] [i]ericko[/i] [/b]
[attach]80780[/attach] [color=Blue][size=3]咦?!我这儿没有耶~难怪找不到。。。
那这样该怎么办?
[/size][/color]
[attach]80781[/attach] [b]回復 [url=http://www.sclub.com.tw/discuz/redirect.php?goto=findpost&pid=304285&ptid=33561]18#[/url] [i]ericko[/i] [/b]
只有申请论坛的admin账号才能修改模板 [quote]回復 ericko
只有申请论坛的admin账号才能修改模板
[size=2][color=#999999]無名. 發表於 2020-6-24 18:18[/color] [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=304286&ptid=33561][img]http://sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
喔~原来如此
我改用admin登入就找到了,谢谢!
頁:
[1]
2