搜索 用户中心
  • 欢迎光临三九网站目录 , 快审50元/站,快审请联系站长QQ:704918986
    当前位置 首页 > 教程收藏 > 其它教程
    多说自定义CSS 背景、按钮、字体、隐藏版权
        发布时间:2015-10-27 12:59:21    发布作者:admin

    本文主要分享的是多说css的设置方式,通过css使多说评论框更加个性化。tSJ三九网站目录

    “将评论框底部的分享到微博QQ空间什么的隐藏起来”

    .ds-sync{
    display:none !important;
    }/*隐藏评论框底部分享*/
    tSJ三九网站目录

    “定义评论框背景”

    .ds-textarea-wrapper.ds-rounded-top{
    background: #ffffff url(你想设置的评论框背景图片地址) no-repeat right bottom !important;
    }/*定义评论框背景*/
    tSJ三九网站目录

    url换成你自己想要的图片地址就行了,貌似需要绝对路径吧,不清楚,我用的是绝对路径。tSJ三九网站目录

    “隐藏评论框底部渐变背景”

    #ds-reset .ds-gradient-bg{
    background:none !important;
    }/*设置评论框下方渐变*/
    tSJ三九网站目录

    话说渐变色什么的虽然立体感较强但是和主题整体风格不融洽,隐藏之,这样底部就是透明的了。tSJ三九网站目录

    “定义评论框内字体”

    #ds-thread #ds-reset .ds-textarea-wrapper textarea, #ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text {
    font-family: ‘微软雅黑’ ‘Microsoft Yahei’!important;
    font-size:12px;
    letter-spacing:1px;
    }/*定义评论框内字体*/
    tSJ三九网站目录

    这个好像是定义评论框内输入的文字字体的,嗯,好像是。tSJ三九网站目录

    “定义发布按钮字体,以及渐变色背景”

    #ds-thread #ds-reset .ds-post-button{
    font-family: ‘微软雅黑’ ‘Microsoft Yahei’!important;
    font-weight: bold;
    font-size:12px;
    background:none !important;
    color:#49976b !important;
    }/*定义发布按钮字体以及渐变背景*/
    tSJ三九网站目录

     “隐藏评论右上方tSJ三九网站目录

    #ds-thread #ds-reset .ds-sort {
    display:none;
    }/*隐藏最新最热等*/
    tSJ三九网站目录

    “隐藏评论左上方

    #ds-thread #ds-reset li.ds-tab a.ds-current{
    background:none;
    border:none;
    }/*隐藏评论总数背景及边框*/
    tSJ三九网站目录

    “隐藏底部多说版权”

    #ds-thread #ds-reset .ds-powered-by{
    display:none;
    }/*隐藏多说底部版权*/
    tSJ三九网站目录

    “定义各种文字高亮颜色,以及浮动窗口的高亮颜色,配合模板颜色把以下色值统一设置即可”

    #ds-reset .ds-highlight{
    color:#49976b !important;
    }/*定义高亮字体颜色*/#ds-thread #ds-reset #ds-bubble a{
    color: #49976b !important;
    }/*定义评论框内其他高亮颜色*/
    tSJ三九网站目录

    #ds-thread #ds-reset #ds-bubble {
    color: #49976b !important;
    }/*定义评论框内其他高亮颜色*/
    tSJ三九网站目录

    #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a{
    color: #49976b !important;
    }/*定义评论框内其他高亮颜色*/
    tSJ三九网站目录

    #ds-thread #ds-reset a.ds-comment-context:hover{
    color: #49976b !important;
    }/*定义评论框内其他高亮颜色*/
    tSJ三九网站目录

    #ds-thread #ds-reset a.ds-comment-context{
    color: #49976b !important;
    }/*定义评论框内其他高亮颜色*/
    tSJ三九网站目录

    最新资讯
    最新收录
    热门资讯