仿制知乎Discuz模版 Discuz X3.4 discuz商业模版 源码

Web网络开发 20/2/7 2.8k 1

preview_large.jpg

仿制知乎Discuz模版 介绍
utf-8编码 Discuz X3.2 以上,推荐PHP7.0
1.整体宽度1080px。
2.css代码比较全,很多代码可以重复利用。
3.会员空间的背景图更换,flash比较蛋疼,偶尔不灵,不是我的原因,是浏览器的问题。
4.全部页面无diy。
5.部分页面数据涉及自定义的查询调用,查询都在extend_data.php文件里,每个查询是做什么的都有注释。


utf-8编码  X3.2 simple_white 2.zip (1.67 MB, 下载次数: 9, 售价: 300 金钱)

支持Discuz X3.4 GBK格式: simple_white 3.zip (1.56 MB, 下载次数: 4, 售价: 300 金钱)


喜欢的可以直接覆盖原来的CSS

template/simple white/common/ extend common.css
1300px 宽度代码 extend_common.zip (50.79 KB, 下载次数: 3, 售价: 10 金钱)

登陆框外加颜色:
  1. .fwinmask .m_c {
  2.     background: #FFF;
  3.     box-shadow: 0px 0px 10px #0f88eb;
  4.     border-radius: 3px;
  5.     padding: 15px;
  6. }

  7. .fwinmask .m_c .flb {
  8.     padding: 0px 0px 10px 0;
  9.     height: 20px;
  10.     line-height: 20px;
  11.     margin-bottom: 10px;
  12.     border-bottom: 1px solid #dedede;
  13. }

  14. .fwinmask .m_c .o {
  15.     background: #FFF;
  16.     padding: 10px 0px 0px;
  17.     border-top: 0;
  18. }

  19. .fwinmask .m_c .c {
  20.     padding: 0;
  21. }
复制代码
把原来的fwinmask 开头的替换掉就可以了;

更新通知代码:
通知代码.png

首先在template\simple_white\common\extend_common.css  这个文件
找到
  1. .pm .c{background: #f8f8f8;}
复制代码
在下面加
  1. /* 通知 */
  2. .notify{position:absolute;top:30px;right:11px}
  3. .notify .heartbit{position:absolute;top:-20px;right:-16px;height:25px;width:25px;z-index:10;border:4px solid;border-color:#ff0001;border-radius:70px;animation:heartbit 1s ease-out;-moz-animation:heartbit 1s ease-out;-moz-animation-iteration-count:infinite;-o-animation:heartbit 1s ease-out;-o-animation-iteration-count:infinite;-webkit-animation:heartbit 1s ease-out;-ms-animation:heartbit 1s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
  4. .notify .point{width:6px;height:6px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background-color:#f90000;position:absolute;right:-3px;top:-7px;z-index:100;}
  5. @-moz-keyframes heartbit{0%{-moz-transform:scale(0);opacity:0}
  6. 25%{-moz-transform:scale(0.1);opacity:.1}
  7. 50%{-moz-transform:scale(0.5);opacity:.3}
  8. 75%{-moz-transform:scale(0.8);opacity:.5}
  9. 100%{-moz-transform:scale(1);opacity:0}}
  10. @-webkit-keyframes heartbit{0%{-webkit-transform:scale(0);opacity:0}
  11. 25%{-webkit-transform:scale(0.1);opacity:.1}
  12. 50%{-webkit-transform:scale(0.5);opacity:.3}
  13. 75%{-webkit-transform:scale(0.8);opacity:.5}
  14. 100%{-webkit-transform:scale(1);opacity:0}}
  15. @-ms-keyframes heartbit{0%{-ms-transform:scale(0);opacity:0}
  16. 25%{-ms-transform:scale(0.1);opacity:.1}
  17. 50%{-ms-transform:scale(0.5);opacity:.3}
  18. 75%{-ms-transform:scale(0.8);opacity:.5}
  19. 100%{-ms-transform:scale(1);opacity:0}}
复制代码
然后找到template\simple_white\common\header.php
找到这段代码
  1. <a href="home.php?mod=space&do=notice&view=mypost" id="notices" class="fa fa-bell Button Messages-icon AppHeader-messages Button--plain" title="提醒">{if $_G['member'][newprompt]>0}<em>{$_G['member'][newprompt]}</em>{/if}</a>
复制代码
替换成:
  1. <a href="home.php?mod=space&do=notice&view=mypost" id="notices" class="fa fa-bell Button Messages-icon AppHeader-messages Button--plain" title="提醒"><div style="position: absolute;top: -20px;right: -11px;"><div class="notify">{if $_G['member'][newprompt]>0}<span class="heartbit"></span><span class="point"></span>{/if}</div></div></a>
复制代码
就可以了
请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!
您需要登录后才可以回帖 登录 | 注册
本版积分规则
admin
20/2/7 20:32:04
测试正常http://ksri.cn/
Xnip2020-02-11_15-45-57.jpg