VOID3.1开发版OwO表情BUG

请注意,本文编写于 219 天前,最后修改于 19 天前,其中某些信息可能已经过时。

BUG作者已修复,更新到最新即可


最近在用VOID主题,不得不说很好看而且开发者也很用心去写这个主题。
但是在用VOID发布版时在Chrome浏览器时会出现点击闪烁,开发者熊猫小A在发布版中解决了这一问题,但是在换用开发版时出现了发布版中没有出现的问题(如下图)

BUG界面(熊猫小A的博客)
BUG界面(熊猫小A的博客)

但是这个BUG我也不会修复,毕竟对这一无所知。在看作者GitHub时看到已经有人提交了BUG,作者也回应了,应该不久就修复了。
但是作者修复之前自己不能让它一直BUG下去,于是就想了个其他小办法暂时性让OwO表情不会被遮挡。
于是结合网上的一些js的实例,进行了研究,终于东拼西凑写出来了。

方法:

1.在comments.php里找到

 <span class="OwO" aria-label="表情按钮" role="button"></span>

改为

 <span class="OwO" aria-label="表情按钮" role="button" id="ccodeanniu" onclick="javascript:but1Onclick();"></span>

2.在这段代码下面找到(51~54行)

<button id="comment-submit-button" type="submit" class="submit btn btn-normal">提交评论</button>
</p>
</form>
</div>

3.在2步骤那段代码下面(54行下)添加

<script>
function but1Onclick()
{//按钮点击事件
var div = document.getElementById("ccodediv");
var h=document.getElementById("ccodeanniu").className;
if(h=='OwO')
{div.style.height ="0px";}
else
{div.style.height ="220px";}}
 function getStyle(parm1,parm2) {
            return parm1.currentStyle ? parm1.currentStyle[parm2] : getComputedStyle(parm1)[parm2];  //parm1,要改变的元素代替名;parm2,要改变的属性名
        }
</script>
        

4.在2步骤的的 </form> </div>中间加入

 <div id="ccodediv" style="width: 100%;height: 0px;"></div>

5.保存好了。

原理:

当你点击OwO按钮时,会将 <div id="ccodediv">高度变大,撑开与footer的距离,从而不会被遮住。

当原作者修复后,本文章作废。

添加新评论

已有 9 条评论

老哥有字体加载不出来的问题吗
Google Fonts直接Q了

换字体源或者不用衬线体 ,我也不是很懂

我的wordpress都不知道咋加滑稽好

这个VOID主题里这个表情文件,但是我不知道怎么进行导入。 如果需要的话可以发你。

小石 小石 回复 @半叶子
0 0

![C]LP_%Z3XOA(EP77OTG~C{3.png](https://i.loli.net/2019/07/18/5d300e69e0cc359568.png)
是这个文件嘛,我wordpress里面好像得要图片,然后一个一个改

噗,原来上面那个文件夹就是,但是我得怎么融合到wp呢

https://files.mebyz.cn/biaoqing.zip这是表情和调用的js,使用方法可以下载原作者的主题包,看看他是怎么调用的

我就说嘛原来加个表情都不方便 直接给挡住了
可以的老哥!自己解决了

哈哈,也是在网上东拼西凑的临时方法。