无人眷顾我的年华,无人看到我的理想
只有你,在黑夜淌进我的心田。

分享一个炫酷的多说CSS样式

作者: 时间:2014-04-01 分类:学习折腾 评论:2 围观:25 次

这个样式我也不清楚作者是谁,是我从http://www.frontopen.com 上面复制下来,真的觉得太炫酷,好羡慕那些前端大神的创意啊.这个博客的主题也很牛逼..想用的话也可以在上面免费下载的..

效果就是小猫博客当前的评论的样式,代码如下,自己复制到多说设置就行了..

1
2
3
4
5
6
7
8
9
#ds-reset .ds-avatar{background:none !important; box-shadow:none !important;}
#ds-reset .ds-avatar img , #ds-thread #ds-reset ul.ds-children .ds-avatar img{width:50px !important;height: 50px !important;-webkit-transition: .8s;-moz-transition: .8s;-o-transition: .8s;-ms-transition: .8s;padding:3px;border: 1px solid #ddd;background: #fff;}
.ds-post:hover .ds-avatar img{transform:rotate(720deg);-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);border-radius:30px !important;}
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body{padding-left:70px !important;}
.ds-post:hover{background:#eee !important;}
#ds-thread #ds-reset ul.ds-children .ds-avatar{width:50px !important;}
#ds-thread #ds-reset .ds-replybox{padding: 0 0 0 80px !important;}
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-body{margin-left: 68px !important;}
#ds-recent-comments li.ds-comment:nth-of-type(1){border:none !important;}

如果对你有益,欢迎使用以下快捷分享告诉你的朋友

0
本文为Clmao常乐猫所有,转载请注明链接:http://www.clmao.com/?p=747
在线手册:
站点地图
Clmao强力驱动