PHP

MYSQL

阿旭个人博客

阿旭个人博客,是一款小巧强大的php mysql个人博客系统,本站提供个人博客模板下载。个人博客注册和建立个人博客网站,就用阿旭php个人博客系统吧!
您的位置:首页>畅言,评论,CSS,>正文

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

  • Donny
  • 2017-06-21 17:21:56       被围观了
  • 畅言,评论,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/chang_yan_re_men_ping_lun_zi_ding_0738/

    上一篇:发现个安全隐患:关于dbbackup数据库备份恢复插件

    下一篇:html 判断是否手机访问用javascript代码实现

    阿旭个人博客-创建于2017年5月- 沪ICP备16040435号

    About Sitemap Rss 文章归档 QQ群190498118