Advertising

Want to be here?

Navigation

Main Domain Owner Contest

Affiliates

Aila | Anna | Ari | Beth | Bizz & Florin | Catherine | Elisabeth | Fatima | Gunnstein | Jabed | Jack | Katinka | Kristin | Lise | Marius | Michelle & Skye | Miriam | Nina | Taz | Tiffany | Tom | Tonje | Tori | Shahad | Sophie | Vegard | Victoria

MORE?

the owner

Vibeke. 20 years old. February 23. Norway. Asker. green eyes. brown hair. soccer player.
Loves: Jan Christopher. kebab. friends. Dolly+Ferdinand. Kumsen. money. pizza. snowboard. my green car. surprises. candy. coca cola. LOST. Prison Break. Ugly Betty. sun. Nickelback.
Hates: arrogant/fake people. school. toes. rain. stealers/copiers. homework. teachers.

MORE?

Domain

Owner: Vibeke
Host: one
Site name: vejc-design.com
Online since: 4. October '07
Hits:
Online: Online
Last updated: 28. July '08

MORE?

Layout

Layout up since July 28. It was made by Vibeke in Paint Shop Pro 9. Featuring no one. Fonts used: Ambrosia.

link me

MORE?

Updates

July 28

Frontpage

Photos from Ibiza

June 9

7 PNG's

8 photographs

May 29

5 photographs

Photo Gallery

Ads

Hover Menu

Main >> Tutorials >> HTML >> Hover Menu

This is a very cute, sort of link effect. Called hover manu. It creates boxes around the links with one color and when you hover it you'll get another color. Here's how it looks, try to hover it:

TITLE

TITLE

TITLE

TITLE

Step 1: Start by copying this code and paste it in a HTML-box on the page you want the menu.
<html> <head> <style type="text/css"> ul { float:left; width:100%; padding:0; margin:0; list-style-type:none; } a { float:left; width:4em; text-decoration:none; color:white; background-color:b8d4b8; padding:0.2em 0.6em; border-right:1px solid white; } a:hover {background-color:#446244} li {display:inline} </style> </head> <body> <ul> <li><a href="LINK HERE">TITLE</a></li> <li><a href="LINK HERE">TITLE</a></li> <li><a href="LINK HERE">TITLE</a></li> <li><a href="LINK HERE">TITLE</a></li> </ul> <script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script></body> </html>

Step 2: Where it says LINK HERE, paste the URL adress of the pages you want to have in the menu. And where it says TITLE type in the name of the pages.

Step 3: If you want to change the colors, you can do this by changing the color codes on background-color:b8d4b8 and {background-color:#446244}.
And then you're done!:)

Copyright © 2007-2008 vejc-design.com. All rights reserved.
CN | ONE | GA | PB | CC