[TUT] Trang trí khung quote và code Test_t10
Dành cho Punbb
Display >> Color >> CSS >> Cho đoạn css này vô
hiện :

Dành cho phpbb2
Display >> Color >> CSS >> Cho đoạn css này vô

Code:

.quote {
    background: url("http://i44.servimg.com/u/f44/15/64/85/86/quote10.gif") no-repeat scroll 0 0 #FDF9F9; /*Background và màu nền*/
    border-color: #E7BABA; /*Màu đường viền*/
    border-style: solid; /*Style đường viền*/
    border-width: 1px 1px 1px 20px;
    color: #C25252; /*Màu chữ*/
    margin: 10px 0 10px 10px;
    overflow: auto;
    padding: 28px 10px 10px;
    width: 90%;
}
.quote:hover {
    background: url("http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif") no-repeat scroll 0 0 #FFFFFF; /*Background và màu nền khi rê chuột vào*/
}

.code {
    background: url("http://i44.servimg.com/u/f44/15/64/85/86/code10.gif") no-repeat scroll 0 0 #F5F8FA; /*Background và màu nền*/
    border-color: #D7E8F0; /*Màu đường viền*/
    border-style: solid; /*Style đường viền*/
    border-width: 1px 1px 1px 20px;
    color: #000000; /*Màu chữ*/
    font: 13px/16px 'Courier New',Courier,monospace; /*style của chữ*/
    margin: 10px 0 10px 10px;
    max-height: 500px;
    min-height: 16px;
    overflow: auto;
    padding: 28px 10px 10px;
    width: 90%;
}
.code:hover {
    background: url("http://i44.servimg.com/u/f44/15/64/85/86/code-h10.gif") no-repeat scroll 0 0 #FFFFFF; /*background và màu nền khi rê chuột vào*/
}

Lưu ý: Mình đã ghi chú trong css dành cho newbie, mấy bạn muốn chỉnh sửa gì thì vào trong đó đọc nhá