[Code] Bảng danh sách Anime Online hoặc hình ảnh ver VSD 2013[✔]

[Rin]

VSD phiên bản cũ sập rồi ôm khư khư đống phiên bản 2013 cũng ko dc gì nên nay share típ cho mọi người

Hàng free và được share nên cũng đừng tự ý sửa dòng thực hiện đấy nhé

demo ảnh:

Xem!:

gắn code sau vào vị trí phù hợp trong index_body

Code:

<div class="newost_container">

<h3 class="module-title module-hot"><b><font style="Arial" size=3><font color="#00a3fa"><span class="color">Anime</span></font> Online</h3></font></b>
    <div id="ost_list">

      
             <style>/* new ost made by Rin VnSweetDream */
.newost_container {
position: relative;
background: #fff;
border: solid 1px #E8E8E8;
border-bottom: solid 1px #DDD;
padding-bottom: 10px;
}
#ost_list {
overflow: hidden;
margin: auto;
width: 985px;
margin-top: 5px;
}
.ost {
float: left;
width: 142px;
text-align: center;
padding: 5px;
border: solid 1px #DEDEDE;
margin: 0 5px;
position: relative;
}
.ost_img img {
width: 142px;
height: 142px;
}
.ost_title {
position: absolute;
width: 132px;
height: 132px;
top: 5px;
background: rgba(234, 99, 0, 0.79);
text-align: left;
padding: 5px;
display: none;
color: #fff;
               }</style>
                
                    <div class="ost">
                       <div class="ost_img"><a href="t8078-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/tumblr11.jpg" width="100" height="80" border="0" alt="Sword Art Online II" title="Sword Art Online II"></a></div>
                     <a href="t8078-topic"><div class="ost_title" style="display: none;"><p>Sword Art Online II</p></div></a>
                    </div>
                       
                    <div class="ost">
                       <div class="ost_img"><a href="t8079-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/kaneki11.jpg" width="100" height="80" border="0" alt="Tokyo Ghoul" title="Tokyo Ghoul"></a></div>
                     <a href="t8079-topic"><div class="ost_title" style="display: none;"><p>Tokyo Ghoul</p></div></a>
                    </div>
                       
                    <div class="ost">
                       <div class="ost_img"><a href="t8067-topic"> <img src="http://i55.servimg.com/u/f55/16/58/14/84/mahouk11.jpg" width="100" height="80" border="0" alt="Mahouka Koukou no Rettousei" title="Mahouka Koukou no Rettousei"></a></div>
                     <a href="t8067-topic"><div class="ost_title" style="display: none;"><p>Mahouka Koukou no Rettousei</p></div></a>
                    </div>
                       
                    <div class="ost">
                       <div class="ost_img"><a href="t8087-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/free10.jpg" width="100" height="80" border="0" alt="Free! - Eternal Summer" title="Free! - Eternal Summer"></a></div>
                     <a href="t8087-topic"><div class="ost_title" style="display: none;"><p>Free! - Eternal Summer</p></div></a>
                    </div>
                       
                    <div class="ost">
                       <div class="ost_img"><a href="t8086-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/akame_12.jpg" width="100" height="80" border="0" alt="Akame ga Kill!" title="Akame ga Kill!"></a></div>
                     <a href="t8086-topic"><div class="ost_title" style="display: none;"><p>Akame ga Kill!</p></div></a>
                    </div>
                       
                    <div class="ost">
                       <div class="ost_img"><a href="t8077-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/670px-10.jpg" width="100" height="80" border="0" alt="Seikoku no Dragonar" title="Seikoku no Dragonar"></a></div>
                     <a href="t8077-topic"><div class="ost_title" style="display: none;"><p>Seikoku no Dragonar</p></div></a>
                    </div>
                     

            </div>

Chúc các bạn thành công

Made by Rin - VSD

[Chúa Tể Địa Ngục]

sao dạo này chú Rin lại tốt bụng share nhỉ : sao trước ko share :v

[Rin]

lúc trước 4r còn hoạt động thì nó là độc quyền tạo ra nhằm phục vụ cho lợi ích riêng thôi nhưng bị sập rồi thì giữ lại cũng vậy thế nên đem share cho thiên hạ dùng có lẻ tốt hơn

[Chúa Tể Địa Ngục]

thế giờ có áp dụng cho VSD mới ko và còn gì share đi :v

[Rin]

code nào Rin share thì code đó là của VSD cũ không áp dụng cho VSD mới nữa... còn tùy xem xét rồi mới share tiếp hay ko

nếu số like cỡ 10 thì sẽ share tiếp cái viewtopic punbb của VSD cũ

[Chúa Tể Địa Ngục]

Sao khó khăn như Liv chen chân vô top 4 vại :v

[Chúa Tể Địa Ngục]

Rin xem dùm coi chừng xung đột gì đó mà khi rê chuột vô nó ko hiện như hình đã trỏ chuột ở trên
http://otaku-world.yourme.net/

[Rin]

à thiếu đoạn script code dưới mới chuẩn đây thay lại nhé

Code:

<div class="newost_container">

<h3 class="module-title module-hot"><b><font style="Arial" size=3><font color="#00a3fa"><span class="color">Anime</span></font> Online</h3></font></b>
    <div id="ost_list">

     
            <style>/* new ost */
.newost_container {
position: relative;
background: #fff;
border: solid 1px #E8E8E8;
border-bottom: solid 1px #DDD;
padding-bottom: 10px;
}
#ost_list {
overflow: hidden;
margin: auto;
width: 985px;
margin-top: 5px;
}
.ost {
float: left;
width: 142px;
text-align: center;
padding: 5px;
border: solid 1px #DEDEDE;
margin: 0 5px;
position: relative;
}
.ost_img img {
width: 142px;
height: 142px;
}
.ost_title {
position: absolute;
width: 132px;
height: 132px;
top: 5px;
background: rgba(234, 99, 0, 0.79);
text-align: left;
padding: 5px;
display: none;
color: #fff;
              }</style>
               
                    <div class="ost">
                      <div class="ost_img"><a href="t8078-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/tumblr11.jpg" width="100" height="80" border="0" alt="Sword Art Online II" title="Sword Art Online II"></a></div>
                    <a href="t8078-topic"><div class="ost_title" style="display: none;"><p>Sword Art Online II</p></div></a>
                    </div>
                     
                    <div class="ost">
                      <div class="ost_img"><a href="t8079-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/kaneki11.jpg" width="100" height="80" border="0" alt="Tokyo Ghoul" title="Tokyo Ghoul"></a></div>
                    <a href="t8079-topic"><div class="ost_title" style="display: none;"><p>Tokyo Ghoul</p></div></a>
                    </div>
                     
                    <div class="ost">
                      <div class="ost_img"><a href="t8067-topic"> <img src="http://i55.servimg.com/u/f55/16/58/14/84/mahouk11.jpg" width="100" height="80" border="0" alt="Mahouka Koukou no Rettousei" title="Mahouka Koukou no Rettousei"></a></div>
                    <a href="t8067-topic"><div class="ost_title" style="display: none;"><p>Mahouka Koukou no Rettousei</p></div></a>
                    </div>
                     
                    <div class="ost">
                      <div class="ost_img"><a href="t8087-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/free10.jpg" width="100" height="80" border="0" alt="Free! - Eternal Summer" title="Free! - Eternal Summer"></a></div>
                    <a href="t8087-topic"><div class="ost_title" style="display: none;"><p>Free! - Eternal Summer</p></div></a>
                    </div>
                     
                    <div class="ost">
                      <div class="ost_img"><a href="t8086-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/akame_12.jpg" width="100" height="80" border="0" alt="Akame ga Kill!" title="Akame ga Kill!"></a></div>
                    <a href="t8086-topic"><div class="ost_title" style="display: none;"><p>Akame ga Kill!</p></div></a>
                    </div>
                     
                    <div class="ost">
                      <div class="ost_img"><a href="t8077-topic"> <img src="http://i39.servimg.com/u/f39/16/58/14/84/670px-10.jpg" width="100" height="80" border="0" alt="Seikoku no Dragonar" title="Seikoku no Dragonar"></a></div>
                    <a href="t8077-topic"><div class="ost_title" style="display: none;"><p>Seikoku no Dragonar</p></div></a>
                    </div>
                    

            </div>
   
  <script>
$(document).ready(function() { 
      $('.ost').mouseenter(function() {
            $(this).find('div:eq(1)').stop(true, true).fadeIn(300);
            var $tith = $(this).find('p').height();
$(this).find('p').css({
"margin-top" : "'87-'.$tith/2;"

});
          });
      $('.ost').mouseleave(function() {
              $(this).find('div:eq(1)').stop(true, true).fadeOut(200);   
          });

});

</script>


</div>

[Chúa Tể Địa Ngục]

vãi chú )))) May là có tui thắc mắc
Bổ sung: hình như vẫn bị http://otaku-world.yourme.net/

[Rin]

mình đã test lại code rồi và vẫn hoạt động bình thường trên hầu hết các skin sao có cái skin đó là lỗi nhỉ

xem đỡ ghiền này http://sdsdsd.forumvi.com

[Chúa Tể Địa Ngục]

ê cho xin skin đó lun

[Rin]

skin này xấu hoắc mà ko có icon đằng trước box đâu có đáng xài nhưng chốt lại là

nếu lượt like 10 thì mình sẽ share tiếp những sản phẩm mà VSD cũ từng giấu

[Chúa Tể Địa Ngục]

chán chú Rin ghê ;v

[Mr.Winni]

Phải chi nó tự cập nhật từ chuyên mục thì hay biết mấy lấy ảnh từ bài viết ra thì DEVS cũng làm được rồi Đã like

[Rin]

Phải chi nó tự cập nhật từ chuyên mục thì hay biết mấy lấy ảnh từ bài viết ra thì DEVS cũng làm được rồi Đã like

thiệt mình cũng từng nung nấu cái ý tưởng đó rồi mà vẫn chưa thực hiện được

[Portgas D.Ace]

Tìm mãi mới thấy nút like, hầy -.-

[Sponsored content]