查看: 50002|回复: 50
上一主题 下一主题 打印

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

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


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


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

TOP

回复 11# 网雨霏霏


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

TOP

我在这里等你

TOP

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



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

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

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


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


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

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

TOP

补充  /   可加可不加,就是修复一个 帮助页面 背景错位问题。
当前模板的 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

我来看看好不好用

TOP

补丁  /   修改固定板块宽度
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
2018-10-30 11:01

TOP

Discuz! Board Sclub模板,Sclub风格,Sclub7.2论坛风格,Sclub定制.png
2018-10-30 11:22

TOP

补充  /   添加动图大雁(加不加无所谓)演示站已添加
在 append 里添加下面代码
  1. .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 找到下面代码
  1. <div id="append_parent"></div><div id="ajaxwaitid"></div>
复制
在下面添加下面代码
  1. <div class="animate-layer">
  2.                 <s class="a-bird a-bird-01"></s>
  3.             <s class="a-bird a-bird-02"></s>
  4.             <s class="a-bird a-bird-03"></s>
  5.             <s class="a-bird a-bird-04"></s>
  6.             <s class="a-bird a-bird-05"></s>
  7.             <s class="a-bird a-bird-06"></s>
  8.                 <s class="a-cloud a-cloud-01"></s>
  9.             <s class="a-cloud a-cloud-02"></s>
  10.             <s class="a-cloud a-cloud-03"></s>
  11.             <s class="a-cloud a-cloud-04"></s>
  12.             <s class="a-cloud a-cloud-05"></s>
  13.             <s class="a-cloud a-cloud-06"></s>
  14.             <s class="a-balloon a-balloon-01"></s>
  15.             <s class="a-balloon a-balloon-02"></s>
  16.             <s class="a-meteor a-meteor-01"></s>
  17.             <s class="a-meteor a-meteor-02"></s>
  18.             <s class="a-meteor a-meteor-03"></s>
  19.             <s class="a-meteor a-meteor-04"></s>
  20.             <s class="a-star a-star-01"></s>
  21.             <s class="a-star a-star-02"></s>
  22.             <s class="a-star a-star-03"></s>
  23.             <s class="a-star a-star-04"></s>
  24.             <s class="a-star a-star-05"></s>
  25. </div>
复制

TOP

过来支持小Y

TOP