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

Để 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

Đă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

Vâng !! Rất thâm thúy vs một gà mờ như e =)) :3

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

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

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