Chủ Nhật, 25 tháng 10, 2015

NUKEVIET - Slide ảnh demo

NUKEVIET - Slide ảnh demo, đã test tên nukeviet3.4 cả local và host!
//Theo http://forum.nukeviet.vn/viewtopic.php?f=103&t=16686
**************************
Bỏ hiện số 1,2,3 thì vào file style.css và tìm :
.nivo-controlNav {
   position:absolute;
   left:260px;
   bottom:-42px;
}
thêm visibility:hidden; vào như sau:
.nivo-controlNav {
   position:absolute;
   left:260px;
   bottom:-42px;

   visibility:hidden;
}
****************************
Còn nút next thì bạn xem trong file style.css có 2 cái này chưa :
a.nivo-nextNav {
   background-position:-30px 0;
   right:15px;
}
a.nivo-prevNav {
   left:15px;
}
*********************
Link tải :
https://drive.google.com/file/d/0B3MbGKsNEy3ANkZJcTZLU1d2TXc/view?usp=sharing
Huong dan:

Copy File global.anhdemo.php vao: includes\blocks...

Copy thu muc: demo vao trong theme ma ban dang su dung:


Vao: layout mo theme: header.tpl
Them: 
        <link rel="stylesheet" type="text/css" media="screen" href="{NV_BASE_SITEURL}themes/{TEMPLATE}/demo/nivo-slider.css" />
<link rel="stylesheet" type="text/css" media="screen" href="{NV_BASE_SITEURL}themes/{TEMPLATE}/demo/style.css" />


    <script type="text/javascript" src="{NV_BASE_SITEURL}themes/{TEMPLATE}/demo/scripts/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="{NV_BASE_SITEURL}themes/{TEMPLATE}/demo/scripts/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });

    </script>

Không có nhận xét nào:

Đăng nhận xét