VERSION 30 - Winter wonderland OH-VINTAGE.co.uk

Welcome

Welcome to Oh-Vintage.co.uk, a resource and blog site, which is owned by an English girl. Oh-Vintage contains a large amount of tutorials and a wide range of content, ranging from layouts, to icons, and more!

Search

Navigation

Blog Sophie Domain Resources Tutorials

Stats

Since : 17/11/07
Posts: 98
Comments: 1,277
Last Post: New years revoltion 1#
Last Commentator: Kristin

Calendar

January 2009
M	T	W	T	F	S	S
« Dec
	1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Navagation hover box

ONE. Firstly you need to copy the code below and put it in a HTML box on your page or in your CSS.

#menu{
border: 1px solid black;
width: 300px;
background-color: #606060;
}

#menu a{
font: normal 10px verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #menu a{
width: auto;
}

#menu a:hover{
background-color: black;
color: white;
}

#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}

</style>

var baseopacity=0

function showtext(thetext){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("tabledescription")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("tabledescription").innerHTML=thetext
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}

function hidetext(){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
else if (document.getElementById && baseopacity==0)
document.getElementById("tabledescription").innerHTML=""
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

TWO. Now you put the code below on the page you want the iframe to be.

THREE. Where it says "URL" this is where you put the page URL. Where it says "Description here" this is where you put the Description, the description will show when you hover the page name. And where it says "EXAMPLE" this is where the page name goes.

Tutorial by oh-vintage.co.uk

Welcome

Search

Navigation

Stats

Calendar

Ask me

Advertisment

Affiliates

Navagation hover box