0
Welcome Guest! Login
0 items Join Now

Scrolling ad banner Module

Last Post
Search Topic

  • Scrolling ad banner Module

    Posted 15 years 2 months ago
    • Hi,

      I have a client with a Joomla site 1.5x. They would like to add another advertising position to the site for banner ads. We are using OpenX ad engine to distribute the ad, so this can be a module that I can place the invocation code in for the ad engine.

      Their word, "We would like to ad scrolling ad banners. The kind that follow you as you scroll down the page and have a close button on them. Sometimes they look like a post-it note."

      Does anyone know of a Joomla 1.5x compatible ad banner module like this or would you be interested in creating one. It may be some simple CSS and JS to get the module to display in a higher z level layer and follow the scrolling of the visitor.

      Thanks,
      Mike
    • www.jikometrix.net
      JIKOmetrix - Reliable web hosting
    #391223

  • Re: Scrolling ad banner Module

    Posted 15 years 2 months ago
    • Hi,

      I think I have it figured out. I'm going to make a banner module based on some java scripts I found.

      If anyone is interested I can post a sample back here when I'm done.

      Thanks,
      Mike
    • www.jikometrix.net
      JIKOmetrix - Reliable web hosting
    #391231

  • Re: Scrolling ad banner Module

    Posted 15 years 2 months ago
    • I would be interested in this. It seems that the Rockettheme site is using a similar kind of auto-scroll module in the right hand column. I'm looking for this functionality and haven't been able to find much on this site, or the joomla.org extension site. Any help or information would be great.
    #393541

  • Re: Scrolling ad banner Module

    Posted 15 years 2 months ago
    • Hi,

      Here is the basic code. I still need to put this in a module and let accept var input from the module manager. If you copy past this into an HTML file and view You will see what I mean.
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
 
<body>
 
<table width="90%" border="0" cellpadding="0" height="2000">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
 
<!-- Begin FloatMail Code //-->
 
<script>
/* Floating Mail-This-Link Script C.2004 by CodeLifter.com */
 
// Insert the entire script just before the </body> tag.
// Set the following two position parameters
// Negative numbers are relative to right (hX) or bottom (vY)
// Positive numbers are relative to left (hX) or (vY) top
// Experiment with values to get positioning exact, and allow
// for the dimensions of the image & form in the positioning
 
// var hX = 340;
// var vY = -140;
 
var hX = 340;
var vY = 100;
 
</script>
 
<!-- Edit the HTML between the div tags to suit your design //-->
 
<div id="FloatMail" style="position: absolute;
                           background-color: #ccc;
                           background-image:url('float_dots.gif');
                           width: 180px;
                           border-width: 2;
                           border-style:outset;
                           border-color:#444444;
                           padding:5px">
<center>
<form name="eMailer">
<font size="2" face="Verdana,Arial" color="#ff0056">
Floating AD banner
<br>
That will follow you:
</font>
<br>
<input type="button" value="Close window" onClick="document.getElementById('FloatMail').style.display='none'"
style="color:#ff0057;
       font-family:Arial;
       font-size:10pt;       
       background-color:#000000;
       border-width:1;
       border-style:solid;
       border-color:#242424;
       margin-top:7px;">
</form>
</center>
</div>
 
 
<!-- End of editable HTML //-->
 
<script>
/* Floating Mail-This-Link Script C.2004 by CodeLifter.com */
/* Caution! Do not allow linebreaks other than where shown */
 
var nn=(navigator.appName.indexOf("Netscape")!=-1);
var dD=document,dH=dD.html,dB=dD.body,px=dD.layers?'':'px';
function floatMail(iX,iY,id){
var L=dD.getElementById?dD.getElementById(id):dD.all?dD.all[id]:dD.layers[id];      
this[id+'O']=L;if(dD.layers)L.style=L;L.nX=L.iX=iX;L.nY=L.iY=iY;
L.P=function(x,y){this.style.left=x+px;this.style.top=y+px;};L.Fm=function(){var pX, pY;    
pX=(this.iX >=0)?0:nn?innerWidth:nn&&dH.clientWidth?dH.clientWidth:dB.clientWidth;  
pY=nn?pageYOffset:nn&&dH.scrollTop?dH.scrollTop:dB.scrollTop;   
if(this.iY<0)pY+=nn?innerHeight:nn&&dH.clientHeight?dH.clientHeight:dB.clientHeight;    
this.nX+=.1*(pX+this.iX-this.nX);this.nY+=.1*(pY+this.iY-this.nY);this.P(this.nX,this.nY);
setTimeout(this.id+'O.Fm()',33);};
return L;}
floatMail(hX,vY,'FloatMail').Fm();
</script>
 
<!-- End FloatMail Code //-->
 
</body>
</html>
 
    • www.jikometrix.net
      JIKOmetrix - Reliable web hosting
    #393546

  • Re: Scrolling ad banner Module

    Posted 15 years 2 months ago
    • Thanks for this. I'll take a closer look over the next couple days.
    #393598

  • Re: Scrolling ad banner Module

    Posted 15 years 2 months ago
    #393604

  • Re: Scrolling ad banner Module

    Posted 15 years 2 months ago
    • Hi,

      When I get this into a module I'll post a link.

      I was thinking that it may be nice to be able to use this module to display other modules. So you can make any module a floating slider module. I'll met you know how that goes.

      Mike
    • www.jikometrix.net
      JIKOmetrix - Reliable web hosting
    #393783

  • Re: Scrolling ad banner Module

    Posted 15 years 2 months ago
    • Mike,

      That's what I envisioned. Let me know if there's anything I can do to help with this.
    #393864

  • Re: Scrolling ad banner Module

    Posted 15 years 1 month ago
    • Hi,

      The code I posted does not work in IE8 for some reason. I'm trying to come up with a fix using jquery or something similar.

      Does anyone here know how this show work in IE?

      Mike
    • www.jikometrix.net
      JIKOmetrix - Reliable web hosting
    #395186

  • Re: Scrolling ad banner Module

    Posted 15 years 1 month ago
    #395205

Time to create page: 0.056 seconds