知更鸟主题“关于本站”小工具头像的居中布局美化

宜家网
宜家网
宜家网
1224
文章
57
评论
2019年5月28日02:07:17 评论

关于知更鸟主题关于本站小工具中头像的居中布局美化工作,其实比较简单,一段CSS代码就可以搞定。代码来源【朱曙明的博客】,感谢作者提供!
美化方法,将下面样式代码添加主题选项→定制风格,“自定义样式”中。

  1. /** 修改关于本站css**/
  2.     .about-img {
  3.         text-align: center;
  4.         background: url(http://imgs.zhushuming.cn/wp-content/uploads/2017/09/20170906100932100.jpg) center center no-repeat;
  5.         background-size: cover;
  6.         height: 120px;
  7.         margin: 0px 0 40px 0;
  8.     }
  9.     .about-img img {
  10.         width: 120px;
  11.         height: auto;
  12.         margin: 35px 0px 0 92px;
  13.         padding: 2px;
  14.         border-radius: 50%;
  15.         border: 2px solid #f8f8f8;
  16.     }
  17.     .about-name {
  18.         font-size: 16px;
  19.         font-weight: 700;
  20.         text-align: center;
  21.     }

 修改后效果
知更鸟主题“关于本站”小工具头像的居中布局美化
修改前效果
知更鸟主题“关于本站”小工具头像的居中布局美化

宜家网
  • 本文由 发表于 2019年5月28日02:07:17
  • 转载请务必保留本文链接:https://www.yjro.com/960.html
wordpress的Canvas实现进度环返回顶部按钮 wp美化

wordpress的Canvas实现进度环返回顶部按钮

今天在一个网站上扒下了一个进度环返回顶部的按钮,感觉很有意思,比知更鸟自带的高大上的多,所以分享出来。 图片: 1.js代码 将以下代码保存到jindu.php文件中,然后上传到主题的js文件夹中: ...
wordpress网站移动端底部菜单栏源码 wp美化

wordpress网站移动端底部菜单栏源码

前段时间,有朋友问我网站底部菜单栏咋弄的,由于七墨最近有点忙,所以今天才发出教程来。实现方法很简单,话不多说,下面直接上代码。 图片: 1.添加功能代码 本站将以下代码添加到主题选项中的编辑页脚中: ...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: