Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Trying to set a floating image
 
dario_13
Jr. Member
 
Total Posts:  17
Joined:  2009-10-05
 

Hello,

Well, i want to set a floating image on my website: http://www.danceaffairshamburg.com

Top left

On which file do I have to insert the script for this? I found this script on the internet that i have to insert at the HEAD tag:

Step 1: Add the following code into the <HEAD> section of your page:

<style type="text/css">

#topbar{
position:absolute;
border1px solid black;
padding2px;
background-colorlightyellow;
width620px;
visibilityhidden;
z-index100;
}

</style>

<
script type="text/javascript">

/***********************************************
* Floating Top Bar script- Â© Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistclose=//set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX 30 //set x offset of bar in pixels
var startY //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement document.body
}

function get_cookie(Name{
var search Name "="
var returnvalue "";
if (
[removed].length 0{
offset 
[removed].indexOf(search)
if (
offset != -1{
offset 
+= search.length
end 
[removed].indexOf(";"offset);
if (
end == -1end [removed].length;
returnvalue=unescape([removed].substring(offsetend))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
[removed]="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
    barheight
=document.getElementById("topbar").offsetHeight
    
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var 
document;
    function 
ml(id){
        
var el=d.getElementById(id);
        if (!
persistclose || persistclose && get_cookie("remainclosed")=="")
        
el.style.visibility="visible"
        
if(d.layers)el.style=el;
        
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
        
el.startX;
        if (
verticalpos=="fromtop")
        
el.startY;
        
else{
        el
.ns pageYOffset innerHeight iecompattest().scrollTop iecompattest().clientHeight;
        
el.-= startY;
        
}
        
return el;
    
}
    window
.stayTopLeft=function(){
        
if (verticalpos=="fromtop"){
        
var pY ns pageYOffset iecompattest().scrollTop;
        
ftlObj.+= (pY startY ftlObj.y)/8;
        
}
        else{
        
var pY ns pageYOffset innerHeight barheightiecompattest().scrollTop iecompattest().clientHeight barheight;
        
ftlObj.+= (pY startY ftlObj.y)/8;
        
}
        ftlObj
.sP(ftlObj.xftlObj.y);
        
setTimeout("stayTopLeft()"10);
    
}
    ftlObj 
ml("topbar");
    
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load"staticbarfalse)
else if (
window.attachEvent)
window.attachEvent("onload"staticbar)
else if (
document.getElementById)
window.onload=staticbar
</script>
/code]

Step 2
Insert the below HTML code in the BODY section of your pageoutside any container tags (iea DIV or TABLE):
[code]<div id="topbar">
<
a href="" onClick="closebar(); return false"><img src="close.gif" border="0" /></a>
Your content here.
</
div>

Thank you for your help

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top