drupal8打赏 教程|如何给drupal8添加打赏功能

  • A+
所属分类:网络技术
drupal8打赏 教程|如何给drupal8添加打赏功能

第一步:www.yinbawang.com/core/themes/bartik/css下新建style.css粘贴以下代码
.reward{padding:5px 0}.reward .reward-notice{font-size:1pc;line-height:1pc;margin:15px auto;text-align:center}.reward .reward-button{line-height: 60px;position: relative;width: 108px;margin: 0 auto;}.reward .reward-code{position:absolute;top:-210px;left:50%;display:none;width:350px;height:200px;margin-left:-175px;border:1px solid #e6e6e6;background:#fff;box-shadow:0 1px 1px 1px #efefef}.reward .reward-button:hover .reward-code{display:block}.reward .reward-code img{display:inline-block;float:left;margin:0 auto;border:0}

第二步:bartik.libraries.yml

theme:     

css/colors.css: {}     

css/print.css: { media: print }     

css/style.css: {}(在主题下加载此CSS)

第三步:新建模块添加以下HTML代码即可<div class="reward plxiaoshi"><div class="reward-button"><img class="aligncenter size-medium box-hide box-show" src="/sites/default/files/shang.png" alt="drupal8打赏 教程|如何给drupal8添加打赏功能" /> <span class="reward-code"><img src="/sites/default/files/dashangerweima.jpg" alt="drupal8打赏 教程|如何给drupal8添加打赏功能" /></span></div>

<p class="reward-notice"><span style="color: rgb(122, 79, 214); text-shadow: rgb(172, 57, 255) 2px 2px 10px; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 15px;">如果谐音对您有帮助,一毛支持是我翻译的动力!</span></p>

<section class="_editor"><p>&nbsp;</p></section>
<p>&nbsp;</p></div>