[TUT] Trang trí khung quote và code

...::: Thế Giới Mới :::...


 
:: Diễn Đàn StarNight - TháiTử Private::
  • Music
>

[TUT] Trang trí khung quote và code

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tue Jan 22, 2013 11:06 am
avatar

Thành Viên- Admin
Danh Hiệu Cá NhânNgười Điều Hành

Người Điều Hành
Hiện đang:
Zodiac : Leo posts : 127
points : 6154210
thanked : 0
Ngày Đăng kí : 19/01/2013
Age : 29
Đến từ : THIÊN ĐƯỜNG CODE
Ứng dụng
Zodiac : Leo
posts : 127
points : 6154210
thanked : 0
Ngày Đăng kí : 19/01/2013
Age : 29
Đến từ : THIÊN ĐƯỜNG CODE
Bài gửiTiêu đề: [TUT] Trang trí khung quote và code
Xem lý lịch thành viên http://starnight.forumvi.com

AE Hãy "Đoàn Kết- Yêu Thương - Giúp Đỡ " Lẫn Nhau...
»Tiêu đề: [TUT] Trang trí khung quote và code

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*/
}

Share




Tài Sản của Admin



[TUT] Trang trí khung quote và code

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang

Bài viết mới cùng chuyên mục

Bài viết liên quan

      Permissions in this forum:Bạn không có quyền trả lời bài viết
      ...::: Thế Giới Mới :::... :: KHU VỰC CÔNG NGHỆ :: Forumvi-