Cho mình xin code slide ảnh của A2pro với

[dptlong]

Như vầy nè

[Teeñ]

cho cái link 4rom đi bạn...nhìn hình lấy code thế này chịu

[dptlong]

Của trang này nè

Code:

http://a2pro.forummotion.com/forum

[notme]

cái này mình tự RIP nhé
nguồn

Code:

a2pro.forumotions.net

mình không hướng dẫn cụ thể đâu nhé
đầu tiên là chèn vào index_body chỗ nào bạn muốn = code sau

Code:

<script src="http://landofcoder.com/demo/jquery/lofslidernews/js/jquery.easing.js" type="text/javascript"></script><script language="javascript" type="text/javascript" src="http://landofcoder.com/demo/jquery/lofslidernews/js/script.js"></script>
<script type="text/javascript"> $(document).ready( function(){$('#lofslidecontent45').lofJSidernews( { interval:4000,easing:'easeInOutQuad',duration:1200,auto:true } );});</script> <style> #container { width:890px; margin:0px auto 0px; background:#FFFFFF; padding:0px; font-size:12px; margin-top:0px; }a{text-transform:none;color:#333}#footer{background:#F0F0F0;padding:10px;border:#999 dotted 1px;}ul.lof-main-wapper li {position:relative;}</style> <div style="border: 3px dashed white; background: none repeat scroll 0%0% rgb(247, 250, 161); padding: 5px 5px 5px 5px;"><div id="container"><div id="lofslidecontent45" class="lof-slidecontent"> <div class="preload"><div></div></div> <div class="lof-main-outer"> <ul class="lof-main-wapper"> <li> <img src="http://i49.servimg.com/u/f49/12/89/57/83/bcv11.jpg" title="Bò Cạp Vàng 2011" height="300" width="600">          <div class="lof-main-item-desc"> <h3><a target="_parent" title="DraySap" href="http://www.a2bmt.com/t2576-topic#25854">Bò Cạp Vàng 2011</a></h3> <p> Chuyến đi chơi Bò Cạp Vàng hè 2011 nhân dịp một số thành viên từ Đắc Lắc lên thăm xài Gòn..</p></div></li> <li> <img src="http://i29.servimg.com/u/f29/12/89/57/83/p1150310.jpg" title="Áo lớp A2 phủ xanh DraySap" height="300" width="600">          <div class="lof-main-item-desc"> <h3><a target="_parent" title="DraySap" href="http://www.a2bmt.com/t2468-topic">Áo lớp A2 phủ xanh DraySap</a></h3> <p> Họp lớp và khai trương áo lớp mới cùng chuyến đi chơi DraySap..</p></div></li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/vt10.jpg" title="Vũng tàu" height="300" width="600">          <div class="lof-main-item-desc"> <h3><a href="#">Bên nhau trên phố biển Vũng Tàu</a><br><a target="_blank" href="http://www.a2bmt.com/t2401-topic">Phần 1</a>  <a target="_blank" href="http://www.a2bmt.com/t2403-topic">Phần 2</a>  <a target="_blank" href="http://www.a2bmt.com/t2407-topic">Phần 3</a>  <a target="_blank" href="http://www.a2bmt.com/t2409-topic#25163">Phần 4</a>  <a target="_blank" href="http://www.a2bmt.com/t2410-topic#25164">Phần 5</a></h3></div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/511.jpg" title="Đi dạo mát ngắm cảnh đêm ở Quận 7" height="300" width="600">          <div class="lof-main-item-desc"> <h3><a target="_parent" title="Đi dạo mát ngắm cảnh đêm SG" href="http://www.a2bmt.com/t2392-topic#25062">Đi dạo mát ngắm cảnh đêm Q7</a></h3> <p> Sau khi đi ăn lẩu, cả đám kéo đi ngắm cảnh dạo mát ở Quận 7. Lần này có thêm bạn Tứ dễ thương, nguyên lớp phó học tập A2Pro .. </p></div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/125.jpg" title="Ăn nhậu nhà Phú Dâm mùng 4 Tết" height="300" width="600">          <div class="lof-main-item-desc"> <h3><a target="_parent" title="Ăn nhậu nhà Phú Dâm mùng 4 Tết" href="http://www.a2bmt.com/t2378-topic#24981">Mùng 4 Tết</a></h3> <p>Ngày mùng 4 Tết, nhiều thành viên A2Pro đã tụ họp đông đủ tại nhà Phú Dâm để liên hoan mừng năm mới trong không khí xuân lành lạnh nhưng ấm tình người !!</p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/211.jpg" title="Tất niên" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="Tất niên 2010" href="http://www.a2bmt.com/t2371-topic">Đêm tất niên 2010</a></h3> <p>5h chiều ngày 31/1/2011 mem A2 Pro đã tụ họp khá đông đủ tại nhà pé thỏ rapper để tổ chức bữa tiệc tất niên năm 2010...</p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/311.jpg" title="chợ hoa" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="du hí chợ hoa" href="http://www.a2bmt.com/t2370-topic">Du hí chợ hoa</a></h3> <p>Tối 30/1/2011 mem a2 pro đã tập trung tại cổng trường BMT thân iu để đi dạo chơi chợ hoa theo ý kiến của bạn Đức bắc kì...</p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/411.jpg" title="họp mặt đầu năm" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="họp mặt đầu năm 2011" href="http://www.a2bmt.com/t2333-topic">Họp mặt đầu năm ngày 6-7/1/2011</a></h3> <p>Vào những ngày đầu tiên của năm mới 2011 này.. một nhóm các thành viên A2 tụi mình đã tập trung lại với nhau và tổ chức họp lớp cực kì vui vẻ và đầy tình cảm trong hai ngày 6-7/1/2011.</p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/pmh-1010.jpg" title="Offline hoành tráng tại q7" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="Offline hoành tráng tại q7" href="http://www.a2bmt.com/t2108-topic">Offline hoành tráng tại PMH</a></h3> <p>Buổi offline đã thành công tốt đẹp với rất nhiều thành viên A2 tại Sg tham dự !! </p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/buondo10.jpg" title="" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="" href="http://www.a2bmt.com/t1893-topic">Đi chơi Bản Đôn</a></h3> <p>Sau kế hoạch đi TrohBu thất bại, cả đám ngẫu hứng kéo thẳng vào Bản Đôn !! </p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/baodem10.jpg" title="" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="" href="http://www.a2bmt.com/t1621-topic">Bão đêm chia tay</a></h3> <p>Clip bão đêm A2Pro đêm chia tay =]] </p> </div> </li><li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/kar11.jpg" title="" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="" href="http://www.a2bmt.com/t1612-topic">Karaoke ôm ngày chia tay</a></h3> <p>Những clip karaoke cảm động trong đêm chia tay, có niềm vui, nỗi buồn, tiếc nuối và cả nước mắt ^^ </p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/tongke11.jpg" title="" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="" href="http://www.a2bmt.com/t1618-topic">A2Pro - Ngày chia tay</a></h3> <p>Ngày cuối cùng bên nhau trong đời học sinh thân thương =]] </p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/nha-ho11.jpg" title="" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="" href="http://www.a2bmt.com/t1425-topic">Đi chơi nhà Hoài Anh</a></h3> <p>Lớp thống nhất bỏ cắm trại và các cuộc thi của trường để đi chơi =]] </p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/draynu10.jpg" title="" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="" href="http://www.a2bmt.com/t1124-topic">Đi chơi thác DrayNur</a></h3> <p>Chuyến đi chơi thác vui nhất, hoành tráng nhất, đông mem A2Pro tham gia nhất ^^</p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/vanngh10.jpg" title="" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="" href="http://www.a2bmt.com/t1132-topic">Thời trang diễn văn nghệ năm 11</a></h3> <p>Clip công phu, đúng chất học sinh ! góp phần làm nên thương hiệu A2Pro tại THPT BMT </p> </div> </li> <li> <img src="http://i69.servimg.com/u/f69/12/89/57/83/dap-ch10.jpg" title="" height="300" width="600">            <div class="lof-main-item-desc"> <h3><a target="_parent" title="" href="http://www.a2bmt.com/t1154-topic">A2 tại đập Chu Cấp</a></h3> <p>Một ngày trước 20/11, dân thành phố về thăm Hòa Thắng vùng ven =]] </p> </div> </li> </ul>  </div> <div class="lof-navigator-outer"> <ul class="lof-navigator"><li> <div> <h3> Bò Cạp Vàng 2011 </h3> <span>11.07.2011</span> - Nhơn Trạch, Đồng Nai</div>    </li><li> <div> <h3> Đi chơi DraySap </h3> <span>01.05.2011</span> - DraySap, Đắc Lắc</div>    </li><li> <div> <h3> Bên nhau trên phố Biển Vũng Tàu </h3> <span>26-27.02.2011</span> - Vũng Tàu</div>    </li><li> <div> <h3> Ăn lẩu, dạo mát, ngắm cảnh đêm SG </h3> <span>19.02.2011</span> - Quận 7, Tp.HCM</div>    </li> <li> <div> <h3> Ăn nhậu nhà Phú Dâm mùng 4 Tết </h3> <span>06.02.2011</span> - Nhà Phú Dâm</div>    </li> <li> <div> <h3> Đêm tất niên 2010 </h3> <span>31.01.2011</span> - Nhà Thỏ Rapper</div>    </li> <li> <div> <h3> Du hí chợ hoa </h3> <span>30.01.2011</span> - Quảng Trường Tp.BMT</div>    </li> <li> <div> <h3> Họp mặt đầu năm ngày 6-7/1/2011 </h3> <span>06-07.01.2010</span> - Tp.Hồ Chí Minh</div> </li>  <li> <div> <h3> Offline hoành tráng tại xài Gòn </h3> <span>10.10.2010</span> - Phú Mĩ Hưng, Q7, tp.HCM</div> </li>  <li> <div> <h3> Đi chơi Buôn Đôn </h3> <span>23.08.2010</span> - Bản Đôn, Đắc Lắc</div> </li><li> <div> <h3> Bão đêm chia tay</h3> <span>25.05.2010</span> - Đắc Lắc</div> </li><li> <div> <h3> Karaoke ôm ngày chia tay</h3> <span>25.05.2010</span> - Đắc Lắc</div> </li><li> <div> <h3> A2Pro - Ngày chia tay</h3> <span>25.05.2010</span> - THPT BMT, Đắc Lắc</div> </li><li> <div> <h3> Đi chơi nhà Hoài Anh</h3> <span>27.03.2010</span> - Cưmgar, Đắc Lắc</div> </li><li> <div> <h3> Đi chơi thác DrayNur</h3> <span>20.11.2009</span> - KrongAna, Đắc Lắc</div> </li><li> <div> <h3> Clip thời trang năm 11</h3> <span>19.11.2009</span> - THPT BMT, Đắc Lắc</div> </li><li> <div> <h3> A2 tại đập Chu Cấp</h3> <span>19.11.2009</span> - Hòa Thắng, Đắc Lắc</div> </li></ul> </div> </div> </div></div><br/>

Thay các link ảnh của bạn và các nội dung tiêu đề
sau đó bạn cho code này vào CSS

Code:

.lof-slidecontent{border:#F4F4F4 solid 1px;height:300px;overflow:hidden;position:relative;width:892px}.lof-slidecontent .preload{background:#FFF;color:#FFF;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:999}.lof-slidecontent .preload div{background:transparent url(http://landofcoder.com/demo/jquery/lofslidernews/images/load-indicator.gif) no-repeat scroll 50% 50%;height:100%;width:100%}
.lof-main-outer{height:100%;overflow:hidden;position:relative;width:600px;z-index:3px}.lof-main-item-desc{background:url(http://landofcoder.com/demo/jquery/lofslidernews/images/transparent_bg.png);left:50px;position:absolute;top:180px;width:500px;z-index:100px}.lof-main-item-desc p{color:#FFF;margin:0 8px;padding:8px 0}.lof-main-item-desc h3 a{color:#f6f7ac;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;font-size:140%;margin:0;padding:20px 8px 0;text-decoration:none}.lof-main-item-desc h3 a:hover{color:#FF6;text-decoration:none}ul.lof-main-wapper{background:transparent url(http://landofcoder.com/demo/jquery/lofslidernews/images/load-indicator.gif) no-repeat scroll 50% 50%;height:300px;margin:0;overflow:hidden;padding:0;position:absolute;width:600px}ul.lof-main-wapper li{float:left;height:100%;margin:0;overflow:hidden;padding:0;width:600px}.lof-opacity li{float:inherit;left:0;position:absolute;top:0}ul.lof-main-wapper li img{padding:0;width:600px}li-desc{background:url(http://landofcoder.com/demo/jquery/lofslidernews/images/transparent_bg.png);left:50px;position:absolute;top:150px;width:400px;z-index:100px}li-desc p{color:#FFF;margin:0 8px;padding:8px 0}li-desc h3 a{color:#FFF;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;font-size:140%;margin:0;padding:20px 8px 2px}li-desc h3 a:hover{color:#FF6;text-decoration:none}ul.lof-navigator{margin:0;padding:0;position:absolute;top:0;width:100%}ul.lof-navigator li{cursor:hand;cursor:pointer;list-style:none;margin:0;overflow:hidden;padding:0;width:100%}.lof-navigator-outer{color:#FFF;height:300px;overflow:hidden;position:absolute;right:0;top:0;width:310px;z-index:999}.lof-navigator li.active{background:url(http://landofcoder.com/demo/jquery/lofslidernews/images/arrow-bg.png) no-repeat scroll left center;color:#FFF}.lof-navigator li h3{color:#FFF;font-size:100%;margin:0;padding:15px 0 0!important}.lof-navigator li div{background:url(http://landofcoder.com/demo/jquery/lofslidernews/images/transparent_bg.png);border-top:1px solid #E1E1E1;color:#FFF;height:100%;margin-left:15px;padding-left:15px;position:relative}.lof-navigator li.active div{background:url(http://landofcoder.com/demo/jquery/lofslidernews/images/grad-bg.gif);color:#FFF}.lof-navigator li img{border:#C5C5C5 solid 1px;float:left;height:60px;margin:15px 15px 10px 0;padding:3px;width:60px}.lof-navigator li.active img{border:##6C8E5C solid 1px}.lof-navigator li.active h3{color:#FFF}
#content-container #left{margin-right:0;width:180px}#content-container #right{margin-left:0;width:180px}

ÔK mình đã sửa lại CSS
xong sẽ được nhwu ý muốn nhớ vote nhé

[dptlong]

Không được rối :




Cái vòng tròn nó cứ xoay xoay không ra ảnh gì hết mặc dù đẫ thay ảnh khác

[notme]

ôk bạn coppy lại cái phần CSS trên đi mình sửa lại rồi đã test được 100%

[dptlong]

SAO KY THẾ NHĨ 1 FORUM THÌ LÀM DC, CÒN 1 CÁI KO LAM DC.CÓ CẦN THÊM GÌ KO NHĨ

[dptlong]

dc rồi bạn ơi, nó mâu thuẩn java vote nè

[Sponsored content]