新版115风格精仿X3.4 for Discuz! 7.2(页 1) - 模板下载 - SclubFans Sclub模板,Sclub风格,Sclub7.2论坛风格,Sclub定制,Discuz!7.2风格,Discuz!7.2模板,Discuz!7.2模板定制,Discuz!7.2定制,免费申请Discuz!7.2论坛

Yenifer 发表于 2018-10-28 13:05

新版115风格精仿X3.4 for Discuz! 7.2

[b][color=Red]更新[/color][/b]
115风格二级导航：[url]http://sclubfans.imotor.com/thread-152-1-1.html[/url]
[url]http://sclubfans.imotor.com/redirect.php?goto=findpost&ptid=70&pid=12581[/url]  / 更完美的修复,修改帖内样式
[url]http://sclubfans.imotor.com/redirect.php?goto=findpost&ptid=70&pid=12599[/url]  / 添加N格数据调用以及删除N格教程
[url]http://sclubfans.imotor.com/thread-79-1-1.html[/url]  / 小修复，帮助页面背景错位问题
[url]http://sclubfans.imotor.com/redirect.php?goto=findpost&ptid=70&pid=13310[/url]  / 修改横排显示数量([color=Red]最佳效果横排 [b]3[/b][/color] )
[url]http://sclubfans.imotor.com/redirect.php?goto=findpost&ptid=70&pid=13313[/url]  / 大雁（加不加无所谓）演示站已添加

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

[b]风格介绍[/b]：
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内核的变动，保证网站的安全性、稳定性以及可维护性；

[b]安装教程[/b]

**** Hidden Message *****

[attach]287[/attach]

网雨霏霏 发表于 2018-10-28 13:10

终于发布了，哀家第一个用{:3_46:}

网雨霏霏 发表于 2018-10-28 13:44

真搞败了，今天又卡的要死，没法弄了。

Yenifer 发表于 2018-10-28 14:03

[b]回复 [url=http://sclubfans.imotor.com/redirect.php?goto=findpost&pid=12575&ptid=70]3#[/url] [i]网雨霏霏[/i] [/b]

你卡我卡啊

网雨霏霏 发表于 2018-10-28 14:07

[b]回复 [url=http://sclubfans.imotor.com/redirect.php?goto=findpost&pid=12576&ptid=70]4#[/url] [i]Yenifer[/i] [/b]

卡的要命，没法挨个替换图片了。只替换了cssappend模板内的三个图片
其它位置实在是没法继续捣鼓了，现在酱紫：
[url]http://flashroad.joinbbs.net/index.php?styleid=70[/url]

为什么导航栏在右侧？我记得导航栏是在左侧的！如何改成左侧的啊？

Yenifer 发表于 2018-10-28 14:21

[b]回复 [url=http://sclubfans.imotor.com/redirect.php?goto=findpost&pid=12577&ptid=70]5#[/url] [i]网雨霏霏[/i] [/b]

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

我去看看

Yenifer 发表于 2018-10-28 14:22

[b]回复 [url=http://sclubfans.imotor.com/redirect.php?goto=findpost&pid=12577&ptid=70]5#[/url] [i]网雨霏霏[/i] [/b]

链接给我一个

Yenifer 发表于 2018-10-28 16:14

[b]补丁[/b]
网站第三方统计代码:[code]<script type="text/javascript" src="templates/115/menufixed.htm"></script>[/code]其它头部信息：[code]<script type="text/javascript" src="templates/115/jquery.htm"></script>[/code][b]替换下面文件内的所有代码[/b]
[attach]245[/attach]
[attach]246[/attach]
[attach]247[/attach]
[attach]248[/attach]

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

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

网雨霏霏 发表于 2018-10-28 16:15

[b]回复 [url=http://sclubfans.imotor.com/redirect.php?goto=findpost&pid=12578&ptid=70]6#[/url] [i]Yenifer[/i] [/b]

不替换图片将无法显示。
sclub的图片即使后台设置不防盗链，也是防盗的。
不替换是无法正常显示的

Yenifer 发表于 2018-10-28 16:16

[b]回复 [url=http://sclubfans.imotor.com/redirect.php?goto=findpost&pid=12582&ptid=70]9#[/url] [i]网雨霏霏[/i] [/b]

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

网雨霏霏 发表于 2018-10-28 16:20

建议在当前论坛开启楼中楼点评特效，否则我会占用好多楼层，后来者不一定知道你居然在本帖发布了补丁。

或者你编辑一下一楼，说明一下8楼内还有补丁。以防马大哈们眼大漏神
{:3_47:}

另外，表情太少，我最喜欢洋葱头系列，请尽快添加。否则哀家的心情无法准确表达，谢谢合作

Yenifer 发表于 2018-10-28 16:31

[b]回复 [url=http://sclubfans.imotor.com/redirect.php?goto=findpost&pid=12584&ptid=70]11#[/url] [i]网雨霏霏[/i] [/b]

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

lxqhl5566 发表于 2018-10-28 18:08

我在这里等你

Yenifer 发表于 2018-10-28 19:05

[b]补充[/b]  / 下面调用是风格的N格
漏掉一个数据调用按照第二步再导入一次即可
[attach]264[/attach]

[b]提示[/b]
如不想使用此调用，可到 [color=Red]discuz[/color] 里找到下面代码 [color=Red]删除[/color] /  [b]上面的数据调用就不用导入了[/b]。[code]

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

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

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

<script language="javascript" type="text/javascript">
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>

[/code]

Yenifer 发表于 2018-10-28 19:38

[b]补充[/b] / 可加可不加，就是修复一个帮助页面背景错位问题。
当前模板的 css_append 里添加下列代码[code]#faq #wrap .main {background: none !important;border: 0 !important;}
.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;}
[/code]

竞技鱼 发表于 2018-10-29 15:36

我来看看好不好用

Yenifer 发表于 2018-10-30 11:01

[b]补丁[/b]  / 修改固定板块宽度
1，在 css_append 里找到下面代码[code].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;}
.list .item a img {position: absolute;top: 16px;left: 20px;height: 60px;width: 60px;}
.list th li .name {color: #333;font-size: 18px;position: absolute;line-height: 30px;top: 15px;left: 100px;right: 10px;}
.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;}
.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);}
.q_enter {display: none;}
.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;}[/code]改为[code].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;}
.list .item a img {position: absolute;top: 16px;left: 20px;height: 60px;width: 60px;}
.list th .name {color: #333;font-size: 18px;position: absolute;line-height: 30px;top: 15px;left: 100px;right: 10px;}
.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;}
.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;}
.list th:hover {border-color: #e2e2e2;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.q_enter {display: none;}
.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;}[/code]2，在 discuz 里找到下面代码[code]<ul><li onmouseover="this.className='lihover cl'" onmouseout="this.className='cl'" class="lihover cl">
         <div class="item">$forum[icon]</div>
         <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>
                     <span class="desc"><p>$forum[description]</p>
</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>[/code]改为[code]<div class="item">$forum[icon]</div>
         <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>
                     <span class="desc"><p>$forum[description]</p>
</span>          <span class="abstract">主题 <em> $forum[threads]</em>, 帖数 <em>$forum[posts]</em><a href="forumdisplay.php?fid=$forum[fid]" class="q_enter">进入版块</a></span>[/code][attach]286[/attach]

Yenifer 发表于 2018-10-30 11:23

[attach]288[/attach]

Yenifer 发表于 2018-10-30 11:50

[b]补充[/b]  / 添加动图大雁（加不加无所谓）演示站已添加
在 append 里添加下面代码[code].a-bird{z-index:-1;position:absolute;width:120px;height:90px;background-image:url(http://sclubfans.imotor.com/attachments/month_1810/1810301146dbfa87deec5e83b5.png);background-repeat:no-repeat;-webkit-animation:fly 1s linear infinite,forward 30s linear infinite;-moz-animation:fly 1s linear infinite,forward 30s linear infinite;-ms-animation:fly 1s linear infinite,forward 30s linear infinite;}.a-bird-01{top:320px;left:-3%;background-position:0 -540px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-animation-delay:-0.67s,-26.077s;-moz-animation-delay:-0.67s,-26.077s;-ms-animation-delay:-0.67s,-26.077s;zoom:0.8\9;}.a-bird-02{top:240px;left:4%;background-position:0 -360px;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-webkit-animation-delay:-0.45s,-24.462s;-moz-animation-delay:-0.45s,-24.462s;-ms-animation-delay:-0.45s,-24.462s;zoom:0.6\9;}.a-bird-03{top:280px;left:12%;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-animation-delay:0s,-22.615s;-moz-animation-delay:0s,-22.615s;-ms-animation-delay:0s,-22.615s;zoom:0.7\9;}.a-bird-04{top:300px;left:85%;background-position:0 -630px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-animation-delay:-0.78s,-5.769s;-moz-animation-delay:-0.78s,-5.769s;-ms-animation-delay:-0.78s,-5.769s;zoom:0.8\9;}.a-bird-05{top:260px;left:93%;background-position:0 -270px;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-animation-delay:-0.34s,-3.923s;-moz-animation-delay:-0.34s,-3.923s;-ms-animation-delay:-0.34s,-3.923s;zoom:0.7\9;}.a-bird-06{top:220px;left:79%;background-position:0 -450px;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-webkit-animation-delay:-0.56s,-7.154s;-moz-animation-delay:-0.56s,-7.154s;-ms-animation-delay:-0.56s,-7.154s;zoom:0.6\9;}@-webkit-keyframes fly{0%{ background-position:0 0;}11.1%{ background-position:0 0;}11.11%{ background-position:0 -90px;}22.21%{ background-position:0 -90px;}22.22%{ background-position:0 -180px;}33.32%{ background-position:0 -180px;}33.33%{ background-position:0 -270px;}44.43%{ background-position:0 -270px;}44.44%{ background-position:0 -360px;}55.54%{ background-position:0 -360px;}55.55%{ background-position:0 -450px;}66.65%{ background-position:0 -450px;}66.66%{ background-position:0 -540px;}77.76%{ background-position:0 -540px;}77.77%{ background-position:0 -630px;}88.87%{ background-position:0 -630px;}88.88%{ background-position:0 -720px;}99.98%{ background-position:0 -720px;}100%{ background-position:0 0;}}@-moz-keyframes fly{0%{ background-position:0 0;}11.1%{ background-position:0 0;}11.11%{ background-position:0 -90px;}22.21%{ background-position:0 -90px;}22.22%{ background-position:0 -180px;}33.32%{ background-position:0 -180px;}33.33%{ background-position:0 -270px;}44.43%{ background-position:0 -270px;}44.44%{ background-position:0 -360px;}55.54%{ background-position:0 -360px;}55.55%{ background-position:0 -450px;}66.65%{ background-position:0 -450px;}66.66%{ background-position:0 -540px;}77.76%{ background-position:0 -540px;}77.77%{ background-position:0 -630px;}88.87%{ background-position:0 -630px;}88.88%{ background-position:0 -720px;}99.98%{ background-position:0 -720px;}100%{ background-position:0 0;}}@-ms-keyframes fly{0%{ background-position:0 0;}11.1%{ background-position:0 0;}11.11%{ background-position:0 -90px;}22.21%{ background-position:0 -90px;}22.22%{ background-position:0 -180px;}33.32%{ background-position:0 -180px;}33.33%{ background-position:0 -270px;}44.43%{ background-position:0 -270px;}44.44%{ background-position:0 -360px;}55.54%{ background-position:0 -360px;}55.55%{ background-position:0 -450px;}66.65%{ background-position:0 -450px;}66.66%{ background-position:0 -540px;}77.76%{ background-position:0 -540px;}77.77%{ background-position:0 -630px;}88.87%{ background-position:0 -630px;}88.88%{ background-position:0 -720px;}99.98%{ background-position:0 -720px;}100%{ background-position:0 0;}}@-webkit-keyframes forward{0%{ left:110%;}100%{ left:-20%;}}@-moz-keyframes forward{0%{ left:110%;}100%{ left:-20%;}}@-ms-keyframes forward{0%{ left:110%;}100%{ left:-20%;}}.animate-layer {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: -1;}.animate-layer:before{  display:none;}.animate-layer:after{  display:none;}[/code]在 header 找到下面代码[code]<div id="append_parent"></div><div id="ajaxwaitid"></div>[/code]在下面添加下面代码[code]<div class="animate-layer">
        <s class="a-bird a-bird-01"></s>
         <s class="a-bird a-bird-02"></s>
         <s class="a-bird a-bird-03"></s>
         <s class="a-bird a-bird-04"></s>
         <s class="a-bird a-bird-05"></s>
         <s class="a-bird a-bird-06"></s>
        <s class="a-cloud a-cloud-01"></s>
         <s class="a-cloud a-cloud-02"></s>
         <s class="a-cloud a-cloud-03"></s>
         <s class="a-cloud a-cloud-04"></s>
         <s class="a-cloud a-cloud-05"></s>
         <s class="a-cloud a-cloud-06"></s>
         <s class="a-balloon a-balloon-01"></s>
         <s class="a-balloon a-balloon-02"></s>
         <s class="a-meteor a-meteor-01"></s>
         <s class="a-meteor a-meteor-02"></s>
         <s class="a-meteor a-meteor-03"></s>
         <s class="a-meteor a-meteor-04"></s>
         <s class="a-star a-star-01"></s>
         <s class="a-star a-star-02"></s>
         <s class="a-star a-star-03"></s>
         <s class="a-star a-star-04"></s>
         <s class="a-star a-star-05"></s>
</div>[/code]

麻城生活网 发表于 2018-10-30 21:53

过来支持小Y

页: [1] 2 3

SclubFans's Archiver

新版115风格 精仿X3.4 for Discuz! 7.2

新版115风格精仿X3.4 for Discuz! 7.2