[Hỏi đáp] Cần Rip slider này về forum (không hẳn là RIP)

  Bài viết hay nhất1
Để giải thích, mình cần get 1 slider này về diễn đàn, khi get về thì khi slider của web kia cập nhật gì thì slider bên forum mình cũng cập nhật như thế, kiểu như 1 iframe, đem y nguyên cái đó về mà không cần chỉnh sữa gì hết :P

~~> fo3.garena.vn
  Bài viết hay nhất2
Đăng ký 1 hosting tạo 1 file php dùng hàm CURL để lấy cái đó xong. Dùng iframe chèn vào forum
  Bài viết hay nhất3
Vâng !! Rất thâm thúy vs một gà mờ như e =)) :3
  Bài viết hay nhất4

Bước 1

: Cho code sau vào template nào bạn muốn nhé
Code:
<div class="span8"><div class="dz-main"><div class="dz-before"></div><div class="dz-component"><div class="dz-component"><div id="m88" class="module showcase">
   <div class="module-inner">
   <div class="module-content">
<div class="slider">
<div class="slider-wrapper"><ul class="slider-holder s-active slide-vertical" style="height: 1600px; top: -320px;"><li class="slide s-id-3"><a href="/tin-tuc/giai-dau/13661-toan-canh-ve-he-thong-giai-cong-dong-toan-quoc.html" title="Toàn cảnh về hệ thống giải Cộng Đồng Toàn Quốc"><img src="/upload/images/content/2015/July/Image/Big_Banner_13661.png"></a></li><li class="slide s-id-4"><a href="/tin-tuc/giai-dau/13611-cong-bo-5-clb-fo3-moi-he-thong-giai-lien-clb.html" title="Công bố 5 CLB FO3 mới &amp; Hệ thống giải Liên CLB"><img src="/upload/images/content/2015/July/banner/Big_Banner_13611.png"></a></li><li class="slide s-id-2"><a href="/tin-tuc/su-kien/13861-nhung-su-kien-dang-co-trong-game-tu-ngay-13-8.html" title="Những sự kiện đang có trong game từ ngày 13/8"><img src="/upload/images/content/2015/Aug/Banner/Banner_13861.png"></a></li><li class="slide s-id-1"><a href="/tin-tuc/su-kien/13971-fifa-online-3-teaser-thang-8.html" title="FIFA Online  3 - Teaser tháng 8"><img src="/upload/images/content/2015/Aug/Banner/Banner_Big_13971_1.png"></a></li><li class="slide s-id-0"><a href="/tin-tuc/su-kien/14001-facebook-chung-vui-sinh-nhat-nhan-qua-tri-an.html" title="(Facebook) Chung vui sinh nhật - Nhận quà tri ân"><img src="/upload/images/content/2015/Aug/Banner/Banner_Big_14001.png"></a></li>
                                 
                                 
                                 
                                 
                                 
   </ul></div>

<ul class="slider-nav">
      
                  <li class=""><a href="javascript:;" title="(Facebook) Chung vui sinh nhật - Nhận quà tri ân" rel="0">
              (Facebook) Chung vui sinh nhật - Nhận quà tri ân                  </a></li>
    
                  <li class=""><a href="javascript:;" title="FIFA Online  3 - Teaser tháng 8" rel="1">
              FIFA Online  3 - Teaser tháng 8                  </a></li>
    
                  <li class=""><a href="javascript:;" title="Những sự kiện đang có trong game từ ngày 13/8" rel="2">
              Những sự kiện đang có trong game từ ngày 13/8                  </a></li>
    
                  <li class=""><a href="javascript:;" title="Toàn cảnh về hệ thống giải Cộng Đồng Toàn Quốc" rel="3">
              Toàn cảnh về hệ thống giải Cộng Đồng Toàn Quốc                  </a></li>
    
                  <li class="active"><a href="javascript:;" title="Công bố 5 CLB FO3 mới &amp; Hệ thống giải Liên CLB" rel="4">
              Công bố 5 CLB FO3 mới &amp; Hệ thống giải Liên CLB                  </a></li>
            
</ul>
</div>

<script type="text/javascript">
   // jquery slider
   jQuery(document).ready(function(){
    jQuery(".slider").CarouSlide({
        animType:"slide-vertical",
        autoAnim:true,
        slideTime:5000,
        animTime:300,
        alwaysNext:true
    });    
});
</script>

</div>
</div>  
</div>  

Bước 2:

Cho đoạn sau vào CSS
Code:
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid .span8 {
    width: 65.957446808511%;
}
.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.1276595744681%;
}
.span8 {
    width: 620px;
}
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
.showcase {
    position: relative;
    height: 320px;
    width: 620px;
    padding-bottom: 34px;
    background: url(../img/showcase-bg.png) center bottom no-repeat;
}
.slider {
    width: 620px;
}
.showcase .slider-wrapper {
    height: 320px;
    width: 420px;
    position: absolute;
    right: 0px;
    top: 0;
    overflow: hidden;
    border-radius: 0px 0px 5px 0px;
}
.showcase .slider-holder {
    display: block;
    height: 280px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slider-holder li {
    position: relative;
    color: #000;
    display: block;
    float: left;
    list-style: none outside none;
    width: 420px;
    height: 320px;
}
.slider-holder li a {
    display: block;
    height: 280px;
    width: 420px;
    overflow: hidden;
}
.slider-holder li {
    position: relative;
    color: #000;
    display: block;
    float: left;
    list-style: none outside none;
    width: 420px;
    height: 320px;
}
.slider-holder li a img {
    width: 420px;
    position: absolute;
    bottom: 0;
    left: 0;
}
a, .slider-holder a img {
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.showcase .slider-holder {
    display: block;
    height: 280px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.s-active {
    left: 0;
    position: relative;
    top: 0;
}
.showcase .slider-holder {
    display: block;
    height: 280px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.s-active {
    left: 0;
    position: relative;
    top: 0;
}
.showcase .slider-nav li {
    list-style: none;
    margin: 0;
}
.showcase .slider-nav li a {
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    border: 1px solid #333;
    padding: 9px;
    color: #999;
    font-size: 12px;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
    display: block;
    outline: none;
    background: url(../img/slider-nav-bg.jpg) left center no-repeat;
    border-radius: 0px 3px 3px 0px;
    width: 185px;
}
Không biết có sai xót gì không, lần đầu đi rip slide ảnh, thay lại 1, 2 link ảnh để test nhé tại vì ảnh là nguồn của nó cho nên nó để là /tenanh.jpg hoặc /tenanh.png cho nên ảnh sẽ không chạy được
  Bài viết hay nhất5
cái này là rip luôn rồi mà bạn @@ ý mình là khi rip về thì web kia cập nhật thì web mình cũng cập nhật nội dung y chang, giống như liên kết z đó. chứ k phải cập nhật bằng tay
  Bài viết hay nhất6
Vậy thì mình không biết, nhưng đừng dùng cái CODE trên nhé, nó bị lỗi, mình sẽ test lại còn cái mà tự cập nhật thì đợi pro vào giúp thôi
You cannot reply to topics in this forum