知更鸟主题右侧滚动条按钮美化更新美化

　　近日去仙踪小站博客闲逛，发现他们的右侧滚动条按钮比知更鸟Begin主题自带的要好看，心里痒痒，于是折腾美化成功，效果见下图：
　　代码部署
　　把下面的代码复制，粘贴到：后台→外观→主题选项→定制风格→自定义样式
　　[reply]
　　/*右侧滚动条美化*/
　　#scroll{width:32px;float:rightright;position:fixed;rightright:10px;bottombottom:50px;z-index:9999;}#scrolllia{font-size:16px;color:#fff;width:32px;height:32px;line-height:28px;text-align:center;vertical-align:middle;margin-top:4px;display:block;cursor:pointer;border:1pxsolid#ddd;border-radius:15px;box-shadow:01px1pxrgba(0,0,0,0.04);}#scrolllia:hover{background:#2f889a;color:#fff;border:1pxsolid#2f889a;transition:all.2sease-in0s;}.scroll-h{background-color:#ff5e5c!important;}.scroll-c{background-color:#24a5db!important;}.scroll-b{background-color:#ff9531!important;}#gb2big5{background-color:#aec534!important;}.qr{background-color:#4a4a4a!important;}.qqonlinea{background:#39c!important;}@mediascreenand(min-width:900px){#scrolllia:hover{background:#2f889a;color:#fff;border:1pxsolid#2f889a;transition:all0.2sease-in0s;}}.qr-img{position:fixed;background:#fff;bottombottom:50px;rightright:50px;max-width:300px;z-index:9999;display:none;border-radius:4px;padding:10px10px2px10px;animation:fade-in;animation-duration:0.5s;-webkit-animation:fade-in0.5s;border:1pxsolid#ddd;box-shadow:01px1pxrgba(0,0,0,0.05);}#outputimg{position:absolute;top:72px;rightright:72px;width:25px;height:25px;}.qr.fa-qrcode{font-size:20px!important;line-height:32px!important;}.qr-img.arrow{position:absolute;font-size:26px;bottombottom:2px;}.arrow-y{color:#fff;rightright:-8px;}.arrow-z{color:#c6c6c6;rightright:-9px;}#outputtd{border:none;}#outputtd{padding:0;}.page-template-template-blog#scrolllia.scroll-c,.page-template-template-code#scrolllia.scroll-c,.page-template-template-links#scrolllia.scroll-c,.page-template-template-archives#scrolllia.scroll-c,.page-template-template-cms#scrolllia.scroll-c,.page-template-template-hot#scrolllia.scroll-c,.page-template-template-tag#scrolllia.scroll-c,.page-template-template-tougao#scrolllia.scroll-c,.page-template-template-contact#scrolllia.scroll-c,.page-template-template-message#scrolllia.scroll-c,.page-template-template-baidu#scrolllia.scroll-c{display:none;}
　　[/reply]
　　效果图：
　　注意:
　　主题更新后添加了搜索栏目图标,需添加一下css，搜索图标才能上色。
　　#scrolllia{
　　background:#2f9a3c;
　　}