一直在美化自己的博客,但是看到别人比自己做的好的就想知道他们是怎么弄的。博客美化之路一直更新,希望把自己的博客做的更加艺术一些。
1 基本设置
若想尝试此样式的可以点击此处下载,另存为之后上传至你自己的博客园文件中,然后在 博客设置->设置->页首Html代码 中添加引用:
<link type="text/css" rel="stylesheet" href="https://files.cnblogs.com/files/mhq-martin/bundle-SimpleMemory-A5_v29.css"/>
2 自定义“推荐|反对”按钮
这个已经在上面的CSS样式里面,这里展示给大家一下代码。主要用fixed来约束此按钮的位置,将其置于屏幕右下角
#div_digg{ position:fixed; bottom:5px; width:140px; right:30px; border:2px solid #085; padding:10px; background-color:#fff; opacity:0.3; border-radius:5px 5px 5px 5px !important; box-shadow:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); transition-duration: 0.5s; } #div_digg:hover{ opacity:1; }