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 12135  

Tin mới


Lợi ích của việc jailbreak iOS?
Jailbreak là gì? Hiểu một cách nôm na là chiếm quyền điều khiển mức cao nhất của máy, cũng có thể móc nối sang ...
[TaiG v2.0.0] Hướng dẫn jailbreak iOS 8.0.x -> 8.3
TaiG 2.0.0 [iOS 8.1.3-8.3] Link Tên Lửa Bước 1. Tải công cụ jailbreak ▼ Người ...
Download Tải Windows 10 (Windows Threhold) Professional Trực tiếp từ Microsoft [32 – 64 bit]
Hôm nay 30/9, Microsoft đã chính thức phát hành hệ điều hành Windows 10 với tên Windows Threhold.  Đây được xem là thông tin ...
Hướng Dẫn Crack Gta 5 Cho Pc - Bẻ Khóa Gta 5 Thành Công 100%
Sáng ngày 14/4/2015 Game Grand Theft Auto V đã chính thức ra mắt, chúng ta hay gọi là GTA 5. Chỉ sau 1 ngày ra mắt, game GTA 5 đã ...
Dùng Microsoft Office miễn phí trên iPad
Ứng dụng OnLive Desktop trên iPad giúp người dùng xử lý các tài liệu văn bản Word, Excel, PowerPoint của Microsoft hệt như khi ...
Làm chủ Microsoft Office cho iPad
Nếu là người đã thành thạo các phiên bản Office dành cho máy tính, những lời khuyên dưới đây sẽ giúp bạn hiểu và sử ...
Login Failed for User (Microsoft SQL Server, Error: 18456)
Open SQL Server Management Studio and right click on Server Node and select Properties Now go to Security Tab and go to Server Authentical Area. Select ...
Windows Server 2012 and 2008 R2 - Enable Multiple RDP sessions
Windows Server 2012 and 2008 R2 - Enable Multiple RDP sessions Problem Server 2012/2008 R2 unlike their predecessors, comes with the multiple remote ...
Java SE Development Kit 8 Downloads
Java SE Development Kit 8 Downloads Thank you for downloading this release of the JavaTM Platform, Standard Edition Development Kit (JDKTM). The JDK is ...
Đã 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 ...
  • Nổi bật
  • PrestaShop Guide
  • PrestaShop

Có thể bạn quan tâm

Game mới


Hướng Dẫn Crack Gta 5 Cho Pc - Bẻ Khóa Gta 5 Thành Công 100%
Sáng ngày 14/4/2015 Game Grand Theft Auto V đã chính thức ra mắt, chúng ta hay gọi là GTA 5. Chỉ sau 1 ngày ra mắt, game GTA 5 đã ...
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ó ...
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