博客美化之路

一直在美化自己的博客,但是看到别人比自己做的好的就想知道他们是怎么弄的。博客美化之路一直更新,希望把自己的博客做的更加艺术一些。

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;
}

3 自定义返回顶部小火箭

猜你喜欢

转载自www.cnblogs.com/mhq-martin/p/8994597.html