- A+
第一步：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> </p></section>
<p> </p></div>
