多说评论CSS样式, 在其他博客看到的Copy回来

Jan 19th Sat, 2013/JiaJieChan/折腾/1,899 阅读/5 评论

duoshuo

昨天@Cysime在他的博客分享了一个多说的自定义CSS效果,实现圆角头像,鼠标移上时旋转的效果,就是下面的效果八。因为看了那个玩意儿觉得很有意思,所以才萌生了写这篇技术文的想法。我想很多多说的用户都会需要的。我今天写到的CSS3效果是之前在网上找到收藏的代码素材,现在应用到多说上。

 

正文开始

各种效果我都做成了GIF动态图,光光截这些图都花了我好长的时间。大家可以很直观的看到效果。毕竟是图片,实际效果当然会更好的多。

将代码粘贴到多说评论-个性化设置-自定义CSS 里,刷新即可看到效果。

下面是预览图片,看到好看的样式,点击图片试试!

(图片顺序从左到右,由上到下分别是样式一至样式九。)

文章内容比较长,都是一些代码来的,请点击自己喜欢的样式快速浏览。

样式一 样式二 样式三 样式四 样式五 样式六 样式七 样式八 样式九

ps:  代码都是共通的,不局限于多说,应用在别的效果上也是可以的。

next ps:  汗差一个就凑够十个了。

 

样式一

ds_css1

样式二

ds_css2

样式三

ds_css3

样式四

ds_css4

样式五

ds_css5

样式六

ds_css6

样式七

ds_css7

样式八

ds_css8

样式九

ds_css9

JiaJieChan个人对第三方的评论木有需要,所以把这个样式应用到自用的inove主题上了,效果可以移动到各条评论看看。

移动到评论头像就会摇摆一下,就像树叶随风摇摆,太有爱了!   7:)

 

本文转载自 http://www.vsay.cn/one-more-custom-css-lets-you-say-comments-city.html

 

声明: 本文采用 BY-NC-SA 协议进行许可. 转载请出示版权信息.
  1. Jun 30th, 2014 at 15:13 / #Url

    很不错的代码,学习了!

  2. xperience
    Feb 8th, 2013 at 11:33 / #Url

    不错!先收藏了。

  3. Jan 29th, 2013 at 17:28 / #Url

    @懒人梦醒 就是不能删除评论? 31:)

  4. Jan 29th, 2013 at 16:54 / #Url

    多说现在有个不好的地方就是重复新建之后不能删除已有的.
    我以前用的到现在还存在….

  5. Jan 22nd, 2013 at 16:44 / #Url

    博主的背景图片是在太簑了

  1. 本文目前尚无任何 trackbacks 和 pingbacks.
支持使用Gravatar头像

JiaJieChan提醒您: 要回复某人的评论,请将鼠标移动到那条评论,评论右边就会出现Replay字样(一定是要鼠标指针中的评论),在评论框中出现的的后面下一行填写评论提交即可.被回复者将收到邮件通知噢; 要是想直接对本文评论请直接在评论框留言即可,然后点提交.