welcome

Welcome to Pandino - a place where you can find helpful tutorials & graphics, shop for cute items and view my portfolio! Leave me a comment if you like - I will reply back as soon as possible. Hope to see you around!

status

Accepting - ORDER HERE!
$1/charity - Find out more

Current Orders

Leona Fusion - premade *
ChicFans - coded premade √
I Heart Emma - gallery header *
Robbie-Jarvis.com - forum header
Molly Sims Web - icons
dtanneant.com - coded layout *
Molly Sims Web - icons


Strike = completed
√ = paid
* = unpaid

onliners

» Hanna Fever
» Hanna Fever Gallery
» Hanna Fever Forums

site stats

OWNER: Jocelyn
HOST: Gertie!
DOMAIN BOUGHT BY: ALEX!
HITS:
LAUNCHED: May 6, 2008

link back

DESCRIPTION MENUS

These are great for navigation boxes becauses visitors are able to see what each page is all about! Here is my Example. Hover over each Page link and see for yourself:

BLOG TUTORIALS CONTENT

1. First what you need to do is copy and paste this code anywhere on your page.The location is not of importance because it will not show up to visitors! <style type="text/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> <script type="text/javascript"> 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>
2. Where it says : background-color: #606060; you may change this colour code to whatever colour you want as the bacground of your description menu. You can even type in the colour (ie. pink). You can also alter the width of the box where it says: width: 300px;

3. Now copy and paste the code below and position it to suit your liking <div id="menu"><center> <a href="PAGEURL" onMouseover="showtext('Description here')" onMouseout="hidetext()">PAGENAME</a> <a href="PAGEURL" onMouseover="showtext('Description here')" onMouseout="hidetext()">PAGENAME</a> <a href="PAGEURL" onMouseover="showtext('Description here')" onMouseout="hidetext()">PAGENAME</a> <div id="tabledescription"> </div></center></div>
4. Copy and paste the site URLs of the pages you want linked in your box into where it says PAGEURL. Now write a little (brief) description for each page where it says DESCRIPTION. Lastly, where it says PAGENAME, type in the name of your chosen pages!

7REWIND | PLAY | FORWARD8