子比主题 – 侧边最近评论样式美化

这是一款子比主题侧边最近评论样式美化,这个最近评论样式我觉得还是不错的,教程非常详细,一共三步骤,喜欢的自行部署吧。
演示图片

JS代码

// 腾飞博客 - 最近评论样式调用JS代码
var postsMiniElements = document.querySelectorAll('.posts-mini');  
  
postsMiniElements.forEach(function(element) {  
    // 生成一个随机的Base64编码字符串  
    var randomBase64 = btoa(Math.random().toString(36).substr(2, 9));  
      
    // 拼接到URL中  
    var url = '/wp-content/themes/zibll/xiaogongju/daen/img/cebian/tfapi.php?kid=' + randomBase64;  
      
    // 设置背景图片的URL  
    element.style.backgroundImage = 'url(' + url + ')';  
});
// 评论美化代码结束

CSS代码

.posts-mini {
    background-size: cover;
    margin-bottom: 5px;
    padding: 15px;
}

附件

此处内容需要评论回复后方可阅读

评论区
头像
    头像
    leo
      

    666

    头像
    1212
      

    12121212

    头像
    261689130
      

    111111

    头像
    jvn
      

    谢谢

    头像
    安安
      

    谢谢

    头像
    123
      

    可以的

    头像
    heardic
      

    不错学习到了

    头像
    安心
      

    hhh

    头像
    苏琦
      

    感谢分享

    头像
    小天辰
      

    感谢分享