Multi-Colored Navigation System (Advanced)

HTML & CSS Scripts

Author's Comments

Look carefully for specific instructions

This is an advanced script, you MUST know basic HTML to use this.

How to Use
First you have to input the code where you would normally input your hover information.

Replace all the XXXs with the width of your navigation DIV or table

Change all the ###### to the hex code of the color you want each navigation link to have.

Then when you input your links use the codes provided in the I'd like to meet field.

You can add more colors by adding another nav tag for example at the top you would add

.navF {width:XXXpx;}
then under navE you would add
.navF:hover {text-align:justify; font-family:ariel;font-size:8px; background-color:######; color:######; width:XXXpx; text-align:right; padding: 0px;cursor:crosshair;text-decoration:none;text-transform:uppercase;}

Hopefully it's not too confusing if you still need help PM me

Working Preview

Script Copyright:
IVIike | East Coast Co. | xInfiniti

Script Code

Copy and paste to HTML


Script Comments

Showing latest 10 of 18 comments

but where do i plug in my links

By dustingraphic on Apr 25, 2009 6:06 pm

I honestly love you. aha, I've been trying to figure this out for my layout site and it wasn't working it was messing up my navigation, so I was like screw this. but your a LIFESAVER :D

By korkybabyy on Apr 10, 2009 1:14 pm

Everytime I insert the link urls myspace changes it to msplinks.

By Panchu on Mar 12, 2008 8:08 pm

This is a great script. It never worked for me when I first tried, but I was very unfamiliar with HTML back then :P

By Jennifer on Jan 4, 2008 2:50 am

i looked at the preview and the layout is really great. can i somehow get the code plz??? :0

By heartUheart on Nov 23, 2007 1:30 pm

does this just work on div layouts, or can they be put onto a default as well?

By rawritsjaejae on Oct 11, 2007 7:16 pm

coo i can't wait to see it :]

By IVIike on Oct 4, 2007 10:36 pm

sweet code.i wanted to put something like this on my next layout.

By Marlons on Oct 2, 2007 11:35 pm

thank you :]

By IVIike on Sep 3, 2007 1:42 pm

instead of putting "width:xxx" wouldnt it be easier to put "display:block" so people wouldnt have to play around with the width?

By xxtangoisnotfor3 on Sep 3, 2007 12:03 pm
View all »

Script Details

Author IVIike View profile
Submitted on Aug 19, 2007
Page views 60,496
Favorites 144
Comments 18
Reviewer Clashing View profile
Approved on Aug 19, 2007