Axublog

阿旭博客

畅言热门评论自定义样式CSS

css,

热门评论设置页面底部有个隐藏链接:

http://changyan.itc.cn/css/??plugin/reping.css


@CHARSET "UTF-8";

/* id */
#cyReping {
    background-color: transparent;
    border: 0;
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: left;
    width: auto;
}

/* 重置#cyReping下的元素,防止与原页面样式冲突 start */
#cyReping div,#cyReping ul,#cyReping img {
    margin: 0;
    padding: 0;
    border: 0;
}

#cyReping a {
    background: transparent;
    text-decoration: none;
    color: #059;
}

#cyReping a:active,#cyReping a:hover {
    outline: 0;
}
/* end */

#cyReping .cy-wrapper {
    
}

#cyReping .reping-header {
    background-color: #23618a;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 16px;
}

/* 评论列表 */
#cyReping .reping-list {
    list-style: none;
}

/* 单条评论 */
#cyReping .reping-list .list-item {
    border-bottom: 1px dotted silver;
    clear: both;
    display: block; 
    margin : 6px 10px 0px 10px;
    padding-bottom: 6px;
}

#cyReping .reping-list .list-item:before,#cyReping .reping-list .list-item:after {
    display: table;
    content: " ";
}

#cyReping .reping-list .list-item:after {
    clear: both;
}

/* 单独处理最后一条评论,不加下划线,低版本IE不支持该选择器 */
#cyReping .reping-list .list-item:last-child {
    border-bottom: none;
}

/* 左侧头像 */
#cyReping .reping-list .reping-avatar {
    float: left;
    width: 50px;
}

/* 右侧内容 */
#cyReping .reping-list .contavatar {
    padding: 0 0 0 60px; /* 显示头像*/
}

#cyReping .reping-list .cont {
    padding: 0 0 0 10px; /* 不显示头像 */
}

/* 用户昵称 */
#cyReping .reping-list .reping-nickname {
    display: block;
    padding: 0 0 5px;
    color: #059;
    width: auto;
}

/* 评论内容 */
#cyReping .reping-list .reping-content {
    padding: 0 0 10px;
    width: auto;
}

/* 新闻标题 */
#cyReping .reping-list .reping-title {
    display: block;
    overflow: hidden;
    width: auto;
}

/* 隐藏 */
#cyReping .hide {
    display: none;
}
这些就是详细的css代码


默认情况下是这样子的:


看到精彩评论这一行吗?默认是自动显示的,代码:

#cyReping .reping-header {
    background-color: #23618a;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 16px;
}

在自定义css输入框中填写:#cyReping .reping-header {display: none;}

就能将"精彩评论"这一行隐藏掉,否则太难看了!!!

内容 畅言热门评论自定义样式CSS阿旭博客 原创,转载请注明
来源:http://www.axublog.com/post/changyanremenpinglunzidingyiyangshicss/

感觉很棒!可以赞赏支持我们~

         

axublog建站系统1.1.1更新下载

电脑开机磁盘修复如何跳过?

分享到:

相关内容

QQ咨询