Kênh 360 Công Nghệ Kênh 360 Công Nghệ

Trang chủ - Joomla - Giới thiệu - Hướng dẫn - Tạo module trượt 2 bên trong Joomla

Tạo module trượt 2 bên trong Joomla

Hướng dẫn cách tạo module trượt 2 bên trong Joomla 1.5. Áp dụng thích hợp nhất cho mod_banners làm quảng cáo tự động trượt 2 bên website. Tùy chỉnh code cho phù hợp với website của bạn.
Chèn đoạn mã sau vào cuối file index.php trong thư mục Joomla template của bạn.
Ví dụ: /joomla/templates/sieuhostvn/index.php.
Chèn vào cuối trang trước khi đóng thẻ </body>
Mã HTML:
<div id="AdsRight">

<jdoc:include type="modules" name="floatright" />

</div>
<div id="AdsLeft">

<jdoc:include type="modules" name="floatleft" />

</div>

Mã Javascript:
<script type="text/javascript">

function f_clientWidth() {
return f_filterResults (
window.innerWidth ? window.innerWidth : 0,
document.documentElement ? document.documentElement.clientWidth : 0,
document.body ? document.body.clientWidth : 0
);
}
function f_clientHeight() {
return f_filterResults (
window.innerHeight ? window.innerHeight : 0,
document.documentElement ? document.documentElement.clientHeight : 0,
document.body ? document.body.clientHeight : 0
);
}
function f_scrollLeft() {
return f_filterResults (
window.pageXOffset ? window.pageXOffset : 0,
document.documentElement ? document.documentElement.scrollLeft : 0,
document.body ? document.body.scrollLeft : 0
);
}
function f_scrollTop() {
return f_filterResults (
window.pageYOffset ? window.pageYOffset : 0,
document.documentElement ? document.documentElement.scrollTop : 0,
document.body ? document.body.scrollTop : 0
);
}
function f_filterResults(n_win, n_docel, n_body) {
var n_result = n_win ? n_win : 0;
if (n_docel && (!n_result || (n_result > n_docel)))
n_result = n_docel;
return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}
</script>
Hiển thị quảng cáo trượt phải

<script type="text/javascript">
var positionFooter;
var positionRight = 0;
var widthAds = 110;
var heightAds = 200;
var div = document.getElementById('divPositionRightBannerFloat');
if(div!=null)
positionRight = div.offsetTop;

document.getElementById('AdsRight').style.display = "block";
var yy = 0;
var toptop=0;
var beforeTop = 0;
// Hien thi quang cao truot phai
function ShowAds()
{              
yy = f_clientWidth() - widthAds - 24;//padding left
toptop = (f_scrollTop() - beforeTop)/8;           
beforeTop = toptop + beforeTop + 3;

if(beforeTop < 5)
document.getElementById('AdsRight').style.top = f_scrollTop() + 'px';
else
document.getElementById('AdsRight').style.top = beforeTop + 'px';

beforeTop = parseInt(document.getElementById('AdsRight').style.top.substring(0,document.getElementById('AdsRight').style.top.length - 2));

document.getElementById('AdsRight').style.left = yy  + 'px';

document.getElementById('AdsRight').style.display = "block";

if(beforeTop < positionRight + heightAds)
document.getElementById('AdsRight').style.display = "none";

var divFooter =  document.getElementById('divPositionFloatBannerFooter');                   
if(divFooter!=null)
positionFooter = divFooter.offsetTop; 

if(beforeTop > positionFooter + heightAds)
document.getElementById('AdsRight').style.display = "none";

setTimeout('ShowAds()', 50);       
}
ShowAds();
</script>


Hiển thị quảng cáo trượt trái
<script type="text/javascript">

// Hien thi quang cao truot trai
function ShowAds2()
{
yy = f_clientWidth() - widthAds - 24;//padding left
toptop = (f_scrollTop() - beforeTop)/8;
beforeTop = toptop + beforeTop + 3;

if(beforeTop < 5)
document.getElementById('AdsLeft').style.top = f_scrollTop() + 'px';
else
document.getElementById('AdsLeft').style.top = beforeTop + 'px';

beforeTop = parseInt(document.getElementById('AdsLeft').style.top.substring(0,document.getElementById('AdsLeft').style.top.length - 2));

document.getElementById('AdsLeft').style.right = yy + 'px';

document.getElementById('AdsLeft').style.display = "block";

if(beforeTop < positionRight + heightAds)
document.getElementById('AdsLeft').style.display = "none";

setTimeout('ShowAds2()', 50);
}
// Hien thi quang cao truot trai + phai

ShowAds2();

</script>

Hoặc tải file advertisement.js về và chèn đoạn mã sau
<script type="text/javascript" src="/cntt/js/advertisement.js"></script>
Mã CSS chèn vào file template CSS hoặc chèn vào head:
#AdsRight{
z-index: 9999;
position: absolute;
width: 110px;
height: 200px;
display: none;
}
#AdsLeft{
z-index: 9999;
position: absolute;
width: 110px;
height: 200px;
display: none;
}
Truy cập Back End >> Quản lý mô đun.
Chọn module cần trượt gán vào vị trí floatleft hoặc floatright.


Tin liên quan:
Tin mới hơn:
Tin cũ hơn:

Lần cập nhật cuối ( Thứ bảy, 09 Tháng 5 2009 14:04 ) Số truy cập 11704  

Tin mới


Đã có thể cập nhật iOS 8, có link tải về offline
Apple vừa đưa ra bản cập nhật iOS để người dùng tải về. Hiện tại bạn có thể cập nhật nó bằng cách kiểm tra trong ...
Kinh nghiệm chọn mua sạc iPhone 'hàng xịn'
Kinh nghiệm chọn mua sạc iPhone 'hàng xịn' Những tai nạn giật điện liên tiếp gần đây với nghi vấn do sử dụng sạc ...
Interactive text fields with Fabric.js
Interactive text fields with Fabric.jshttp://fabricjs.com/Documenthttp://fabricjs.com/articles/http://fabricjs.com/fabric-intro-part-2/#textcanvas.add(new ...
Bộ sưu tập ảnh bìa Facebook đẹp và ý nghĩa nhất 2014
gửi tặng các bạn BST ảnh bìa Facebook đẹp và ý nghĩa nhất được tuyển chọn từ nhiều nguồn trên Internet. Các bạn hãy ...
Một số engineer lập trình game di động
Sau 1 thời gian tìm hiểu và có code thử vài game di động, mình tổng hợp 1 số engineer game thông dụng 1. Unity 3D - Website ...
Sửa lỗi 100% Disk trên Windows 8/8.1
Có khá nhiều người dùng Windows than phiền vì “dính” lỗi 100% Disk khi cài Windows 8 hoặc sau khi nâng cấp lên Windows 8.1. ...
Sửa lỗi 404 woff iis
Lỗi 404 woff files trên Chrome khi chạy web appication trên Windows Server IIS 6. Giải pháp sửa lỗi: "add MIME type qua IIS Manager ...
Chơi Flappy Bird Online không cần cài đặt
Chơi Flappy Bird Online không cần cài đặt Cách chơi Flappy BirdDùng chuột bấm vào bất kỳ vị trí nào trên màn hìnhUpdate sắp ...
Mẹo chơi Flappy Bird đạt điểm cao
Flappy Bird đơn giản nhưng mang tính giải trí cao. Khi mà nhiều nhà phát triển game chăm chút quá nhiều cho đồ họa hay tính ...
Hướng dẫn đăng ký Google Adsense Content thành công 100%
- Đối với các Web Master thì việc sở hữu một tài khoản Google Adsense Content (một số bạn còn gọi là tài khoản GA hoặc ...
  • Nổi bật
  • PrestaShop Guide
  • PrestaShop

Có thể bạn quan tâm

Game mới


Chơi Flappy Bird Online không cần cài đặt
Chơi Flappy Bird Online không cần cài đặt Cách chơi Flappy BirdDùng chuột bấm vào bất kỳ vị trí nào trên màn hìnhUpdate sắp ...
Clash of Clasn - Cách chuyển nhà từ iOS sang Android
Trên iOs bạn vào Settings > Link a device > This is the OLD DEVICE > I want to link to another device > Lấy code. Trên Android Settings > Link a ...
[Review] Grand Theft Auto 5
Sản xuất : Rockstar Games Phát triển : Rockstar North Tổng đạo diễn : Adam Fowler Chịu trách nhiệm sản xuất : Leslie ...
Download Fifa 14 PC
Download game Fifa 14 full crack Video Trailer &lt;a target="_blank" ...
GTA IV Full PC
Gã lái xe giữa những con phố nhộn nhịp ngập tràn đèn neon, vòng qua một nơi rất giống với quảng Thời đại ở New York ...
Grand Theft Auto V - Download tải game Grand Theft Auto 5 - tải GTA 5 full mod
Grand Theft Auto V (hay GTA 5) đang được sự quan tâm rất nồng hậu của các Gamer hiện nay. Sức hấp dẫn của Grand Theft Auto thì ...
Pes 2014 - Pro Evolution Soccer 2014 PC Full
Pes 2014 PC Full Clone DVD Crack Pro Evolution Soccer 2014 marks a new beginning for Konami’s blockbuster soccer series, with an ...
Clash of Clan - Thứ tự upgrade các loại trụ defence
Nên upgrade loại trụ nào trước và up lên level nào là tốt nhất? Theo mình thì thứ tự upgrade sẽ như sau: 1. Mortar: range ...
Hỏi Đáp về Game Clash of Clans
Sau đây mình sẽ trả lời những câu hỏi thường gặp của các bạn về game Clash of Clans Hỏi: Farm là gì, đi farm liệu có ...
Download Far Cry 3
Vậy là “cơn bão” cuối cùng trong năm mang tên Far Cry 3 cũng đã chính thức đổ bộ vào làng game thủ thế giới. Ngay khi ...
English French German Japanese Korean

Warning: session_write_close() [function.session-write-close]: write failed: Disk quota exceeded (122) in /home/kenh360com/domains/kenh360.com/public_html/cntt/libraries/joomla/session/session.php on line 529

Warning: session_write_close() [function.session-write-close]: Failed to write session data (files). Please verify that the current setting of session.save_path is correct () in /home/kenh360com/domains/kenh360.com/public_html/cntt/libraries/joomla/session/session.php on line 529