Floating Menu Probem
2 posters
Page 1 of 1
Floating Menu Probem
OK so, I tried to insert this code...
- Code:
<head><style type="text/css">
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: black;
width: 87px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
/***********************************************
* Floating Top Bar script- © Dynamic Drive ([url=http://www.dynamicdrive.com%29]www.dynamicdrive.com)[/url]
* Sliding routine by Roy Whittle (http://[url=http://www.javascript-fx.com/%29]www.javascript-fx.com/)[/url]
* This notice must stay intact for legal use.
* Visit http://[url=http://www.dynamicdrive.com/]www.dynamicdrive.com/[/url] for full source code
***********************************************/
var persistclose=0 //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 = 5 //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 (document·cookie.length > 0) {
offset = document·cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document·cookie.indexOf(";", offset);
if (end == -1) end = document·cookie.length;
returnvalue=unescape(document·cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document·cookie="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 d = 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.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script></head>
<body>
<div id="topbar">
<a
href="" onClick="closebar(); return false"><img
src="http://img.photobucket.com/albums/v328/stardragon588/x.jpg"
border="0" /></a>
<font color="white"><table
border="1"><tr></tr><th rowspan="2">Home <hr>
Portal <hr>Members <hr> Groups</th><th
colspan="2">Navigation
Bar</th></tr><tr><td>Text
Here</td><td>Other
Text</td></tr></table></font>
</div>
Re: Floating Menu Probem
Add this in Display>Colors
Css stylesheet tab
Add this code in Modules>Javascript Codes Management
Create a new javascript. Check Homepage
Then add this part in Display>Generalities
Homepage message
Message content:
Css stylesheet tab
- Code:
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: black;
width: 87px;
visibility: hidden;
z-index: 100;
}
Add this code in Modules>Javascript Codes Management
Create a new javascript. Check Homepage
- Code:
<script type="text/javascript">
/***********************************************
* Floating Top Bar script- © Dynamic Drive ([url=http://www.dynamicdrive.com%29]www.dynamicdrive.com)[/url]
* Sliding routine by Roy Whittle (http://[url=http://www.javascript-fx.com/%29]www.javascript-fx.com/)[/url]
* This notice must stay intact for legal use.
* Visit http://[url=http://www.dynamicdrive.com/]www.dynamicdrive.com/[/url] for full source code
***********************************************/
var persistclose=0 //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 = 5 //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 (document·cookie.length > 0) {
offset = document·cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document·cookie.indexOf(";", offset);
if (end == -1) end = document·cookie.length;
returnvalue=unescape(document·cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document·cookie="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 d = 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.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
Then add this part in Display>Generalities
Homepage message
Message content:
- Code:
<div id="topbar">
<a
href="" onClick="closebar(); return false"><img
src="http://img.photobucket.com/albums/v328/stardragon588/x.jpg"
border="0" /></a>
<font color="white"><table
border="1"><tr></tr><th rowspan="2">Home <hr>
Portal <hr>Members <hr> Groups</th><th
colspan="2">Navigation
Bar</th></tr><tr><td>Text
Here</td><td>Other
Text</td></tr></table></font>
</div>
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» floating menu plz?
» Help in Floating Menu
» How to put floating menu in CSS
» is it possible to add a Floating Menu?
» Floating menu
» Help in Floating Menu
» How to put floating menu in CSS
» is it possible to add a Floating Menu?
» Floating menu
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum