博客个性化简单设置(1)
1、侧栏添加头像
修改下面代码中的图片地址为你个人头像的图片地址
<div class="head_img"><img width="120" height="120" alt="我的头像" src="//pic.cnblogs.com/avatar/1014286/20160824172911.png" class="img_avatar"><div>
添加到博客管理-设置-博客侧边栏公告位置处即可
2、推荐按钮浮动到右下角
/*推荐按钮浮动到右下角*/
#div_digg {
position: fixed;
bottom: 20px; /*调整距离底部的距离*/
right:450px; /*调整距离右边的距离*/
background-color:white; /*修改颜色*/
border: 8px double #00FFFF;
padding: 10px;
margin: 10px;
text-align: center;
}
添加到页面定制CSS代码
效果:
扩展:
十六进制的颜色代码:首先我们知道 RGB,每种颜色由 0 到 255 共 256 个梯度,十六进制码把 RGB 的 256 个梯度以十六进制来显示出来,RGB 中的 0 转化为十六进制是 00,RGB 中的 255 转化为十六进制是 FF。
例如把 #99CC99 拆分来看:99、CC、99。这里分别代表 R、G、B 三种颜色的十六进制取值。把它们转化回来则是 RGB (153, 204, 153)。