免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

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

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

原创:首页N格缓存版(免后台安装)


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

截图:
QQ截图20170517010749.png
2017-5-17 01:21


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

安装方法:
1、首先进入后台--工具--数据调用--导入--选择文件
导入下边文件
discuz_request_20170517.zip (2.22 KB)

2、新建模板命名为dxshow放入下边代码
  1. <!-- 自制N格 v1.0 -->
  2. <script type="text/javascript" src="http://ojmd62ynn.bkt.clouddn.com/dxshow/title.js"></script>
  3. <script type="text/javascript" src="http://ojmd62ynn.bkt.clouddn.com/dxshow/dxshowcss.js" ></script>
  4. <script type="text/javascript" src="http://ojmd62ynn.bkt.clouddn.com/dxshow/dxshow.js" ></script>

  5. <style type="text/css">
  6. .xshow table {border:none;background:{WRAPBG};}
  7. .xshow .txt_con td{padding:5px;}
  8. .xshow .txt td{padding:0;vertical-align:top;}
  9. .xshow ul{width:100%;height:20px;background:url('http://ojmd62ynn.bkt.clouddn.com/dxshow/listbg.gif') repeat-x;overflow:hidden;}
  10. .xshow .txt span{float:right;}
  11. .xshow .txt_con{border-bottom: 1px solid #E6E7E1;}
  12. .xshow .fiveline{padding: 0 5px;}
  13. .xshow .border {border-right: 1px solid #EFEFEF;}
  14. .xshow .header td {text-align: center;height: 31px;border-bottom: 3px solid #EFEFEF;}
  15. .xshow .fiveline img{margin:2px 6px 0 0;}
  16. #tbca_01 img{cursor: pointer;transition: all 0.6s;}  
  17. #tbca_01 img:hover{transform: scale(1.1);}
  18. </style>

  19. <div class="xshow">
  20. <table cellspacing="0" cellpadding="0" width="100%">
  21. <tr class="header">
  22.       <td class="border"><h3>≡ 论坛图片 ≡</h3></td>
  23.       <td class="border"><h3>≡ 最新帖子 ≡</h3></td>
  24.       <td class="border"><h3>≡ 最新回复 ≡</h3></td>
  25.       <td class="border"><h3>≡ 本周热门 ≡</h3></td>
  26. <td><h3>≡ 今日发帖 ≡</h3></td>
  27.     </tr>
  28. <tr class="txt_con">
  29. <td width="28%" class="border">
  30.     <div id="tbca_01">
  31. {eval request('自制N格_精彩图片');}
  32. <script type="text/javascript">new dk_slideplayer("#tbca_01",{width:"100%",height:"196px",fontsize:"12px",time:"5000"});</script>
  33.     </div>
  34. </td>
  35.       <td width="20%" class="border">
  36.         <table cellpadding="0" cellspacing="0" class="txt">
  37.           <tr>
  38.             <td><img src="http://ojmd62ynn.bkt.clouddn.com/dxshow/list.gif" alt="" /></td>
  39.             <td width="100%">
  40.               <div>
  41. {eval request('自制N格_最新主题');}
  42.               </div>
  43.             </td>
  44.           </tr>
  45.         </table>
  46.       </td>
  47.       <td width="20%" class="border">
  48.         <table cellpadding="0" cellspacing="0" class="txt">
  49.           <tr>
  50.             <td><img src="http://ojmd62ynn.bkt.clouddn.com/dxshow/list.gif" alt="" /></td>
  51.             <td width="100%">
  52.               <div>
  53. {eval request('自制N格_最新回复');}
  54.               </div>
  55.             </td>
  56.           </tr>
  57.         </table>
  58.       </td>
  59.       <td width="20%" class="border">
  60.         <table cellpadding="0" cellspacing="0" class="txt">
  61.           <tr>
  62.             <td><img src="http://ojmd62ynn.bkt.clouddn.com/dxshow/list.gif" alt="" /></td>
  63.             <td width="100%">
  64.               <div>
  65. {eval request('自制N格_本周热门');}
  66.               </div>
  67.             </td>
  68.           </tr>
  69.         </table>
  70.       </td>
  71. <td>
  72.         <table cellpadding="0" cellspacing="0" class="txt">
  73.           <tr>
  74.             <td><img src="http://ojmd62ynn.bkt.clouddn.com/dxshow/list.gif" alt="" /></td>
  75.             <td width="100%">
  76.               <div>
  77. {eval request('自制N格_今日发帖');}
  78.               </div>
  79.             </td>
  80.           </tr>
  81.         </table>
  82. </td>
  83. </tr>
  84. <tr>
  85.       <td colspan="4" class="fiveline">
  86. {eval request('自制N格_会员排行');}
  87.       </td>
  88. </tr>
  89. </table>
  90. </div>
  91. <!-- 自制N格 end -->
複製代碼
3、打开discuz模板找到
  1. <div id="wrap"{if $infosidestatus['allow'] < 2} class="wrap s_clear"{else} class="wrap with_side s_clear"{/if}>
複製代碼
在下边加
  1. {subtemplate dxshow}
複製代碼
即可。
祝你成功!
1

評分人數

看帖回帖那是一定要的:
  喜!我終於占一了;坐到沙發!

TOP

这个教程还真是美观,我来看看一下

TOP

辛勞無界版主,在次分享很好教學
感恩你

TOP

回復 1# 無界


3、免去flash調用,可以在不支持flash的手機或ipad上瀏覽最新圖片。

我也安裝了這個插件;但好像沒有發揮功效~

TOP

回復 5# 4rphotoclub


    给个地址我看看

TOP

TOP

回復 7# 4rphotoclub


    代码里的数据调用不要修改如
{eval request('自制N格_会员排行');}
不要改为繁体

TOP

本帖最後由 4rphotoclub 於 2017-5-20 11:15 編輯

回復 8# 無界

原來如此

明白了

好的

謝謝你

終於成功了

如果這樣應該可以有繁體字版本和簡體字版本推出就更加棒了

始終在華人社會裡,不少人是使繁體字的論壇。

TOP

哇塞,你太牛了
早出这个教程的话,我就不用辛苦的到处找这个首页n格的插件了
flash之路欢迎你http://flashroad.joinbbs.net

TOP

返回列表