首页 > 其他分享 >blog-博客美化-悬浮图标-右下角推荐与反对

blog-博客美化-悬浮图标-右下角推荐与反对

时间:2023-05-17 18:36:15浏览次数:43  
标签:padding right background 右下角 blog 1px 5px 图标

设置“推荐与反对”,固定在窗口的底部

  • 进入自己的博客园->设置,将以下css代码添加到“页面定制CSS代码”
/*推荐和反对*/
#div_digg{
  position:fixed;
  bottom:5px;
  width:140px;
  right:0px;
  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);
}
  • 其他样式的推荐与反对
/*推荐和反对*/
#div_digg {
    padding: 10px;
    position: fixed;
    _position: absolute;
    z-index: 1000;
    bottom: 20px;
    right: 0;
    _right: 17px;
    border: 1px solid #D9DBE1;
    background-color: #FFFFFF;
    filter: alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.icon_favorite {
    background: transparent url('http://files.cnblogs.com/files/jackson0714/kj.gif') no-repeat 0 0;
    padding-left: 16px;
}

#blog_post_info_block a {
    text-decoration: none;
    color: #5B9DCA;
    padding: 3px;
}

标签:padding,right,background,右下角,blog,1px,5px,图标
From: https://www.cnblogs.com/tssc/p/17409689.html

相关文章

  • blog-博客美化-博客标题栏图标
    博客标题栏图标1.首先得准备一个icon类型的文件可以自己百度找一个,或者找张图片另存为ico格式即可2.上传自己的ICON图标进入自己的博客后台管理->文件->选择文件->上传,点击已上传的文件,copy这个文件的网络地址,后续会用到https://files.cnblogs.com/files/tssc/Q.ico3......
  • blog-博客美化-标题背景色带代码
    博客美化-标题背景色带代码取色网址:http://www.114la.com/other/rgb.htm标题背景色带代码1.自定义背景色<!--此处自定义标题背景色-->#cnblogs_post_bodyh1{background:#390;border-radius:6px6px6px6px;color:#FFFFFF;font-family:FZShuTi;......
  • blog-博客美化-生成目录索引
    博客美化-生成目录索引注意:需要先申请开通JS接口!!今天帮朋友设置后台代码,发现怎么都没有效果,看了下忽略了JS接口;因为插入的代码大多有JS功能,不申请开通JS功能自然无法支持JS效果。网上看了很多博客也都没提及这点,感觉是个坑,So,需要的朋友可以留意下。对了、在编辑页面是显示不出......
  • blog-博客美化-添加打赏按钮
    博客美化-添加打赏按钮1.获取支付宝,微信的收款码1.1.获取收款码图片支付宝的使用说明*您也可以登录支付宝,打开https://qr.alipay.com/paipai/personal.htm,保存网页上的收款二维码,然后将图片添加到自己的博客园相册里面,然后将图片的地址作为qrimg参数传入,这样别人扫描此二维......
  • 阿里图标 代码引入
    1.将选好的项目添加到小车内2.点上方小车图标,将图标添加到对应的小车内3.添加完成后,下载图标压缩包            4.将上图的文件引入到项目文件中,主要文件为:iconfont.css文件,图中圈起来的icon-jixie 就是引入的图标名称引入时,只需要将对应的 ......
  • Blog-2
    前言:(总结之前所涉及到的知识点、题量、难度等情况)一,菜单四难度:菜单四是在菜单三的基础上迭代的,难度较大,因为要求有很多,这次大作业只要这一道题,但是也是要花费很长时间的一些知识点:类和对象:在代码中定义了几个类,如MenuItem(菜单项)、OrderItem(订单项)、TableOrder(桌子订单)和Tab......
  • BLOG-2
    前言:这次博客分析两个菜单和一个期中考试,在这次期中考试里重点考察了接口以及我们对抽象类和接口之间的差别理解,以及对list包的理解和使用,比如ArrayList<Shape>list=newArrayList<>();这里考的list的面积排序,就是用接口的办法来解决面积大小的排序。这里接口:Comparable接口 ......
  • Go语言并发编程-cnblog
    并发编程并发vs并行举个形象点的例子并发可以理解为一边吃饭,一边喝水,因为人只有一个嘴一个咽喉,所以同一时刻饭和水只能有一样进入,二者只能交替进行并行可以理解为一边走路一边吃东西,因为走路是靠腿脚,吃东西是靠嘴,二者不相干,相当于两个独立的线程,因而可以同时进行Go语言......
  • BLOG-2
    一、前言先叠个甲,针对上次互评同学们的评论,我这次虽说也写上了题目,但我写了一万多字,真的没有水字数!!这次类图和圈复杂度也都加上了,麻烦各位帅哥美女给高点分儿,我也保证在互评时都打90分以上。1.知识点:接口,正则表达式,集合等等2.题量:额,菜单系列就一道题,不能说大吧。。。3.难度:我......
  • 阿里图标库批量下载iOS适配的图标
    没有UI设计师精湛的技艺,很难设计出符合业务场景的图标,作为开发,确实拙计。练手的项目可以完全可以降低标准,不必达到看图识意,生产上在再请专业UI出图也不失是一个好的方案。阿里巴巴矢量图标库,就给了我们极大方便,......