优雅简约之信息统计模块美化[WP教程]

优雅简约之信息统计模块美化[WP教程]

前言

总觉得我以前写的《底部信息统计》的样式有点不怎么好看,所以一直想更换一下,但奈何一直没有灵感,搁置了好久。正好最近接触到CSS Grid 网格样式布局,所以就顺便拿来的改一下样式。

设计初期,em……随便在 画图 工具胡乱设计,感觉还行…..(如图)

图片[1]-优雅简约之信息统计模块美化[WP教程]-星语的小木屋
用画图设计初期

但是设计来设计去,就把它变成了下面的样子,感觉还行就分享出来了。

图片[2]-优雅简约之信息统计模块美化[WP教程]-星语的小木屋
用代码写之后

代码简简单单的使用HTML+jQuery+CSS,感觉CSS Grid 网格样式布局特别好用,但不知道浏览器兼不兼容。好啦,下面就分享教程。还是老样子,制作不易,禁止白嫖!

食用教程

效果

运行时间

用户总数

浏览总数

文章总数

今日发布

今日
emo
温馨提示:本文最后更新于2022-05-14 15:06:41,已超过500天没有更新。某些文章具有时效性,若文章内容或图片资源有错误或已失效,请在下方留言或联系星语社长。谢谢!

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞23打赏 分享
评论 共316条

请登录后发表评论