纯代码实现知更鸟begin主题的弹窗公告

使用过begin主题的用户都知道,begin主题是没有弹窗公告的,无奈不同的用户总会有不同的需求,如果您整好有需要的话可以尝试操作。

 

看了看效果并不是非常理想,可能作者写的比较匆忙,没有仔细选择ui图标以及背景图片吧

但是使用起来是非常方便,有想法的可以跟着代码自己稍做修改。

  1. /*弹窗代码*/
  2. <link rel=“stylesheet” href=“<?php bloginfo(‘template_url’);?>/css/notice.css” />
  3. <div id=“curriculum” class=“gradient”>
  4. <h2>
  5. <strong>重要通知</strong>
  6. <a class=“close” href=“javascript:;” title=“关闭 – close”></a>
  7. </h2>
  8. <ul>
  9. <li>
  10. <p>
  11. <strong>关于访问</strong>
  12. <span>哈哈作者是仙踪小站</span>
  13. <em>20171010</em>
  14. </p>
  15. </li>
  16. <li>
  17. <p>
  18. <strong>关于评论</strong>
  19. <span>暂时开放游客评论功能,请遵纪守法!</span>
  20. <em>20171009</em>
  21. </p>
  22. </li>
  23. <li>
  24. <p>
  25. <strong>关于下载</strong>
  26. <span>百度网盘提取码,需要留言后刷新页面获取!</span>
  27. <em>20171010</em>
  28. </p>
  29. </li>
  30. <li>
  31. <p>
  32. <strong>关于本站</strong>
  33. <span>共享精品,分享技术</span>
  34. <em>20170924</em>
  35. </p>
  36. </li>
  37. </ul>
  38. <div class=“contact”>
  39. <h3>联系站长:新秀网</h3>
  40. <h4>微信公众号 : 新秀网</h4>
  41. <h4>Email:<span>773516664@qq.com</span></h4>
  42. <a href=“javascript:;”>返回</a>
  43. </div>
  44. </div>
  45. <script style=“display: none !important;”>!function(e,t,r,n,c,a,l){function i(t,r){return r=e.createElement(‘div’),r.innerHTML=‘<a href=”‘+t.replace(/”/g,‘&quot;’)+‘”></a>’,r.childNodes[0].getAttribute(‘href’)}function o(e,t,r,n){for(r=,n=‘0x’+e.substr(t,2)|0,t+=2;t<e.length;t+=2)r+=String.fromCharCode(‘0x’+e.substr(t,2)^n);return i(r)}try{for(c=e.getElementsByTagName(‘a’),l=‘/cdn-cgi/l/email-protection#’,n=0;n<c.length;n++)try{(t=(a=c[n]).href.indexOf(l))>-1&&(a.href=‘mailto:’+o(a.href,t+l.length))}catch(e){}for(c=e.querySelectorAll(‘.__cf_email__’),n=0;n<c.length;n++)try{(a=c[n]).parentNode.replaceChild(e.createTextNode(o(a.getAttribute(‘data-cfemail’),0)),a)}catch(e){}}catch(e){}}(document);</script></body>
  46. <script type=“text/javascript” src=“<?php bloginfo(‘template_url’);?>/js/javascript.js”></script>
  47. <script type=“text/javascript” src=“<?php bloginfo(‘template_url’);?>/js/swiper.min.js”></script>

 

1、部署代码

将以上代码粘贴到begin主题的

后台→外观→编辑→查找footer.php,复制《首页重要公告弹窗美化代码》文件中的代码,粘贴到最后的</script>和</html>之间。

先把美化代码中关于上面3个文件的地址都换成你自己的文件地址,

然后把美化代码中的公告内容文字修改成你想显示的内容即可。

2、上传样式文件

在begin主题找到“/css/notice.css”这个路径,将我已经打包好的文件,解压以后上传到里面,然后功能就可以启用了。

我相信使用的过程中一定会遇到其他的问题,不妨跟我聊聊,说不定我可以帮上你。

 

相关文件下载地址
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
用真诚的态度,做真实的分享;针对于某些资源失效问题,大家可以善用本站搜索功能搜索广告关键词,看看是否有更新,网站每天都有大量福利资源更新,大家可以点击“新秀网”进入网站首页浏览。

发表评论

登录后才能评论

联系我们

在线咨询:点击这里给我发消息

邮件:773516664@qq.com

备用域名:xinxiu.net

关注微信