12
返回列表 发帖
查看: 51259|回复: 12
上一主题 下一主题 打印

[发布] 新版115风格 精仿X3.4 for Discuz! 7.2  [复制链接]

Yenifer
楼主
发表于 2018-10-28 13:05 / 显示全部帖子 / 个人论坛 倒序看帖
115风格, 风格模板, sclub风格
作品类别：模板 作品名称： 新版115风格
适用程序：Discuz! Sclub 作者名称： ainuo
版本说明： Discuz! 7.2 移植发布： Sclub Fans
语言编码： GBK UTF-8 / 简繁 作品性质： 仿制
适用浏览器： Firefox Chrome IE 其他 购买价格： 免费
支持网站：http://sclubfans.imotor.com
更新
115风格二级导航：http://sclubfans.imotor.com/thread-152-1-1.html
http://sclubfans.imotor.com/redi ... id=70&pid=12581  / 更完美的修复,修改帖内样式
http://sclubfans.imotor.com/redi ... id=70&pid=12599  / 添加N格数据调用 以及 删除N格教程
http://sclubfans.imotor.com/thread-79-1-1.html  / 小修复，帮助页面背景错位问题
http://sclubfans.imotor.com/redi ... id=70&pid=13310  / 修改横排显示数量(最佳效果横排 3 )
http://sclubfans.imotor.com/redi ... id=70&pid=13313  / 大雁（加不加无所谓）演示站已添加

说明
本作品可进行二次修改以及转载发布，感谢支持 / 必须说明出处
BUG反馈请到 求助板块 发帖，此贴下提问不予回答
如您修改后，也可发布到本站，或者作为修改教程发布在此贴下方

风格介绍：
1、本模板为新版115风格
2、增加15个风格的配色切换，同时包含了4个动态背景的风格，让你的网站更加出彩
3、完美的个人信息菜单和快捷导航菜单
4、主题列表阅读更加轻松，支持图片模式和帖子模式的一键切换
5、支持图片瀑布流模式和图片正规模式
6、帖子阅读顶部增加返回、图片模式、阅读模式等，增加分页的切换，增加分享功能
7、增加频道模板
8、该套模板对所有的页面进行了优化，可到演示站体验效果
9、本模板所有模块为diy调用，修改更加方便
10、1240px宽度设计，让你在宽屏电脑下也可顺畅浏览（完美适应1240、1366、1400、1600、1920分辨率）
11、兼容IE各版本，完美支持Google/FireFox/360等
12、所有diy模块数据调用均采用DIV+CSS布局，更利于SEO
13、所有可以的美化和模板改动不涉及到Discuz！X3内核的变动，保证网站的安全性、稳定性以及可维护性；


安装教程

本帖隐藏的内容需要回复才可以浏览


Discuz! Board Sclub模板,Sclub风格,Sclub7.2论坛风格,Sclub定制.png
收藏 分享

Yenifer
沙发
发表于 2018-10-28 14:03 / 显示全部帖子 / 个人论坛
回复 3# 网雨霏霏


    你卡我卡啊

TOP

Yenifer
板凳
发表于 2018-10-28 14:21 / 显示全部帖子 / 个人论坛
回复 5# 网雨霏霏


    图片不用替换，永久有效，图片事存在sclub的，除非倒闭了

我去看看

TOP

Yenifer
地板
发表于 2018-10-28 14:22 / 显示全部帖子 / 个人论坛
回复 5# 网雨霏霏


    链接给我一个

TOP

Yenifer
楼梯
发表于 2018-10-28 16:14 / 显示全部帖子 / 个人论坛
补丁
网站第三方统计代码:
  1. <script type="text/javascript" src="templates/115/menufixed.htm"></script>
复制
其它头部信息：
  1. <script type="text/javascript" src="templates/115/jquery.htm"></script>
复制
替换下面文件内的所有代码
css_append.htm (6.19 KB)
jquery.htm (81.2 KB)
menufixed.htm (2.07 KB)
viewthread_node.htm (31.15 KB)

建议您替换所有文件，因为这样会更完美/更接近X3.4 / 其它配色我会单独开贴发布


图片可不替换，因为图片都是备份在 SCLUB 下的，会很安全

TOP

Yenifer
地下室
发表于 2018-10-28 16:16 / 显示全部帖子 / 个人论坛
回复 9# 网雨霏霏


不会的，我的论坛没有外链限制的。

TOP

Yenifer
下水道
发表于 2018-10-28 16:31 / 显示全部帖子 / 个人论坛
回复 11# 网雨霏霏


    好的，有时间我会按照的 点评 是吧

TOP

Yenifer
暗河
发表于 2018-10-28 19:05 / 显示全部帖子 / 个人论坛
补充  /   下面调用是 风格的N格
漏掉一个数据调用 按照第二步再导入一次即可
discuz_request_20181028.xml (3.95 KB)



提示
如不想使用此调用，可到 discuz 里找到下面代码 删除 /  上面的数据调用就不用导入了。
  1. <!--我的首页调用begin-->

  3. <style>
  4. #logofans {padding-top: 10px;border-top: 1px solid #DDDDDD !important;margin-bottom: -12px;}
  5. .main{width:100% !important;margin-left:-0px !important;}
  6. .content{margin-left:0px !important}
  7. .xz1{ margin-top:0px;}
  8. .xz2{padding-right:14px;}
  9. .xz3{position:relative;height:269px;padding: 0px 0px 6px 550px;}
  10. .xz5 {padding: 10px 0px 0px 0px;position: relative;}
  11. .slidebox{margin-bottom: 0px;position: absolute;left: 10px;top: 12px;width: 530px;height: 269px;overflow: hidden;}
  12. .xz8{height:300px;}
  13. .xz20{background: url(http://style.mmkfc.com/attachments/month_1808/18082813323b9a487d269f49d1.gif) no-repeat scroll 0 0;}
  14. .xz20 li {height:26px;font-size:12px;text-align:left; padding-left:25px;line-height: 24px;overflow: hidden;
  15.     white-space: nowrap;
  16.     width: 320px;
  17.     text-overflow: ellipsis;}
  18. .xz20 li a{color:#464646;}
  19. .xz20 li a:last-child{color:#666666;font-size:11px;}
  20. .xz20 li span{position: absolute;right:0px;}
  21. .xz20 a:hover {color: #4BA6E5;transition: all 0.3s ease 0s;}
  22. .xz4 li a {font-size: 16px;color: #696969;text-align: center;display: block;width: 90px;height: 31px;line-height: 31px}
  23. .xz4 {padding: 15px 0px 0 0;height:31px;}
  24. .xz4 h2 {font-size:18px;height:30px;line-height: 30px;text-align:left;}
  25. .xz4 p{text-align:left;color:#666666;}
  26. .xz4 p a{color:rgb(102, 153, 0)}
  27. .xz7 {position: absolute;left: 0px;top: 10px;width: 41px;height: 170px;padding-top: 10px;}
  28. .xz4 li {width: 87px;float: left;height:31px;margin-bottom:10px;text-align: center;}
  29. .xz4 li a:hover {text-decoration: none;}
  30. .xz4 .xzt1 {background-color: #F78115;border-radius: 2px;float: left;}
  31. .xz4 .xzt1 a {height: 28px;line-height: 28px;text-align: center;display: block;font-size: 16px;color: #fff;}
  32. .xz4 a:hover {color: #fff !important;}
  33. </style>

  35. <div id="logofans">
  36. <div class="xz1"><div class="xz2"><div class="xz3">
  37. <div class="xz5">
  38. <div id="i1" style ="display :block">{eval request('首页调用A_最新主题');}</div>
  39. </div>


  42. <script type="text/javascript" src="http://style.mmkfc.com/templates/Macldea/jd_1.htm" ></script>
  43. <script type="text/javascript" src="http://style.mmkfc.com/templates/Macldea/jd_2.htm" ></script>
  44. <div class="slidebox">
  45. <ul id="pub_slideplay">
  46. {eval request('首页调用A_焦点图');}
  47. </ul>
  48. <script type="text/javascript">new dk_slideplayer("#pub_slideplay",{width:"100%",height:"252px",fontsize:"12px",time:"5000"});</script>
  49. </div></div></div></div></div>


  52. <script language="javascript" type="text/javascript">
  53. function changeTab(index){for (var i=1;i<=3;i++){document.getElementById ("tab"+i).className ="xzt2";document.getElementById ("tab"+index).className ="xzt1";document.getElementById ("i"+i).style.display  ="none";};document.getElementById ("i"+index).style.display  ="block";}</script>

  55. <!--我的首页调用end-->
复制

TOP

Yenifer
沙滩
发表于 2018-10-28 19:38 / 显示全部帖子 / 个人论坛
补充  /   可加可不加，就是修复一个 帮助页面 背景错位问题。
当前模板的 css_append 里添加下列代码
  1. #faq #wrap .main {background: none !important;border: 0 !important;}
  2. .with_side .content,.with_side .side {background: #fff;}#notice #wrap .main,#memcp #wrap .main,#my #wrap .main,#pm #wrap .main,#task #wrap .main,#magic #wrap .main {background: none !important;border-top: 0 !important;}
复制

TOP

Yenifer
大海
发表于 2018-10-30 11:01 / 显示全部帖子 / 个人论坛
补丁  /   修改固定板块宽度
1，在 css_append 里找到下面代码
  1. .list th li {width: 310px;float: left;border: 1px solid #eee !important;display: block;height: 130px;margin-left: 7px;margin-top: 15px;transition: box-shadow 0.3s ease 0s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: #fff;position: relative;z-index: 0;}
  2. .list .item a img {position: absolute;top: 16px;left: 20px;height: 60px;width: 60px;}
  3. .list th li .name {color: #333;font-size: 18px;position: absolute;line-height: 30px;top: 15px;left: 100px;right: 10px;}
  4. .list th li .desc {color: #B3B3B3;line-height: 20px;height: 40px;overflow: hidden;position: absolute;top: 50px;left: 100px;right: 10px;white-space: normal;word-break: break-all;word-wrap: break-word;}
  5. .list th li .abstract {width: 290px;border-top: 1px solid #f2f2f2;color: #999;height: 30px;line-height: 30px;padding: 0px 10px;position: absolute;bottom: 0px;left: 0px;right: 0px;}em, cite, i {font-style: normal;}.list th li:hover {border-color: #e2e2e2;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
  6. .q_enter {display: none;}
  7. .lihover.cl:hover .q_enter {display: block;float: right;height: 20px;line-height: 20px;padding: 0 10px;display: inline-block;background: #2B91E3;color: #fff;font-size: 12px;border-radius: 2px;position: absolute;right: 5px;bottom: 5px;}
复制
改为
  1. .list th {width: 310px;float: left;border: 1px solid #eee;display: block;height: 130px;margin-left: 7px;margin-top: 15px;transition: box-shadow 0.3s ease 0s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: #fff;position: relative;z-index: 0;}
  2. .list .item a img {position: absolute;top: 16px;left: 20px;height: 60px;width: 60px;}
  3. .list th .name {color: #333;font-size: 18px;position: absolute;line-height: 30px;top: 15px;left: 100px;right: 10px;}
  4. .list th .desc {color: #B3B3B3;line-height: 20px;height: 40px;overflow: hidden;position: absolute;top: 50px;left: 100px;right: 10px;white-space: normal;word-break: break-all;word-wrap: break-word;}
  5. .list th .abstract {width: 290px;border-top: 1px solid #f2f2f2;color: #999;height: 30px;line-height: 30px;padding: 0px 10px;position: absolute;bottom: 0px;left: 0px;right: 0px;}em, cite, i {font-style: normal;}
  6. .list th:hover {border-color: #e2e2e2;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
  7. .q_enter {display: none;}
  8. .list th:hover .q_enter {display: block;float: right;height: 20px;line-height: 20px;padding: 0 10px;display: inline-block;background: #2B91E3;color: #fff;font-size: 12px;border-radius: 2px;position: absolute;right: 5px;bottom: 5px;}
复制
2，在 discuz 里找到下面代码
  1. <ul><li onmouseover="this.className='lihover cl'" onmouseout="this.className='cl'" class="lihover cl">
  2.             <div class="item">$forum[icon]</div>
  3.             <a href="forumdisplay.php?fid=$forum[fid]" class="name " {if $forum[redirect]}target="_blank"{/if} style="{if $forum[extra][namecolor]}color: {$forum[extra][namecolor]};{/if}"><span>$forum[name]</span></a>
  4.                         <span class="desc"><!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
  5. </span>            <span class="abstract">主题 <em> $forum[threads]</em>, 帖数 <em>$forum[posts]</em><a href="forumdisplay.php?fid=$forum[fid]" class="q_enter">进入版块</a></span>        </li></ul>
复制
改为
  1. <div class="item">$forum[icon]</div>
  2.             <a href="forumdisplay.php?fid=$forum[fid]" class="name " {if $forum[redirect]}target="_blank"{/if} style="{if $forum[extra][namecolor]}color: {$forum[extra][namecolor]};{/if}"><span>$forum[name]</span></a>
  3.                         <span class="desc"><!--{if $forum[description]}--><p>$forum[description]</p><!--{/if}-->
  4. </span>            <span class="abstract">主题 <em> $forum[threads]</em>, 帖数 <em>$forum[posts]</em><a href="forumdisplay.php?fid=$forum[fid]" class="q_enter">进入版块</a></span>
复制
D(A{5~}TE7O38)D28M4H4AU.png

TOP

12
返回列表 发帖