美化多说最新评论小工具

2014年10月29日 / 网站源码 / 2条 / 4,561次

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


《美化多说最新评论小工具》有2 条评论

  1. 厦门心佳馨说道:

    博主怎么没用多说呢


厦门心佳馨 留言