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 11288  

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
  • Download Game bóng đá PES8 Việt Nam. Download Game bóng đá PES8 Việt Nam
    Bản việt hóa đầy đủ game bóng đá đỉnh nhất cho tới nay PES8 - Pro Evolution Soccer 8 bao gồm các đội tuyển Việt Nam,.. ... (142859)
  • Tải game Dragon ball Z - 7 viên ngọc rồng. Tải game Dragon ball Z - 7 viên ngọc rồng
    Lần đầu tiên xuất hiện trên hệ PS2, Dragon Ball Z - 7 viên ngọc rồng là một tựa game hành động đối kháng, và vài năm ... (122898)
  • Tải game bóng đá FiFa 09. Tải game bóng đá FiFa 09
    Khá nhiều tính năng cải thiện cơ cấu trong Fifa 2009 game thể thao bóng đá của EA từng trình làng ở bản UEFA 08 đã tìm ... (120056)
  • Tải Game Bóng Đá Pro Evolution Soccer 6 Việt Nam. Tải Game Bóng Đá Pro Evolution Soccer 6 Việt Nam
    Bản việt hóa game bóng đá Pro evolution Soccer 6 gần 100%. Bản PES 6 VN bao gồm các đội bóng Việt Nam, Thái Lan,.. Bình luận ... (100596)
  • Download PES 2011 patch Việt Nam PESVN. Download PES 2011 patch Việt Nam PESVN
    Download Pro Evolution Soccer 2011 patch game bóng đá PES Việt Nam PESVN Cập nhật đội hình mới nhất của Đội Tuyển Việt Nam ... (89254)
  • Download Game THE SIMS 3. Download Game THE SIMS 3
    The Sims Đạt 1.4 triệu bản bán ra trong tuần đầu, dẫn đầu về lịch sử các game bán chạy nhất trong vòng 27 năm của EA. ... (73390)
  • Download Pro Evolution Soccer 2011. Download Pro Evolution Soccer 2011
    Sau thất bại của những phiên bản Pro Evolution Soccer (PES) trong những năm qua, Konami đã trình làng Pro Evolution Soccer 2011 với ... (71707)
  • Tải Game Bóng Đá FIFA 2009 RIP 1 CD. Tải Game Bóng Đá FIFA 2009 RIP 1 CD
    Khá nhiều tính năng cải thiện cơ cấu trong game bóng đá của EA từng trình làng ở bản UEFA 08 đã tìm được đường sang ... (69842)
  • Tải Game bóng đá PES 2009. Tải Game bóng đá PES 2009
    Nhắc đến biểu ngữ PES Unites, Konami đã tập hợp tất cả những kiểu chơi cũ từ dòng Game bóng đá của mình với những ... (59601)
  • Download PES 2011 demo. Download PES 2011 demo
    Mời bạn trải nghiệm phiên bản demo của tựa game mô phỏng bóng đá PES 2011 (Pro Evolution Soccer 2011) nổi tiếng. ... (55802)

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