You are not connected. Please login or register

  1. ☆SimonFounder

    avatar
    Giới tính :
    Nam
    Số bài viết :
    205
    Tham gia :
    20/01/2012
    HƯỚNG DẪN CÁCH CHÈN
    - Bảng diều khiển của người quản trị ACP > Quản lí tổng thể > Display >
    Pictures and Colors > Colors > CSS Stylesheet >
    - Copy và dán codes vào cuối Css
    - Bấm nút Submit

    DÀNH CHO VERSION PHPBB2

    + Kiểu 1
    Demo


    Code

    Spoiler:
    Code:
    .postbody table{margin-left:auto;margin-right:auto;width:auto!important}.code div.cont_code{background:#f7f7f7 url(http://illiweb.com/bl/spirale.png) no-repeat;border:1px solid #8F8F8F;color:#2E8B57;display:block;font-family:Courier,CourierNew,sans-serif;font-size:.9em;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.3em;margin:2px auto;max-height:200px;overflow:auto;padding-top:5px;white-space:pre!important;width:460px!important}.quote{background:#D2E4F2 url(http://illiweb.com/fa/prosilver/quote.gif) no-repeat top left;border:1px solid #d4d4d4;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:125%;min-width:500px;padding:6px;text-indent:2em;width:80%}.quote .quote{background-color:#EFE0E6}.quote .quote .quote{background-color:#EBEADD}.quote table{margin:5px 16px 0}a.copyright{color:#844A21;text-decoration:none}a.copyright:hover{color:#dd6900;text-decoration:none}

    + Kiểu 2
    Demo


    Code

    Spoiler:
    Code:
    .quote{
        background-color: #FAFAFA;
    color: #444;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 125%;
    padding: 7px;}
    div.postbody table{background: #FFFBC3 none;
    border: 1px dashed #FF9C00;}
    div.postbody table span.genmed{color:#777777;display:block;padding: 6px 30px 13px 30px;background: #fffbc3 url(http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0440/folder_add.png) no-repeat 5px 8px;font: bold 18px Courier New}

    + Kiểu 3
    Demo


    Code

    Spoiler:
    Code:

    .postbody table[width="90%"] .genmed{
    background: white url(http://illiweb.com/fa/wysiwyg/comments.png) no-repeat 3px 4px;}

    .spoiler .genmed{background: white url(http://i66.servimg.com/u/f66/11/96/49/61/arrow_16.png) no-repeat 3px 4px !important;}

    .mod_news .genmed, .postbody .genmed {
    border: 1px solid #1675bc;
    border-bottom: 0;
    padding: 5px;
    padding-bottom: 4px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: white url(http://illiweb.com/fa/wysiwyg/page_white_code.png) no-repeat 3px 4px;
    padding-left: 22px;}

    .code, .quote {
    position: relative;
    padding: 5px;
    font-family: Arial;
    font-size: 11px;
    color: #858585;
    background-color: white;
    border: 1px solid #1675bc;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;}

    .mod_news .code, .mod_news .quote, .spoiler_content, .spoiler_closed{
    padding: 5px;
    font-family: Arial;
    font-size: 11px;
    color: #858585;
    background-color: white;
    border: 1px solid #1675bc;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;}

    .spoiler_closed{padding: 1px;}

    #calendar_container .quote, form[name="_calendar"] .quote{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}


    + Kiểu 5
    Demo


    Code

    Spoiler:
    Code:
    .spoiler_closed:before {
    content:"Click để xem nội dung ẩn";
    text-indent:0;
    }

    .spoiler_closed{
    padding: 6px 30px 13px 30px;
    font-size: 0.9em;
    font-weight: bold;
    border-width: 5px;
    border-style: solid;
    border-color: #d4d4d4;
    padding: 5px 8px;
    }

    .spoiler_content {
    line-height: 155%;
    background: url(http://i47.servimg.com/u/f47/16/67/15/68/quote_10.png), url(http://i47.servimg.com/u/f47/16/67/15/68/quote_11.png);
    background-position: left top, bottom right;
    background-repeat: no-repeat;
    display:block;
    padding: 6px 30px 13px 30px;
    font-size: 0.9em;
    font-weight: bold;
    border-width: 5px;
    border-style: solid;
    border-color: #d4d4d4;
    padding: 5px 8px;
    }


    #smallrum {
    background:#D9FFCC  none;
    -moz-box-shadow:-2px 2px 2px #c8c8c8;
    -webkit-box-shadow:-2px 2px 2px #c8c8c8;
    box-shadow:-2px 2px 2px #c8c8c8;
    color:#D9FFCC;
    width:360px;
    margin:3px 1px;
    padding:0.4em 1em;
    }

    #smallrum a img {
    vertical-align:middle;
    padding-right:2px;
    }

    #smallrum a.gensmall {
    display:inline-block;
    text-align:left;
    width:155px;
    }

    .quote {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    text-indent:2em;
    line-height:125%;
    min-width:350px;
    border:5px solid #d4d4d4;
    background: url(http://i47.servimg.com/u/f47/16/67/15/68/quote_10.png), url(http://i47.servimg.com/u/f47/16/67/15/68/quote_11.png);
    background-position: left top, bottom right;
    background-repeat: no-repeat;
    background-color:#F3F3F3;
    padding:6px;
    }

    .quote .quote {
    background-color:#E6E6E6;
    }

    .quote .quote .quote {
    background-color:#FCFCFC;
    }

    div.postbody table {
    text-indent:0;
    margin:5px 16px 0;
    }

    div.postbody table span.genmed {
    line-height: 155%;
    background: #DEDEDE url('http://i47.servimg.com/u/f47/16/67/15/68/citati10.png') no-repeat right;
    color: #606060;
    display:block;
    padding: 6px 30px 13px 30px;
    font-size: 0.9em;
    font-weight: bold;
    border-width: 1px 1px 0 5px;
    border-style: solid;
    border-color: #d4d4d4;
    padding: 5px 8px;
    }

    - Nguồn : Sưu tầm

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | Khoa học | Trường | © PunBB | Free forum support | Liên hệ | Report an abuse | Create a blog
© 2012 Zone-A7
FM PunBB - Rip by Simon