给子比主题加一个实用美观可翻转的区块代码

温馨提示: 本文最后更新于2024-05-19 14:07:10,某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 苏晨博客网

子比主题加一个翻转显示的区块代码,适合在网站侧边栏使用,我感觉还是比较美观的,并且代码是从张洪Heo大佬的站点上扒下来的,给大家分享一下!!!

效果展示

给子比主题加一个实用美观可翻转的区块代码-苏晨博客网
给子比主题加一个实用美观可翻转的区块代码-苏晨博客网

使用教程

这个效果主要就是靠CSS,WordPress的话可以使用自定义HTML小工具,把下面的代码放至自定义HTML小工具

给子比主题加一个实用美观可翻转的区块代码-苏晨博客网

新建一个css文件,将下面的代码放入其中

放置之前请修改CSS代码里的图片为你的,公众号二维码请自行替换(PS替换即可,方便快捷)

注:现在的绿色是代码原来的颜色,如需修改掉这个绿色可以在css里搜索【#57bd6a】,自行变更。

最后再添加一个独立页面

给子比主题加一个实用美观可翻转的区块代码-苏晨博客网

相关图片素材下载

图片素材.zip
© 版权声明
THE END
喜欢就支持一下吧
评论 共14条

请登录后发表评论