轩枫阁

首页 / Web前端 / CSS / 多说头像CSS样式自定义-让评论更炫酷

多说头像CSS样式自定义-让评论更炫酷

前言

所谓的社会化评论,即网站的评论系统集成“QQ、QQ空间、新浪微博,人人网、豆瓣”等社交账号及第三方平台的单点登录功能,实时评论同步,实名制留言将大大提高评论的质量和传播效率。通过插件安装、插入代码等方式使用社会化评论。如今wordpress、DedeCMS、DISCUZ等众多博客均可使用。

现今的社会化评论系统,主要有:友言多说畅言灯鹭

轩枫阁从13年3月上线时,一直使用多说,只因其UI及体验吸引住了我。使用灰色背景,完美搭配多说自带主题,无需自定义CSS。但是最近发现多说的自定义CSS功能结合CSS3可以做一些炫酷的效果,主要是针对头像。

关于多说

多说是一款追求极致体验的社会化评论框,可以用微博、QQ、人人、豆瓣等帐号登录并评论。多说帮助用户搭建更活跃,更互动的评论平台,功能强大且永久免费。它正在改变网站与用户之间,用户与用户之间的互动方式。这个专门基于社交网络的评论系统,能够轻松的帮网站主搭建自己互动性极强的社区,让留言的用户都有“家”的感觉。

效果图

以下效果主要结合CSS3,所以只在Chrome、Firefox、Safari等浏览器中有效果哦~上图

 

1

效果一

2

效果二

3

效果三

4

效果四

5

效果五

6

效果六

7

效果七

8

效果八

9

效果九

 

CSS代码

将需要用到的代码,填到多说的自定义CSS中即可。以Wordpress为例,在后台的对应位置填写。

`DE@V4TYLP9HWL`$7YRGWX6

 

 

效果一

效果二

效果三

效果四

效果五

效果六

效果七

效果八

效果九

参考:多说自定义CSS 让你的多说评论动感起来

211/470
213/470

相关阅读

文章评论

  • 谢谢分享,收藏备用啊

  • 顶。。一定得顶。。。。

  • 我用了效果八很棒,谢谢分享![可爱]

  • [右哼哼] 顶。。一定得顶。。。。

  • 百度云盘www.144n.com

  • 头像不显示是什么原因

  • 多说是一款追求极致体验的社会化评论框,可以用微博、QQ、人人、豆瓣等帐号登录并评论。多说帮助用户搭建更活跃,更互动的评论平台,功能强大且永久免费。它正在改变网站与用户之间,用户与用户之间的互动方式。这个专门基于社交网络的评论系统,能够轻松的帮网站主搭建自己互动性极强的社区,让留言的用户都有“家”的感觉。

  • 太厉害啦!值得我们学习

  • 怎么我设置了之后没效果呢

  • 秒赞不是偶然,是一种态度!

  • 不错 学习了!

  • seo

  • 看着都醉了

  • 这个好!!萌菌网www.moejun.tv/

  • 请问下怎么折叠多说评论框啊?

    • 折叠?是这里的层级吗?

      • 嗯,解决了。。

  • 单排紧凑型的样式好像没人整出来

    • 你整一个呗

      • 试过,不完美。。多说也不重视。。

  • 不错,选了一个

  • http://www.bsh.me看这里

  • 很不错的效果

  • 多说,我不小心设置了用户默认头像,没办法取消呀,有大神帮我吗

  • 嘿嘿

  • 多说评论跟着下面回复是一个小头像,这个是怎么弄的? 麻烦说一下

    • 没明白指的是哪个头像呢

  • 学习了,干货啊,记得踩踩我的博客喔~~~

  • 介个不错,用多说的必看!

  • 介个不错,用多说的必看!

    • 必看必用

  • 好文章应用了

    • 赞一个,文章这么长,竟然拉下来评论了

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子