1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

美化 xenforo like and reply css box

本帖由 admin2012-02-23 发布。版面名称:XenForo中文版

  1. admin

    admin 管理员 管理成员

    注册:
    2011-11-01
    帖子:
    3,671
    赞:
    2,425
    Xenforo的like功能很实用,但不怎么直观,这么经典的功能,最好能够加强显示效果,达到美观、易用、便于操作的目的
    进入管理后台,模板编辑,打开EXTRA.css,添加:
    PHP:
    .message .messageMeta .publicControls .control,
    .
    messageSimple .messageMeta .publicControls .control
    {
    text-decorationnone;
    background-color#eeeeee;
    padding0 13px;
    margin-top: -5px;
    margin-left3px;
    border1px solid #e2e2e2;
    border-radius2px; -webkit-border-radius:  2px; -moz-border-radius:  2px; -khtml-border-radius:  2px;
    line-height24px;
    text-shadow#fff 0px 1px 0px;
    }
     
    .
    publicControls .like:before,
    .
    publicControls .unlike:before,
    .
    publicControls .reply:before,
    .
    publicControls .postComment:before
    {
    content"";
    displayinline-block;
    width16px;
    height16px;
    backgroundurl('styles/default/xenforo/icons/thumb_up.png'no-repeat 5050%;
    floatleft;
    margin4px 6px -5px -4px !important;
    }
     
    .
    publicControls .unlike:before{
    backgroundurl('styles/default/xenforo/icons/thumb_down.png'no-repeat 5050%;
    }
     
    .
    publicControls .postComment:before,
    .
    publicControls .reply:before{
    backgroundurl('styles/default/xenforo/icons/message_reply.png'no-repeat 5050%;
    }
    保存

    一定要记住上传CSS中的三个图标文件,我提供了下载地址,如下:
     

    附件文件:

正在加载...