优雅简约之信息统计模块美化

HTML+JS代码

下面是HTML+js代码,至于放在哪,【外观】【小工具】【自定义HTML】【首页底部全宽度】,不想多说了。

图标无法显示,是因为我用《阿里巴巴矢量库》,自己把下面的代码更改为其他icon的:

<svg class="icon fa-2x" aria-hidden="true">
          <use xlink:href="#iconaixin"></use>
        </svg>

CSS代码

下面是CSS代码,原本一起放的,但是CSS Grid布局不兼容WP的自定义工具,所以就只能放在主题后台的【自定义CSS样式】里面咯!

CSS样式一:

CSS样式二:

其他WP主题使用,请注意:“background—Color:var(–main-bg-color);”这是子比主题的夜间背景切换,自己更换为“#fff”颜色,或者更换为你主题的背景颜色。

表情文件

差点忘记了,如果你不想用我的表情链接,把下面的代码改为自己表情图片的链接即可【注:HTML代码中修改】。

$("#wiiuii-meos").attr(
    "src",
    "https://www.qqorg.com/emo/expression-" + week + ".png"
  );

QQ截图20220725002816

温馨提示:本文于2022-09-20最后更新,如有失效请联系!转载请注明本文链接:https://www.qqorg.com/296.html
© 版权声明
THE END
喜欢就支持一下吧
点赞50赞赏 分享
评论 共12条

请登录后发表评论