[TUT] Trang trí khung quote và code

[Zero]

First topic message reminder :

Demo:

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

Code:

.postmain blockquote {
    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%;
}
.postmain blockquote: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*/
}

.codebox {
      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%;
}
.codebox: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*/}

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á

[magoc12]

hay quá, bạn hướng dẫn tận tình dễ làm dễ thực hiên. Thks bạn.MÀ sao mình không thấy vote đâu hết.

[hj4uk0j0o97]

đẹp lắm, vote cho a zero

[hj4uk0j0o97]

a zero ơi, a có loại quote màu khác không, màu hồng nó hơi ngộ ngộ

[handsomevip007]

Có này http://diendan.chinhphuc.info/t18451-topic

[nhimyeu94]

làm sao để có thêm nút chọn tất cả, với cái thanh kéo trong code cho nhanh

[handsomevip007]

làm sao để có thêm nút chọn tất cả, với cái thanh kéo trong code cho nhanh

http://diendan.chinhphuc.info/t16607-topic

[vtgiang127]

Đẹp lắm. Cám ơn nhiều. hihi

[thuyvan102]

Vậy còn với phpbb3 thì sao?

[wakka622]

Vậy còn với phpbb3 thì sao?

http://diendan.chinhphuc.info/t16607-topic
anh hand có đưa ở trên rồi không đọc à

[thuyvan102]

Có cái nào viết là phpbb3 đâu @@

[Sponsored content]