【分享】博客美化(8)让你的博客“推荐按钮”动起来
2016-02-20 08:54
302 查看
博客园美化相关文章目录:博客园博客美化相关文章目录
本文原文地址:博客美化(8)让你的博客“推荐按钮”动起来
这篇文章使用的代码也是来自于博客园的marvin,非常感谢。实现的效果也非常简单,就是让“推荐和反对”按钮随着屏幕的滚动固定起来,博客园默认的按钮是在文章最下方的。以前看到很多网友都这样做,的确方便很多,可以在看的过程中,随时去点击推荐按钮,而不是去找按钮。使用方法很简单,在博客园后台的“设置”-“页面定制CSS代码”中添加下面的代码:
虽然我不很懂CSS,但看上面的代码也很好懂,这里我根据自己博客的结构,稍微把参数改了一下,主要是距离底部的距离和离右边的距离,可以根据需要修改。下面就是显示的样式,虽然不懂CSS,但可以从博客园网友的博客中发现很多好东西,虽然简单,也分享一下,非常感谢marvin。看看效果:
本文原文地址:博客美化(8)让你的博客“推荐按钮”动起来
这篇文章使用的代码也是来自于博客园的marvin,非常感谢。实现的效果也非常简单,就是让“推荐和反对”按钮随着屏幕的滚动固定起来,博客园默认的按钮是在文章最下方的。以前看到很多网友都这样做,的确方便很多,可以在看的过程中,随时去点击推荐按钮,而不是去找按钮。使用方法很简单,在博客园后台的“设置”-“页面定制CSS代码”中添加下面的代码:
<style type="text/css"> #div_digg{ position:fixed; bottom:5px; width:140px; right:390px; border:2px solid #6FA833; padding:10px; background-color:#fff; border-radius:5px 5px 5px 5px !important; box-shadow:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); } </style>
虽然我不很懂CSS,但看上面的代码也很好懂,这里我根据自己博客的结构,稍微把参数改了一下,主要是距离底部的距离和离右边的距离,可以根据需要修改。下面就是显示的样式,虽然不懂CSS,但可以从博客园网友的博客中发现很多好东西,虽然简单,也分享一下,非常感谢marvin。看看效果:
相关文章推荐
- 【原创】开源Math.NET基础数学类库使用(14)C#生成安全的随机数
- 关于推荐系统中的特征工程
- 【原创】开源Math.NET基础数学类库使用(13)C#实现其他随机数生成器
- 【原创】开源Math.NET基础数学类库使用(12)C#随机数扩展方法
- 【原创】开源Math.NET基础数学类库使用(11)C#计算相关系数
- 【反传销】传销故事总结—如何尽可能保护自身和家人安全
- 【原创】开源Math.NET基础数学类库使用(10)C#进行基本数据统计
- 【原创】开源Math.NET基础数学类库使用(09)相关数论函数使用
- 【原创】开源Math.NET基础数学类库使用(08)C#进行数值积分
- 【原创】开源Math.NET基础数学类库使用(07)常用的数学物理常数
- 【总目录】本博客博文总目录-实时更新
- 【原创】开源Math.NET基础数学类库使用(06)直接求解线性方程组
- 【原创】开源Math.NET基础数学类库使用(05)C#解析Delimited Formats数据格式
- 【原创】开源Math.NET基础数学类库使用(04)C#解析Matrix Marke数据格式
- my97datepicker日历展示出现中文乱码
- 关于数据库索引的基本知识
- Struts2--中文问题
- 【原创】开源Math.NET基础数学类库使用(03)C#解析Matlab的mat格式
- 【原创】开源Math.NET基础数学类库使用(02)矩阵向量计算
- 国内第一部C#.Net调用Matlab混合编程视频教程