Thích bài này? Bài truớcBài sau

VTVcab TN

on Sun Aug 24, 2014 8:38 pm

#1
avatar

VTVcab TN

Admin
Xem lý lịch thành viên http://vtvcabthainguyen.newgoo.net
58179819/07/201434Thái Nguyên - Việt Nam
Tổng số bài gửi : 58
Points : 179
Reputation : 8
Join date : 19/07/2014
Age : 34
Đến từ : Thái Nguyên - Việt Nam
[Code Hot] Cùng nhau chinh phục CSS phần 2 - trang in ShareActions

Code:
    /* Begin CSS for print media */
    @media print {
    * {
    background-image: none;
    background-color: #fff;
    color: #000;
    }
    body {
    padding: 0;
    margin: 0;
    font-size: 10pt;
    }
    body#phpbb div#wrap {
    width: 85%;
    margin: 0;
    }
    span.corners-top,span.corners-bottom {
    display: none;
    }
    /* Header */
    #wrap #logo-desc p,#wrap #logo-desc img,div#page-header div.navbar,div#page-header div.navbar ul.linklist {
    display: none !important;
    }
    #wrap div.headerbar {
    margin: 0;
    border-bottom: 1px solid #ccc;
    }
    #wrap #page-body div#add-google {
    width: 50%;
    margin: 0;
    padding: 0;
    visibility: hidden;
    height: 1px;
    }
    #wrap div#page-body h2 {
    font-weight: bolder;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    }
    /* Posts */
    #wrap div#page-body div.topic-actions,#wrap div#page-body .pagination,#wrap div#page-body .left-box,#wrap div.postbody ul.profile-icons,#wrap div.postbody img,#wrap dl.postprofile,#wrap div.post .right,#wrap div.postbody div.signature {
    float: none;
    display: none !important;
    }
    #wrap dl.postprofile {
    float: none;
    }
    #wrap div.postbody .online {
    background-image: none;
    }
    #wrap div.postbody {
    width: auto;
    }
    #wrap div.postbody h3 {
    font-size: 10pt;
    }
    #wrap div.postbody p.author {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    }
    #wrap div#page-body div.post {
    padding: 0 0 2em 0;
    border-top: 3px double #ccc;
    }
    div.postbody {
    width: 100%;
    float: none;
    }
    #wrap div#page-body div.post .content {
    overflow: visible;
    }
    /* Footer */
    div.noprint {
    display: none;
    }
    #wrap div#page-footer,#wrap div#page-footer ul.linklist {
    display: none;
    }
    }
    /* End CSS for print media */


Nhìn thấy dòng CSS for print chắc hẳn các bạn cũng đoán ra là đây là tuỳ chỉnh hiển thị trang in của forum bạn. Trang in là trang đả lọc bỏ đi những multimedia ko cần thiết, chỉ còn nội dung mà thôi. Chúng ta có thể quy định màu chữ, kiểu chữ v.v...

Khi sử dụng css nếu không chỉnh sừa gì phần này bạn có thế ko copy ra cũng được, hoặc chèn nguyên đoạn đó xuống dưới cùng cho đỡ vướng víu.

Chức năng in này cũng ít người dùng đồng thời những tuỳ chỉnh mặc định cũng đã chuẩn rồi, gọn gàng nhất rồi nên có lẽ chúng ta sẽ thông qua nhanh chóng phần này. Các bạn cứ xem, thắc mắc chỗ nào thì nêu lên mọi người sẽ giải đáp giúp.
Trả lời chủ đề này



Tắt quảng cáo