Cùng nhau chinh phục CSS phần 2 - trang in

[CPFounder]

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.

Cùng nhau chinh phục CSS phần 1
Cùng nhau chinh phục CSS phần 3
Cùng nhau chinh phục CSS phần 4