Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9x avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440 Admin Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Thông tin thành viên : Click ! Posts : 2319
Points : 6889
Thanked : 77
10/12/2010
Birthday : 27/02/1991
Đến từ : Hải Phòng
I'm : Status : DarkNo1<=> ClubTeen9x
avatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Tuổi : 33 Posts : 2319 Points : 6889 Thanked : 77 10/12/2010 Birthday : 27/02/1991 Đến từ : Hải Phòng I'm : Status : DarkNo1<=> ClubTeen9xavatar-dulieu : 57,13100|50,11784|49,10840|64,12636|51,11465|48,12265|58,12156|66,11440
Shop Avatar
Tiêu đề: Mod_news với hiệu ứng jQuery Rotator cực đẹp Fri Sep 16, 2011 6:59 am DarkNo1<=> ClubTeen9x
Tiêu đề: Mod_news với hiệu ứng jQuery Rotator cực đẹp --------------------------------------------------- Cho Ðiểm Chủ Ðề Này
First topic message reminder : Hình nền sẽ thay đổi theo số lượt trả lời bài viết (Chỉ có tác dụng trong 10 lượt trả lời)
Cách làm: Thay toàn bộ code sau vào Mod_news
Code: <style type="text/css"> .p-title { font-size:15px; color:#B5FF00; } .cap-title{ font-size:15px; color:#1FB3DD; } </style> <style> .l-rotator{ font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#000; border:1px solid #000; position:relative; width:850px; height:300px; overflow:hidden; } .l-rotator a{ outline:none; } .l-rotator .screen{ position:relative; top:0; left:250px; width:600px; height:300px; overflow:hidden; } .l-rotator .main-img{ display:none; position:absolute; top:0; left:0; z-index:0; border:0; } .l-rotator .textbox{ position:absolute; z-index:4; overflow:hidden; visibility:hidden; } .l-rotator .inner-bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#FFF; filter:alpha(opacity=70); opacity:.7; z-index:0; } .l-rotator .inner-text{ position:absolute; top:0; left:0; padding:10px; color:#FFF; z-index:1; } .l-rotator #timer{ position:absolute; left:0; height:4px; background-color:#FFF; filter:alpha(opacity=50); opacity:.5; z-index:5; visibility:hidden; } .l-rotator .cpanel{ position:absolute; margin:5px; z-index:6; visibility:hidden; } .l-rotator #play-btn{ position:relative; float:left; width:22px; height:22px; background:#000 url(http://ca8.upanh.com/15.944.20237162.Mw0/code1kcomplaypause.png) 0 0 no-repeat; background:rgba(0,0,0,.7) url(http://ca8.upanh.com/15.944.20237162.Mw0/code1kcomplaypause.png) 0 0 no-repeat; cursor:pointer; } .l-rotator .pause{ background-position:0 -22px !important; } .l-rotator #num-info{ position:relative; float:left; height:22px; line-height:22px; padding:0 4px; text-align:center; color:#FFF; background:#000; background:rgba(0,0,0,.7); } .l-rotator #preloader{ position:absolute; top:50%; left:50%; width:34px; height:34px; margin-top:-17px; margin-left:-17px; z-index:7; background:#000 url(http://ca7.upanh.com/15.944.20237161.DbW0/code1kcomloader.gif) no-repeat center; } .l-rotator .thumbnails{ position:absolute; top:0; left:0; width:250px; height:300px; overflow:hidden; z-index:10; } .l-rotator .thumbnails ul{ list-style:none; position:absolute; top:0; left:0; height:999999px; margin:0; padding:0; } .l-rotator .thumbnails li{ position:relative; display:block; float:left; clear:both; } .l-rotator .thumbnails li a{ display:none; } .l-rotator .thumbnails li div{ display:none; color:#FFF; background-color:#000; } .l-rotator #right-arrow, .l-rotator #left-arrow{ position:relative; display:block; float:left; width:12px; } .l-rotator #right-arrow{ background:url(http://ca5.upanh.com/15.944.20237163.4M70/code1kcomrightarrow.png) left center no-repeat; } .l-rotator #left-arrow{ background:url(http://ca5.upanh.com/15.944.20237159.dhX0/code1kcomleftarrow.png) right center no-repeat; } .l-rotator .thumbnails .thumb{ position:relative; display:block; float:left; cursor:pointer; width:240px; padding:5px; color:#000; background:#EEE; background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); background:-moz-linear-gradient(top, #FFF, #EEE); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE')"; border-color:#CCC; border-style:solid; border-width:0 0 1px 0; overflow:hidden; } .l-rotator .thumb img{ display:block; float:left; padding-right:5px; } .l-rotator .thumb p{ display:block; overflow: hidden; margin:0; } .l-rotator .thumbnails li.selected, .l-rotator .thumbnails li.selected .thumb{ background:#333; background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#333)); background:-moz-linear-gradient(top, #666, #333); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#333333'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#333333')"; } .l-rotator .thumbnails li.selected .thumb{ color:#FFF; border-left:none; border-right:none; border-bottom:1px solid #333; cursor:default; } .l-rotator .thumbnails li.item-over .thumb{ background:#DDD; } .l-rotator #scrollbar{ position:relative; width:2px; height:100%; overflow:hidden; background-color:#FFF; visibility:hidden; } .l-rotator #knob{ position:absolute; top:0; left:0; width:2px; background-color:#333; } .l-rotator .btn-pane{ position:absolute; top:0; left:0; width:100%; height:24px; background:url(http://ca6.upanh.com/15.944.20237164.H5d0/code1kcomspacer.png) no-repeat; z-index:2; visibility:hidden; } .l-rotator #up-btn, .l-rotator #down-btn{ position:absolute; top:0; left:50%; width:60px; height:24px; margin-left:-30px; } .l-rotator #up-btn{ background:#DDD url(http://ca7.upanh.com/15.944.20237165.Z320/code1kcomup.png) center no-repeat; background:rgba(221,221,221,0.7) url(http://ca7.upanh.com/15.944.20237165.Z320/code1kcomup.png) center no-repeat; } .l-rotator #down-btn{ background:#DDD url(http://ca8.upanh.com/15.944.20237158.loz0/code1kcomdown.png) center no-repeat; background:rgba(221,221,221,0.7) url(http://ca8.upanh.com/15.944.20237158.loz0/code1kcomdown.png) center no-repeat; } .l-rotator .block, .l-rotator .vpiece, .l-rotator .hpiece{ position:absolute; z-index:2; } </style> <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> </style><script type="text/javascript"src="http://www.xn--tkch-wpa7sq09q.tk/html-h293.htm"></script> <div class="panel"><div class="container"><div class="l-rotator"><div class="screen"><noscript><img src="http://c.upanh.com/upload/7/836/CS0.12049526_29781_1.jpg" alt=""/></noscript></div><div class="thumbnails"> <ul> <!-- BEGIN post_row --><!-- BEGIN saut --><!-- END saut --> <li> <div class="thumb"> <img src="http://i1211.photobucket.com/albums/cc433/baivong/CFnew-{post_row.REPLIES}.jpg" alt=""/> <p><span class="cap-title">{post_row.POSTER}</span><br/>{post_row.TIME}</p> </div> <a href="http://i1211.photobucket.com/albums/cc433/baivong/CFnews-{post_row.REPLIES}.jpg" title="{post_row.L_READ_FULL}"></a> <a href="{post_row.U_VIEW_COMMENTS}" target="_blank"></a> <div style="top:5px; left:5px; width:325px; height:auto;"> <span class="p-title">{post_row.TITLE}</span><br/>{post_row.TEXT}</div> </li> <!-- END post_row --> </ul></div></div></div></div>