Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

19xStudio CSS của Forum on 31/01/12, 09:44 pm


Cấp bậc !
•Bang Chủ•
avatar
•Bang Chủ•

[KiNg]_[PiN]-BB

Code:
/*Hiệu ứng chuột và link*/
a:hover{text-shadow: 0px 0px 6px rgb(0, 250, 1), 0px 0px 5px rgb(0, 200, 0), 0px 0px 5px rgb(0, 200, 1);}

a:hover
{text-decoration:none;
color:#fffff;
text-decoration:none;
font-weight:bold;
background-image:url(http://i64.servimg.com/u/f64/13/54/69/46/00510.gif);}




/*menu ngang*/
#menu h2 {display:none}

.menu,.menu h3,.menu a,.menu ul,.menu li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus { outline: 0 }

.menu ul,.menu li {
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    text-align:left; }

.menu h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size:14px;
    line-height:21px;
    margin-top:7px;
    margin-bottom:14px;
    padding-bottom:7px;
    text-shadow: 1px 1px 1px #FFFFFF;
    border-bottom:1px solid #888888; }

.menu {
    list-style:none;
    width:680px;
    margin:30px auto 0px auto;
    height:43px;
    padding:0px 20px 0px 20px;   
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #830701;
    border: 1px solid #a40802;
    border-top: 1px solid #fd190f;   
    background: -moz-linear-gradient(top, #d70b02, #830701);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d70b02), to(#830701)); }

.menu li {
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    border:none;   
    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px; }

.menu li:hover {
    z-index:2;
    background:#F4F4F4;
    border:1px solid #aaaaaa;
    padding: 4px 9px 4px 9px;   
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));   
    -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        -khtml-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px; }

.menu li.no_drop:hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; }

.menu li a {
    color: #FFFFFF;
    outline:0;
    text-decoration:none;
    display:block;
    text-shadow: 1px 1px 1px #000; }

.menu li:hover a { color:#161616; text-shadow: none; }

.menu li .drop {
    padding-right:21px;
    background:url(https://lh6.googleusercontent.com/-XfYgASGcAiU/TfJS0sadoEI/AAAAAAAAA2s/uRaUd3HYceo/drop.png) no-repeat right 8px; }

.menu li:hover .drop {
    padding-right:21px;
    background:url(https://lh6.googleusercontent.com/-XfYgASGcAiU/TfJS0sadoEI/AAAAAAAAA2s/uRaUd3HYceo/drop.png) no-repeat right 7px; }

.menu li:hover div a { color:#a40802; }
.menu li:hover div a:hover { color:#fd190f; }
.menu li ul li a:hover { color:#fd190f; }

.dropdown_1column,.dropdown_2columns {
    margin:4px auto;
    position:absolute;
    background:#F4F4F4;
    border:1px solid #aaaaaa;
    border-top:none;
    padding:10px 5px 10px 5px;   
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); }

.dropdown_1column,.dropdown_2columns {
    left:-999em;
    text-align:left;
    -moz-border-radius: 0px 5px 5px 5px;
        -webkit-border-radius: 0px 5px 5px 5px;
        -khtml-border-radius: 0px 5px 5px 5px;
        border-radius: 0px 5px 5px 5px; }

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}

.menu li:hover .dropdown_1column,.menu li:hover .dropdown_2columns{left:-1px;top:auto}

.col_1,.col_2 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px; }

.col_1 {width:130px;}
.col_2 {width:270px;}

.menu li ul { list-style:none; padding:0; margin:0 0 12px 0; }

.menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:130px; }

.menu li ul li:hover {background:none; border:none; padding:0; margin:0; }


/*Hiệu ứng tên thành viên thêm ảnh*/
a[href="/u1"]:before {content: url(http://i47.servimg.com/u/f47/16/97/81/83/admin110.gif);}
a[href="/u1"]:after {content: url(http://bangchu.uiwap.com/images/admin.gif);}
a[href="/u6"]:after {content: url(http://www.raovat.vn/style/images/icon/vip.png);}
a[href="/u2"]:after {content: url(http://fdhv.net/forum/images/misc/mod.gif);}



/*khung thống kê*/
.khung

{
background:#FFFAF0;
font-size: 8pt;
color: #000000; font-family: Verdana,Tahoma, Helvetica, Arial, sans-serif;
padding:2px 10px 2px 10px;
margin-bottom: 2px;
border: 1px dashed #FC4400;
}





.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 31px; margin-bottom: 15px;
background: #e5effe; border-bottom: 1px solid #b4d0f3; }
.tabs li { list-style: none;float: left; line-height: 30px;
 border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
.tabs li.current { background: #FFF; height: 32px; font-weight: bold; }
.mainbox { background: #FFF; border: 1px solid #9DB3C5;
margin-bottom: 6px; padding: 1px;}
.mainbox table { width: 100%; }
#dhtmlpointer, #dhtmltooltip
{
  z-index: 999;
  left: -300px; top:0px;
  visibility: hidden;
  position: absolute;
}
#dhtmltooltip
{
  border: #666 2.4px solid;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 10px;
  font-size: 9pt;
  font-family: Arial;
  background-color: white;
  width: auto;
  max-width: 340px;
  width:expression( document.body.clientWidth >
340? "340px": "auto" );
  text-align:left;
}


/* Hiệu ứng Ảnh cấp bậc*/
.rank97 img{
opacity: 0.3;filter: alpha(opacity=30);
border-radius:5px;
background-color: #FFFFFF;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg);
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
}
.rank97 img:hover {
opacity: 1; filter: alpha(opacity=100);
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
position:relative;
}


/*Màu mỗi cấp bậc*/
.rank2{text-shadow: 0px 0px 6px rgb(255, 0,0), 0px 0px 5px rgb(255, 0,0), 0px 0px 5px rgb(255, 0,0);font-color=#ffffff; bold;}
.rank1{text-shadow: 0px 0px 6px rgb(0, 1,800), 0px 0px 5px rgb(0, 1,800), 0px 0px 5px rgb(0, 1,800);font-color=#ffffff; bold;}




/*hiệu ứng avatar*/
.avatar9x img{

border-radius:5px;
background-color: #FFFFFF;
margin:1px 3px 3px 1px;
padding:3px;
border:1px solid #d4d4d4;
box-shadow: 3px 3px 3px #8A8A8A;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
}
.avatar9x img:hover {

transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
position:relative;
}



/*trang trí khung trả lời nhanh*/
#quick_reply #text_editor_controls table {
width:500px;
}
#quick_reply #text_editor_controls {
background: url('http://img164.imageshack.us/img164/8881/bannerngang26.gif') top left;
background-repeat: no-repeat;
padding: 10px 0 20px 40px;
margin-bottom: 5px;
margin-right: 0;}
#quick_reply #text_editor_controls button.button2, #quick_reply #text_editor_controls  input.button2 {
background: none !important;
border: none !important;
padding: 2px 1px;
}


/*Code đóng khung chữ kí*/
.sig{
background:#FFFFFF;
border-left:1px solid #dbd8d8;
border-right:1px solid #dbd8d8;
padding:10px;
margin:0;}
.sig_01{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0110.gif) left no-repeat;
height:43px;}
.goc{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/goc10.gif) left no-repeat;
height:43px;}
.sig_02{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0210.gif) repeat-x;
height:43px;}
.sig_03{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0310.gif) right no-repeat;
height:43px;}
.sig_04{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0410.gif) left no-repeat;
height:23px;}
.sig_05{
background:url(http://i28.servimg.com/u/f28/15/78/09/06/sig_0510.gif) repeat-x;
height:23px;}
.sig_06{
background:url(http://i47.servimg.com/u/f47/16/97/81/83/sig_0610.png) right no-repeat;
height:23px;}



/*trang trí code và quote*/
.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*/
}



Đoạn code trên đã qua chỉnh sửa , có chú thích cụ thể cho các bạn tham khảo và tra google nhé haha!!

Hãy xây dựng diễn đàn cùng [KiNg]_[PiN]-BB bạn nhé !!!


Admin không phải cái gì cũng biết
Admin chỉ mở ra một cộng đồng để những người hiểu biết và mới biết, trao đổi học tập !
Mong Các bạn đừng đánh giá hay nói bất cứ một lời lẽ nào khích tướng OK...

Không Hay Đừng Nói Lời Cay Đắng

[*]Diễn đàn đẹp nhất với trình duyệt web Mozilla Firefox
[*]Còn với mấy loại còn lại chắc là thuộc dang diễn đàn tồi nhất !!!
Xem lý lịch thành viên http://a1k44.thptbatbat.com
Loading

29xStudio Re: CSS của Forum on 12/02/12, 11:34 pm


Cấp bậc !
•Bang Chủ•
avatar
•Bang Chủ•

[KiNg]_[PiN]-BB

Đang cập nhật

Hãy xây dựng diễn đàn cùng [KiNg]_[PiN]-BB bạn nhé !!!


Admin không phải cái gì cũng biết
Admin chỉ mở ra một cộng đồng để những người hiểu biết và mới biết, trao đổi học tập !
Mong Các bạn đừng đánh giá hay nói bất cứ một lời lẽ nào khích tướng OK...

Không Hay Đừng Nói Lời Cay Đắng

[*]Diễn đàn đẹp nhất với trình duyệt web Mozilla Firefox
[*]Còn với mấy loại còn lại chắc là thuộc dang diễn đàn tồi nhất !!!
Xem lý lịch thành viên http://a1k44.thptbatbat.com
Loading

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

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Create a blog
© 2012 A1K44BB
FM PunBB - Edit by HOàng Hải