美化多说最新评论小工具

龙哥
1123
文章
32
评论
更多
 2014年10月29日23:31:56 2 275 669字阅读2分13秒

美化多说最新评论小工具

目前，社会化评论插件被众多博客所采用，其中多说的使用者最多。多说使用简单，启用后只需注册并设置一下就可以了。外观样式能适应大多数主题模板，本文主要说一下，该插件集成的最新评论小工具，由于不同主题侧边栏宽度不同，最新评论小工具添加到侧边栏后，不能适应主题侧边栏宽度，文字或边框会超出主题宽度，影响美观。有童鞋问题怎么让多说的最新评论小工具能完美加到侧边栏中，下面以Ality主题为例，通过修改默认的外观样式来适应主题。

将下面的代码添加到主题样式文件style.css中即可。

  1. /**?多说?**/
  2. #ds-recent-comments?li.ds-comment?{
  3. ????width:?87%;
  4. ????font-size:?14px;
  5. ????border-top:?none?!important;
  6. ????border-bottom:?1px?dashed?#dadada;
  7. ????word-wrap:?normal?!important;
  8. }
  9. #ds-recent-comments?li.ds-comment?.ds-avatar?{
  10. ????margin-top:?10px;
  11. }

自适应主题侧边栏宽度，上边框改为下边虚线框，自动截断文字。

非Ality的其它主题，可能还需要加上：

  1. whitewhite-space:?nowrap;
  2. text-overflow:?ellipsis;
  3. overflow:?hidden;

用于文字超出自动截断。

转载：http://zmingcx.com/beautify-duoshuo-small-tools.html

历史上的今天
十月
29
匿名

发表评论

匿名网友 填写信息

评论：2   其中：访客  2   博主  0
    • 厦门心佳馨 厦门心佳馨 1
      2014年11月8日 下午2:55 1楼
      回复

      博主怎么没用多说呢