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

SclubFans » 模板下载 » 新版115风格精仿X3.4 for Discuz! 7.2

123 4 5 6 下一页

返回列表发帖

查看: 62503|回复: 50

上一主题

下一主题

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

网雨霏霏

11^#

发表于 2018-10-28 16:20 / 只看该作者 / 个人论坛

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

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

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

flash之路欢迎你

Yenifer

12^#

发表于 2018-10-28 16:31 / 只看该作者 / 个人论坛

回复 11# 网雨霏霏

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

lxqhl5566

13^#

发表于 2018-10-28 18:08 / 只看该作者 /

我在这里等你

Yenifer

14^#

发表于 2018-10-28 19:05 / 只看该作者 / 个人论坛

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

discuz_request_20181028.xml (3.95 KB)

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

<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>

复制代码

Yenifer

15^#

发表于 2018-10-28 19:38 / 只看该作者 / 个人论坛

补充 / 可加可不加，就是修复一个帮助页面背景错位问题。
当前模板的 css_append 里添加下列代码

#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;}

复制代码

竞技鱼

16^#

发表于 2018-10-29 15:36 / 只看该作者 /

我来看看好不好用

Yenifer

17^#

发表于 2018-10-30 11:01 / 只看该作者 / 个人论坛

补丁 / 修改固定板块宽度
1，在 css_append 里找到下面代码

.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;}

复制代码

改为

.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;}

复制代码

2，在 discuz 里找到下面代码

<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>

复制代码

改为

<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>

复制代码

D(A{5~}TE7O38)D28M4H4AU.png

Yenifer

18^#

发表于 2018-10-30 11:23 / 只看该作者 / 个人论坛

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

Yenifer

19^#

发表于 2018-10-30 11:50 / 只看该作者 / 个人论坛

补充 / 添加动图大雁（加不加无所谓）演示站已添加
在 append 里添加下面代码

.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;}

复制代码

在 header 找到下面代码

<div id="append_parent"></div><div id="ajaxwaitid"></div>

复制代码

在下面添加下面代码

<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>

复制代码

麻城生活网

20^#

发表于 2018-10-30 21:53 / 只看该作者 /

过来支持小Y

123 4 5 6 下一页

返回列表发帖