美化多说最新评论小工具 | 知更鸟

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

用于文字超出自动截断。