一些炫酷的插件源码分享

1.博客园公告栏显示个性化时间

先上效果图:


源码:



 
 
 
 
 
 
 
 

 



2.常规时钟的样式:

效果图:



源码:




2.推荐和反对炫酷样式:


以下是效果的CSS代码:

/*推荐和反对*/
#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;
}

3.为页面添加分享按钮

1.添加分享按钮

左侧侧边栏添加分享按钮,效果图如下:

一些炫酷的插件源码分享_第1张图片

 

回到顶部

1.生成分享按钮的代码

到分享按钮的设计网站http://www.jiathis.com/  生成代码

  可以自定义生成代码,也可以直接使用默认的代码

回到顶部

2.添加代码

复制代码





4.添加QQ交谈链接:

效果图


源码:

替换href中的QQ号替换为自己的QQ号为自己的QQ号

src中的QQ号替换为自己的QQ号

5.添加打赏按钮

效果图


源码:

 
 


你可能感兴趣的:(资料分享)