thấy mấy cái Rank chạy qua chạy lại đẹp quá , baivong có thể share anh em code này dc ko

demo :

Cái này sử Dụng Script bạn à
Nếu Bạn muốn trượt ra trượt vào thì có thể áp dụng CSS của Bộ gõ tiếng việt vk cũng đc đó

Code này rắc rối ở chỗ vị trí của rank, nếu bạn muốn nó nằm lệch ngoài trang như FMvi thì phải sửa một vài CSS của forum.
Vì mỗi forum cấu trúc khác nhau nên khó hướng dẫn.
Còn nếu đơn giản chỉ là trượt khi rê chuột thì bạn làm như sau:
Tìm trong viewtopic_body và thay {postrow.displayed.RANK_IMAGE} bằng:

Code:

<span class="fmviRank">{postrow.displayed.RANK_IMAGE}</span>

và đặt script sau vào cuối viewtopic_body

Code:

<script type="text/javascript">
$(function () {
    $(".fmviRank").hover(function () {
        $(this).animate({
            opacity: 0.25,
            left: "+=140"
        }, 1500, function () {
            $(this).css("opacity", "1")
        })
    }, function () {
        $(this).animate({
            opacity: 1,
            left: "-=140"
        }, 2500)
    });
});
</script>

ôh thế à .
đây là Css của mình bạn ơi

Code:

.row4 {
background: white;
}




.news-pa td.nws {
background: url(http://i34.servimg.com/u/f34/15/74/80/34/t-l217.png) no-repeat 5px 50% #F2F2F2;
color: 0372be;
padding: 5px 5px 5px 25px;
text-align: left;
}
td.nws span.date {
font-size: 9px;
font-weight: 700;
}










#hoadonchitiet{background: url(http://i43.servimg.com/u/f43/15/83/61/45/bgf12.gif) repeat scroll 0 0 #000000; border: 0px solid black; border-radius: 5px 5px 5px 5px; box-shadow: 2px 2px 3px #999999; height: auto !important; left: 5px; margin: 10px 0 15px 5px; min-height: 40px; overflow: visible; padding: 10px; position: relative; top: 6px; width: 97%;}




a:hover {
color: #090;
text-decoration: none;
font-style: italic;
text-shadow: black 3px 3px 5px;
}
.recentlink:hover {
-webkit-transition-property: all;
-webkit-transition-duration: 0.2s;
margin: 0 0 0 20px;
}

/*linking---------*/
a[href="/u1"]:hover
 {
font-size:20px
text-shadow: 0.5px 0.5px 0 green, 1.5px 1.5px 0 green;
text-shadow: 0 0 0.5em black, 0 0 0.5em black, 0 0 0.5em black;
color:
 rgb(255, 255, 255);
}
/*linking---------*/

.vote {
    width: 24px; / *-- Width của hình --* /
}



/* tcat-------------------------------------------------------------*/

.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic

{
    background: #f9f9f9  url(http://i44.servimg.com/u/f44/13/54/69/46/thead_10.gif) repeat-x top left;
    color: #4d4d4d;
    font: bold 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}









/* login icons-------------------------------------------------------------*/
#password, #username{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding:1px 1px 1px 16px;
width:100px;
}
#password {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/pass9610.png) no-repeat scroll left center; }
#username {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/id966810.png) no-repeat scroll left center; }
input.mainoption, input[type=submit], input[type=text], input[type=password], select, textarea{
  background: #FFF;
  color: #000;    border:1px solid #CCC;
  }













/*------Khung nền thống kê-----*/
.AP-tk {
height: 20px!important;
text-align:left;
font-weight:bold;
font-style:italic;
color: #000000;
font-size:10px;
background-image: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/alt2.gif);

    }
   











/* login icons-------------------------------------------------------------*/
#password, #username{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
padding:1px 1px 1px 16px;
width:100px;
}
#password {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/pass9610.png) no-repeat scroll left center; }
#username {
background:#FFFFFF url(http://i28.servimg.com/u/f28/15/68/89/57/id966810.png) no-repeat scroll left center; }
input.mainoption, input[type=submit], input[type=text], input[type=password], select, textarea{
  background: #FFF;
  color: #000;    border:1px solid #CCC;
  }



/*post body image-------------------------------------------------------------------*/
.postbody img{max-width: 600px;}

.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 26px; margin-bottom: 15px; background: #E8F3FD; border-top: 1px solid #FFF; border-bottom: 1px solid #CAD9EA; }
.tabs li { list-style: none;float: left; line-height: 27px; border-right: 1px solid #CAD9EA; height: 27px; font-size: 11px; }
.tabs li.current { background: #FFF; height: 27px; font-weight: bold; }
.mainbox { background: #FFF; border: 1px solid #9DB3C5; padding: 1px; margin-bottom: 6px; }
.mainbox table { width: 100%; }

/* Resize */

.blogmessage img {max-width: 650px;}
.blogmessage img:hover {max-width:100%;}     
.code{ overflow: auto;display: block;width: auto;max-width:870px; height: auto;max-height: 1024px;white-space: normal;padding-top: 5px;font: 0.9em Courier,'CourierNew',sans-serif;line-height: 1.3em;color: #2E8B57;margin: 2px 0; border: 1px solid #8F8F8F ;}
.quote{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #444444;
    line-height: 125%;
    background-color: #fafafa;
    border: #d1d7dc;
    border-style: solid;
    border: 1px}











/* SLIMBOX */
#lbOverlay{position:fixed;z-index: 999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter,#lbBottomContainer{position:absolute;z-index: 999;overflow:hidden;background-color:#fff;}
.lbLoading{background:#fff url(http://i28.servimg.com/u/f28/13/98/42/59/novfao10.gif) no-repeat center;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(http://i28.servimg.com/u/f28/13/98/42/59/11qo2n10.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(http://i28.servimg.com/u/f28/13/98/42/59/1r7u6o10.gif) no-repeat 100% 15%;}
#lbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(http://i28.servimg.com/u/f28/13/98/42/59/1217by10.gif) no-repeat center;outline:none;margin:5px 0;}
#lbCaption,#lbNumber{margin-right:71px;}
#lbCaption{font-weight:bold;}
#cboxOverlay,#cboxWrapper,#colorbox{left:0;overflow:hidden;position:absolute;top:0;z-index:999}#cboxOverlay{background:url(http://i63.servimg.com/u/f63/14/43/86/54/overla10.png) 0 0 repeat;height:100%;position:fixed;width:100%}#cboxBottomLeft,#cboxMiddleLeft{clear:left}#cboxContent{background:#fff;overflow:hidden;position:relative}#cboxLoadedContent{margin-bottom:28px;overflow:auto}#cboxLoadedContent iframe{border:0;display:block;height:100%;width:100%}#cboxTitle{bottom:4px;color:#949494;left:0;margin:0;position:absolute;text-align:center;width:100%}#cboxLoadingGraphic,#cboxLoadingOverlay{left:0;position:absolute;top:0;width:100%}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer}#cboxTopLeft{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -100px 0 no-repeat;height:21px;width:21px}#cboxTopRight{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -129px 0 no-repeat;height:21px;width:21px}#cboxBottomLeft{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -100px -29px no-repeat;height:21px;width:21px}#cboxBottomRight{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -129px -29px no-repeat;height:21px;width:21px}#cboxMiddleLeft{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) left top repeat-y;width:21px}#cboxMiddleRight{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) right top repeat-y;width:21px}#cboxTopCenter{background:url(http://i63.servimg.com/u/f63/14/43/86/54/border10.png) 0 0 repeat-x;height:21px}#cboxBottomCenter{background:url(http://i63.servimg.com/u/f63/14/43/86/54/border10.png) 0 -29px repeat-x;height:21px}#cboxCurrent{bottom:4px;color:#949494;left:58px;position:absolute}#cboxSlideshow{bottom:4px;color:#0092ef;position:absolute;right:30px}#cboxPrevious{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -75px 0 no-repeat;bottom:0;height:25px;left:0;position:absolute;text-indent:-9999px;width:25px}#cboxPrevious.hover{background-position:-75px -25px}#cboxNext{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -50px 0 no-repeat;bottom:0;height:25px;left:27px;position:absolute;text-indent:-9999px;width:25px}#cboxNext.hover{background-position:-50px -25px}#cboxLoadingOverlay{background:url(http://i63.servimg.com/u/f63/14/43/86/54/loadin10.png) center center no-repeat}#cboxLoadingGraphic{background:url(http://i63.servimg.com/u/f63/14/43/86/54/loadin10.gif) center center no-repeat}#cboxClose{background:url(http://i63.servimg.com/u/f63/14/43/86/54/contro10.png) -25px 0 no-repeat;bottom:0;height:25px;position:absolute;right:0;text-indent:-9999px;width:25px}#cboxClose.hover{background-position:-25px -25px}.cboxIE #cboxTopLeft{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border11.png,sizingMethod='scale')}.cboxIE #cboxTopCenter{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border12.png,sizingMethod='scale')}.cboxIE #cboxTopRight{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border13.png,sizingMethod='scale')}.cboxIE #cboxBottomLeft{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border14.png,sizingMethod='scale')}.cboxIE #cboxBottomCenter{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border15.png,sizingMethod='scale')}.cboxIE #cboxBottomRight{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border16.png,sizingMethod='scale')}.cboxIE #cboxMiddleLeft{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border17.png,sizingMethod='scale')}.cboxIE #cboxMiddleRight{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://i63.servimg.com/u/f63/14/43/86/54/border18.png,sizingMethod='scale')}.c3zbukmark a{padding:2px}











/* tabs-------------------------------------------------------------*/
.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;
}


/*PARTICULARITATI-------------------------------------------------*/

body{margin: 0px 20px 10px 20px;}

::selection {text-shadow: 1px 1px 0px black; color: white; background: #699415 !important;}
::-moz-selection {text-shadow: 1px 1px 0px black !important; color: white; background: #699415 !important;}
 ::-webkit-selection{text-shadow: 1px 1px 0px black; color: white; background: #699415 !important;}

a, a:hover{text-decoration: none !important;}

select{
padding: 2px;
border: 1px solid #699415;
border-left-width: 5px;}

button.button1, button.button2, input.button1, input.button2{
margin-bottom: 5px;
padding: 4px !important;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/button18.png) repeat-x top;}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover{
border: 1px solid grey;
background-position: top;}

input[type="submit"]:hover, input[type="button"]:hover{
border: 0;
border-bottom: 2px solid #537909;
color: white;}

.button2, .button2:hover{color: white !important;}

input[type="submit"], input[type="button"], .button2, input[type="reset"] {
cursor: pointer;
padding: 3px 6px 3px 6px !important;
background: #699415 url(http://i76.servimg.com/u/f76/11/96/49/61/button10.png) repeat-x;
border: 0;
border-bottom: 2px solid #537909;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: white;
text-shadow: 1px 1px 1px black;}

a:focus{ -moz-outline-style: none;}

textarea:focus,input:focus {outline: none;}

input, textarea{
border: 2px solid #a3a3a3;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;}

#as{
z-index: 999;
position: relative;
background: white;
padding: 5px;
margin: -5px 0 -90px 0;}#as{
z-index: 999;
position: relative;
background: white;
padding: 5px;
margin: -5px 0 -90px 0;}

/*SFARSIT---PARTICULARITATI-------------------------------------------------*/




/*HEADER-------------------------------------------------*/

#top_separator{
height: 0px;
left: 0;
position: absolute;
border-top: 4px solid #0A63A7
border-bottom:1px solid white;
width: 100%;
min-width: 945px;}

#pun-intro{
background: none;
border: none;}

#pun-head #pun-navlinks{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/header14.png) no-repeat center;
height: 57px;
padding: 0em 1.1em 0em !important;}

.search_box #srch_input{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/search12.png) no-repeat;
border: 0;
height: 36px;
width: 169px;
color: white;
font-weight: bold;
text-shadow: 1px 1px 0 black;
padding-left: 10px;
padding-right: 10px;}

.search_box #srch_button{
cursor: pointer;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/search13.png) no-repeat;
border: 0;
height: 49px;
width: 41px;
margin-left: 5px;
margin-top: -3px;}

.search_box #srch_button:hover{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/search14.png) no-repeat;}

#pun-navlinks ul{
margin-left: 10px;
padding-top: 20px;}

#pun-navlinks ul li a{
font-weight: bold;
color: white;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 2px black;
margin: 0;}

#pun-navlinks ul li a img{display: none;}

#pun-navlinks ul li{
margin: 0px 0.3em 0px 0px;
padding-top: 19px;}

#pun-navlinks ul li:hover{
background: url(http://i76.servimg.com/u/f76/11/96/49/61/hover10.png) no-repeat top center;}

#pun-navlinks ul li a[href="/faq"]{
padding-left: 5px;
padding-right: 5px;}

#pun-head{
margin-top: -100px;
padding-top: 152px;
background: url(http://i1201.photobucket.com/albums/bb358/gamekvnn/sunris11.png) no-repeat 300px top;}

#pun-title, #pun-desc{
z-index: 1;
text-shadow: 1px 1px 0 white;
width: 285px;
color: #0A63A7 !important;}

#pun-desc{
margin-top: 5px;
margin-bottom: -80px;}


/*POP-UP DE CAUTARE DIN MENIU*/

#search_menu{
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;
border: 3px solid white;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;}

#search_menu form{
border: 1px solid #0372BE;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;}

.title-overview.row2{
margin-bottom: 3px;
background: none;
text-align: center;}

.center-overview{
border-top: 1px dashed #1e62ae;}

.center-overview a{text-shadow: none !important;}

#search_menu .button1{
margin-top; -2px;
margin-left: 5px;}


/*CASETA DE LINK-URI DREAPTA-------------------------------------------------*/

#right_box{
text-shadow: 1px 1px 0 white;
margin-bottom: -30px;
list-style: none;
text-align: right;}

#right_box a{
padding: 2px;
padding-right: 0;
color: #0A63A7;
padding-right: 10px;}

#right_box li{
padding: 2px;
padding-right: 0;
border-right: 4px solid #0A63A7;
margin-bottom: 5px;}

#right_box li:hover{
border-right: 4px solid #7aac1a;}

/*SFARSIT---HEADER-------------------------------------------------*/




/*STRUCTURA SI BODY-------------------------------------------------*/

.main{margin: 0 !important;}

#page-body{margin: 0;}

#emptyidcc{
display: inline-block;
width: 898px;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/page_b10.png) repeat-y center;}

#outer-wrapper{
width: 854px;
margin-left: 25px;}

/*SFARSIT---STRUCTURA SI BODY-------------------------------------------------*/


/*FOOTER-------------------------------------------------*/

#page-bottom{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/page_b11.png) no-repeat center;
height: 19px;}

#separator_line{
height: 0px;
left: 0;
position: absolute;
border-top: 4px solid #0a63a7;
border-bottom:1px solid white;
width: 100%;
min-width: 945px;}

#separator{
margin-top: 20px;
text-align: center;}

#separator_img{margin-top: 8px;}

#pun-about{
border: 0;
background: none;}

#pun-about ul li a{color: #666 !important;}

#footer_icons{margin-bottom: -20px;}

#footer_icons a{margin-right: 10px;}

#copyright_layer{margin-top: -30px;}

#copyright{padding-right: 180px;}

#pun-foot{text-shadow: 1px 1px 0px white;}

/*SFARSIT---FOOTER-------------------------------------------------*/




/*TABELE-------------------------------------------------*/

#forabg{margin-bottom: 10px;}

#forabg .main-head{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/table_10.png) no-repeat center;
height: 40px;
padding: 0em 1.3em !important;}

#forabg .main-head .page-title{
padding: 12px;
color: white;
font-weight: bold !important;
font-family: arial;
font-size: 13px;
text-shadow: 1px 1px 0 black;}

#table_foot{
margin-top: -3px;
margin-bottom: 10px;
height: 13px;
background: white url(http://i36.servimg.com/u/f36/11/96/49/61/table_11.png) no-repeat center;}

#table_foot:last-child{margin-bottom: 0px;}

#forabg .main-content{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/table_12.png) repeat-y center !important;
border: 0;}

#forabg .tcl, #forabg .tc2, #forabg .tc3, #forabg .tcr{
background: none;
border: none;}

#forabg .tcr{width: 20%;}

#forabg .tc2{width: 20%;}


#forumbg{margin-bottom: 10px;}

#forumbg .main-head{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/table_10.png) no-repeat center;
height: 40px;
padding: 0em 1.3em !important;}

#forumbg .main-head .page-title{
padding: 12px;
color: white;
font-weight: bold !important;
font-family: arial;
font-size: 13px;
text-shadow: 1px 1px 0 black;}

#forumbg .main-content{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/table_12.png) repeat-y center !important;
border: 0;}

#forumbg .tcl, #forumbg .tc2, #forumbg .tc3, #forumbg .tcr{
background: none;
border: none;}

#forumbg .tcr{width: 20%;}

#forumbg .tc2{width: 20%;}


#forabg .statused .tcl, #forabg .statused .tc2, #forabg .statused .tcr, #forumbg .statused .tcl, #forumbg .statused .tc2, #forumbg .statused .tcr{
background-image: url(http://i76.servimg.com/u/f76/11/96/49/61/separa10.png);
background-repeat: repeat-x;
background-position: bottom;}

#forabg .statused .tcl, #forumbg .statused .tcl{
background-repeat: no-repeat;
background-position: 5px bottom !important;}

#forabg .statused .tc2, #forumbg .statused .tc2{
width: 195px;}

#forabg .statused .tcr, #forumbg .statused .tcr{
padding-right: 5px !important;
width: 179px;
background-image: url(http://i76.servimg.com/u/f76/11/96/49/61/cat_se12.png);
background-position: 0px bottom;
background-repeat: no-repeat;}

#toggle{
float: right;
margin-top: -31px;
margin-right: 10px;}

.pun table.table th{background: none;}

.status{padding-left: 4px;}

.table.calendar thead th{background: none !important;}

.pun .style1{
margin-top: 10px;
border: 2px solid lightgrey;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

.table{border-color: #bbb !important;}

/*SFARSIT---TABELE-------------------------------------------------*/




/*CASETE-------------------------------------------------*/

#pun-announcement{
padding: 7px;
width: 826px;
margin-left: 5px;
background: #fbfbfb;
border: 2px solid lightgrey;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

#fa_ticker_block .module .main-content{
margin-bottom: 10px;
padding: 7px;
background: #fbfbfb;
border: 2px solid lightgrey;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

#forabg .main-content, #forumbg .main-content{
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;}

.main .main-content{
background: #fbfbfb;
border: 2px solid lightgrey;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

.main-box {background: none;
border: 0;}

.statused{
margin-left: 5px;
width: 844px;}

#pun-visit{
background: none;
border: 0;}

.main .frm-info{
padding-left: 20px;
background: #ffd7d7 url(http://i76.servimg.com/u/f76/11/96/49/61/001_3010.gif) no-repeat 10px 10px;
border: 1px solid #a92020;}

.main-content.frm .frm-info{padding-left: 40px;}

#onlinelist{background: none;
border: 0;}

.pun-crumbs{
margin-top: 10px;
padding-left: 30px;
background: url(http://i76.servimg.com/u/f76/11/96/49/61/old-ed10.png) no-repeat 8px 4px;}

/*SFARSIT---CASETE-------------------------------------------------*/




/*ALTE CASETE--NU MODIFICATI-------------------------------------------------*/

fieldset.frm-set dl dt{
text-align: left;
width: 17em;
/*width: auto !important;*/}

#text_editor_controls, #fieldset.frm-set dl dd, .frm-input, .frm-textarea{margin-left: 10px !important;}

#smiley-box{width: 32%;}

#textarea_content{width: 65%;}

fieldset.frm-set dl dd {margin-left: 0em;}

.dd-textarea {width: 100% !important;}

#quick_reply #text_editor_controls, #quick_reply #textarea_content {padding-left: 11.5em !important;}

#quick_reply .frm-buttons{padding-left: 27em !important;}

fieldset.frm-set.multi{padding: 10px;}

.main-content.standalone{margin: 0.5em 0 0 0 !important;}

/*SFARSIT---ALTE CASETE--NU MODIFICATI-------------------------------------------------*/




/*STATISTICI-------------------------------------------------*/

#statistici{
text-shadow: 1px 1px 1px white;
border: none;
background: none;}

#statistici #onlinelist{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #F4F4F4;
border: 1px solid #DDD;}

#stats_row1, #stats_row2, #stats_row3{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #F4F4F4;
border: 1px solid #DDD;}

#stats_row1, #stats_row2{padding: 5px;}

#stats_row1{margin-right: 10px;}

#stats_row3{
padding: 0 5px 5px 5px;
margin: 10px 0;}

#pun-info{margin-top: 10px !important;}

#space_fix{
position: relative;
top: -7px !important;}

#stats{background: none;}

#onlinechat{border: none;}


/*LEGENDA*/

ul#pun-legend{margin-top: 15px;}

ul#pun-legend, ul.pun-legend {margin-bottom: 0;}

 ul.pun-legend{
margin-top: 10px;
text-align: left;
margin-left: 100px;}

#pun-legend{margin-left: -30px;}

#pun-legend li img{
margin-left: 30px;
vertical-align: middle !important;}

/*SFARSIT---STATISTICI-------------------------------------------------*/




/*TITLURI-------------------------------------------------*/

.main .main-foot, .main .main-head{
margin-top: 5px;
min-height: 10px;
text-shadow: 1px 1px 1px black;
color: white;
padding: 11px 1.3em !important;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/head11.png) no-repeat center;}

.main .main-foot a, .main .main-head a{
text-shadow: 1px 1px 1px black;
color: white !important;}

.main .main-foot #subs_title, .main .main-head #subs_title{padding-top: 12px;}

.main .main-foot a:hover, .main .main-head a:hover{text-shadow: -1px -1px 1px black;}

.pun .paged-foot, .pun .paged-head{
background: none;
border: 0;}

.main .main-foot img, .main .main-head img{vertical-align: middle;}

#tabs{min-width: 850px !important;}

#tabs ul li{margin-bottom: 5px;}

/*SFARSIT---TITLURI-------------------------------------------------*/




/*BUTOANE DE POSTARE-------------------------------------------------*/

.posting{
position: relative;
z-index: 1;}

.posting a{margin-right: 10px;}

.posting a img{
height: 62px;
width: 67px;}

.posting a img:hover{width: 166px;}

.i_post{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/topic_10.png) no-repeat;}

.i_reply{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/raspun10.png) no-repeat;}

.i_reply_locked{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/blocat12.png) no-repeat;}

.i_msg_newpost, #msg_priv img{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/mesaj_15.png) no-repeat;}

#new_image img{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/imagin10.png) no-repeat;}

/*SFARSIT---BUTOANE DE POSTARE-------------------------------------------------*/




/*CHATBOX-------------------------------------------------*/

#frame_chatbox, #chatbox_header, .chatbox{background: transparent !important;}

#chatbox_header, #chatbox_footer, .chatbox_row_1, .chatbox_row_2, .chatbox_row_3, #chatbox_members .member-title, #chatbox, #chatbox_members, .main-content.chatbox{background-color: #f9fdff !important;}

#chatbox_header {
color: #0372BE;
padding-left: 5px;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;}

#chatbox_header a, #chatbox_header label{color: #0372BE;}

#chatbox_option_co, #chatbox_option_disco{
font-size: 17px;
font-family: arial;
border-bottom: 1px dashed #0372BE;
font-weight: bold;}

#chatbox_members{
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-radius-bottomleft: 5px;
padding-bottom: 5px !important;
margin-bottom: -5px;}

#chatbox{
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-radius-bottomright: 5px;
padding-bottom: 5px !important;
margin-bottom: -5px;}

#chatbox_members, #chatbox_footer{border-color: #0372BE;}

/*CHATBOX-SFARIST-------------------------------------------------*/




/*POPUP-UL DE CONEXIUNE----------------------------------*/

#login_popup {
background: #f4faff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 3px;
border: 2px solid #0a63a7;
text-shadow: 1px 1px 0px white;}

#login_popup  .main-head{
color: white !important;
font-weight: bold !important;
margin: 0 4px;
border-top: none;
position: relative;
top: -9px;
background: #0a63a7;
border: 0;
-moz-border-radius: 0 0 7px 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
border-radius:  0 0 7px 7px;
text-shadow: 1px 1px 0px #00292e;}

#login_popup .main-head .h3{
color: white !important;
font-weight: bold !important;}

#login_popup .main-content{
background: none !important;
border: 0 !important;}

/*SAFSRIT--POPUP-UL DE CONEXIUNE----------------------------------*/




/*MODULE----------------------------------*/

.module.main{margin: 4px !important;}

.module .main-content{border: 2px solid #1e62ae;}

.module.main .main-head{
font-weight: bold;
background: #1e62ae;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
border-radius: 7px 7px 0 0;
padding-bottom: 20px;
margin-bottom: -10px;}

.module .main-head div{
position: relative;
top: -5px;}

/*SAFSRIT---MODULE----------------------------------*/




/*MESAJE----------------------------------*/

.username{
margin-top: 5px;
position: static !important;}

.pun .post .user{
padding-top: 1em;
margin-top: 0;}

.main-content.topic{
border: 0;
background: none;}

.posthead, .postmain{background: none !important;}

.pun .post{
background: #fbfbfb;
border: 2px solid lightgrey;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

#thead{
width: 854px;
height: 32px;
background: url(http://i76.servimg.com/u/f76/11/96/49/61/post_h10.png) no-repeat center;
margin-top: 10px;}

#tfoot{
width: 854px;
height: 18px;
background: url(http://i76.servimg.com/u/f76/11/96/49/61/post_f11.png) no-repeat center;
margin-bottom: 10px;}

#thead_content{
text-shadow: 1px 1px 2px black;
color: white;
bottom: -10px;
left: 30px;
position: relative;}

#thead_content a{
margin-right: 5px;
color: white;}

#thead_content strong{margin-right: 55px;}


.user-contact a img{background: url(http://i24.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat top;}

.user-contact a img:hover{background: url(http://i24.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat 0 -20px;}


div.post-options img{
margin-right: 10px;
vertical-align: middle;}

#online_img{
width: 61px;
height: 25px;
background: url(http://i73.servimg.com/u/f73/15/93/84/93/th/off10.png) no-repeat left;}

#online_img img{
background: #fbfbfb;}

#poll .main-content.frm .frm-set dl dd{width: 100% !important;}

#edit_reason{
text-align: right;
font-size: 10px;}

/*SFARSIT---MESAJE----------------------------------*/




/*BLOGURI----------------------------------*/

#blog_comments{
border: 0;
background: none;}

#blog_comments .post{
margin-bottom: 10px;}

.blog_comments{margin-right: 15px;}


#bookmarks a img.twitter {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/twitte10.png) no-repeat scroll;}

#bookmarks img.excite{display: none;}

#bookmarks a img.digg {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/digg10.png) no-repeat scroll;}

#bookmarks a img.reddit {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/reddit10.png) no-repeat scroll;}

#bookmarks a img.delicious {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/delici10.png) no-repeat scroll;}

#bookmarks a img.google {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/google10.png) no-repeat scroll;}

#bookmarks img.live {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/window10.png) no-repeat scroll;}

#bookmarks img.facebook {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/facebo10.png) no-repeat scroll;}

#bookmarks img.slashdot {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/slashd10.png) no-repeat scroll;}

#bookmarks img.netscape {display: none;}

#bookmarks img.technorati {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/techno10.png) no-repeat scroll;}

#bookmarks img.stumbleupon {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/stumbl10.png) no-repeat scroll;}

#bookmarks img.furl {display: none;}

#bookmarks img.smarking {display: none;}

#bookmarks img.newsvine {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/newsvi11.png) no-repeat scroll;}

#bookmarks img.yahoo {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/yahoo10.png) no-repeat scroll;}

.blog_cal-border{
width: 63px;
height: 82px;
background: url(http://i76.servimg.com/u/f76/11/96/49/61/blog_d10.png) no-repeat;
border: 0;}

.blog_cal-content{
margin-left: 9px;
margin-top: 10px;
text-shadow: 1px 1px 3px #456800;
background: none}

/*SFARSIT---BLOGURI----------------------------------*/




/*CODURI, CITATE, ATASAMENTE ETC.----------------------------------*/








.resizebox {
position: relative;
left: -5px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
height: 25px;
margin: 5px;
background: #765034 url(http://i26.servimg.com/u/f26/11/96/49/61/magnif10.png) no-repeat 3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

.resizebox .resize_border{border: none;}

.resizebox a{
margin-bottom: -5px !important;
font-size: 11px;
color: white !important;
text-shadow: 1px 1px 0px black;}

.fullsize{
margin-left: 10px;
display: block !important;}



blockquote{
width: 90%;
margin-top: 20px;
color: white;
text-shadow: 1px 1px 0px black;
border: 1px solid #4e3e2c !important;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #735a42 !important;}













.codebox{
width: 90%;
border: none;
padding-bottom: 10px;
background: url(http://i26.servimg.com/u/f26/11/96/49/61/codebo10.png) no-repeat bottom;
width: 614px;}

.codebox dd.cont_code, .spoiler dd{
border-top: 1px solid #8a684e !important;
margin: 0;
padding-bottom: 0px;
color: white;
text-shadow: 1px 1px 0px black;
background: #765034;}

.codebox dd.cont_code a, .spoiler dd a, blockquote a{
text-decoration:underline;
color: white !important;}

.codebox dt{
border: none;
color: white;
padding-left: 10px;
padding-top: 15px;
margin-bottom: -18px;
height: 33px;
background: transparent url(http://i26.servimg.com/u/f26/11/96/49/61/codeto10.png) no-repeat top right;}
.postmain blockquote {
background-color: white;
border: 1px solid #DDD;
padding: .5em 1em;
}
.spoiler dt{background: transparent url(http://i26.servimg.com/u/f26/11/96/49/61/spoile10.png) no-repeat top right;}



















.spoiler_content.hidden{padding: 0 10px;}

.resizebox.gensmall.clearfix.showfull{border: 2px solid #1e62ae;}

.resizebox.gensmall.clearfix.showfull.enlarged{border: 2px solid #699415;}

.resizebox{
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;
padding: 5px;
margin-bottom: 5px;
background: white;}

.attachbox, .quote{
border: 2px solid #1e62ae !important;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;
padding: 5px;
background: white;}

.module.mod_news blockquote, .module.mod_news #quote_head, .module.mod_news #quote_foot, .module.mod_news #quotes_mark, .module.mod_news .codebox, .module.mod_news #code_foot{display: none;}

#select{
position: relative;
bottom: -12px;
float: right;
color: white;
font-weight: bold;
margin-right: 40px;
text-shadow: 1px 1px 2px #002b5c;}

.codebox.spoiler #select{display: none;}









/*SFARSIT---CODURI, CITATE, ATASAMENTE ETC.----------------------------------*/


span[style="color: rgb(25, 102, 26);"],span[style="color:#19661A"],span[style="color: rgb(255, 102, 0);"],span[style="color:#FF6600"],span[style="color: rgb(5, 53, 145);"],span[style="color:#239591"],span[style="color: rgb(250, 0, 0);"],span[style="color:#FA0000"],span[style="color: rgb(89, 89, 89);"],span[style="color:#595959"]{color:#fff;text-shadow: 0 0 .2em black, 0 0 .2em black, 0 0 .3em black;}
span[style="color: rgb(255, 255, 255);"],span[style="color:#FFFFFF"]{color:#fff;text-shadow: 0 0 .2em red, 0 0 .2em red, 0 0 .3em red;}
span[style="color: rgb(26,102,26);"]:before{content: url(http://i44.servimg.com/u/f44/12/24/45/65/smod10.gif);padding-right:2px;}
span[style="color:#1A661A"]:before{content: url(http://i44.servimg.com/u/f44/12/24/45/65/smod10.gif);padding-right:2px;}

span[style="color: rgb(191, 0, 255);"]:before{content: url(/users/2211/12/43/96/album/friend10.gif);padding-right:2px;}
span[style="color:#BF00FF"]:before{content: url(/users/2211/12/43/96/album/friend10.gif);padding-right:2px;}

span[style="color: rgb(35, 53, 145);"]:before{content: url(http://i48.servimg.com/u/f48/14/28/30/23/mr10.gif);padding-right:2px;}
span[style="color:#233591"]:before{content: url(http://i48.servimg.com/u/f48/14/28/30/23/mr10.gif);padding-right:2px;}

span[style="color: rgb(110, 110, 117);"]:before{content: url(http://i24.servimg.com/u/f24/13/54/69/46/aas11.gif);padding-right:2px;}
span[style="color:#6E6E75"]:before{content: url(http://i24.servimg.com/u/f24/13/54/69/46/aas11.gif);padding-right:2px;}

span[style="color: rgb(250, 0, 0);"]:before{content: url(http://www.tinhgia3sv.tk/users/2211/12/43/96/album/friend10.gif);padding-right:2px;}
span[style="color:#FA0000"]:before{content: url(http://www.tinhgia3sv.tk/users/2211/12/43/96/album/friend10.gif);padding-right:2px;}

span[style="color: rgb(0, 0, 0);"]:before{content: url(http://i.imgur.com/3qz4A.png);padding-right:2px;}
span[style="color:#000000"]:before{content: url(http://i.imgur.com/3qz4A.png);padding-right:2px;}

span[style="color: rgb(102, 26, 173);"]:before{content: url(http://i69.servimg.com/u/f69/15/69/19/33/colors11.png);padding-right:2px;}
span[style="color:#661AAD"]:before{content: url(http://i69.servimg.com/u/f69/15/69/19/33/colors11.png);padding-right:2px;}






span[style="color: rgb(9, 20, 232);"]:before{content: url(http://cc1.upanh.com/25.728.32898380.kG40/chemgio.gif);padding-right:2px;}
span[style="color:#0914E8"]:before{content: url(http://cc1.upanh.com/25.728.32898380.kG40/chemgio.gif);padding-right:2px;}












#text_editor_textarea {
background: white url(http://i1129.photobucket.com/albums/m513/nguyenanhdung_2010/untitled-16.jpg) no-repeat bottom right;
border: 1px solid #BCBCBC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 2px;
}








/* tooltip
--------------------------------------------------- */
#dhtmlpointer, #dhtmltooltip
{
z-index: 999;
left: -300px; top:0px;
visibility: hidden;
position: absolute;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
}
#dhtmltooltip
{
border: #000000 0px solid;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 15px;
font-size: 9pt; font-weight:bold;
font-family: Arial; color:#fff;
background-color: #000;
width: auto;
max-width: 340px;
width:expression(document.body.clientWidth > 340? "340px": "auto");
text-align:left;
}
/*tooltip
--------------------------------------------------- */




Cai nay vai dong css3 la xong, can chi script xD

Zero wrote:Cai nay vai dong css3 la xong, can chi script xD

Anh dùng script là để đảm bảo hiệu ứng trên các trình duyệt cũ, mà đã nói ra rồi thì hướng dẫn luôn đi.