Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »General »Graphic Design and Web Design Help
Reload this Page Help with Nav. links
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Notices
To get started view our Welcome Thread and you may want to visit some of our partner sites the Graphic Design Blog also social bookmarking and voting for Designers at the Graphic Design Links also sign up to the Graphic Design & Web Design Network

Graphic Design and Web Design Help Get Graphic Design and Web Design related help here


Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 02-07-2008, 05:04 PM
Junior Member
  
Join Date: Jul 2008
Gender: Male
Posts: 7
Default Help with Nav. links
Hi, I'm trying to get the links on my website to be like the links on This site. But cannot seem to figure it out. How do I do this?
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote

  #2 (permalink)  
Old 02-07-2008, 06:14 PM
vdowsett's Avatar
Dowsett Designs
  
Join Date: Mar 2008
Location: Overland Park, Kansas
Gender: Female
Posts: 428
Default
Can you post the code you have now.

They probably did it with CSS, using one image for the link, and another for when you hover.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #3 (permalink)  
Old 02-07-2008, 06:44 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,824
Default
There's a tutorial and code here that might help you

Listamatic: Rollover horizontal list
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #4 (permalink)  
Old 02-07-2008, 06:46 PM
Junior Member
  
Join Date: Jul 2008
Gender: Male
Posts: 7
Default
Here is code (it's a .txt file)
Attached Files
File Type: txt tablecode.txt (1.3 KB, 2 views)
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #5 (permalink)  
Old 02-07-2008, 06:49 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,824
Default
You should drop the tables and style it using css as above
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #6 (permalink)  
Old 02-07-2008, 07:00 PM
Junior Member
  
Join Date: Jul 2008
Gender: Male
Posts: 7
Default
that is what i'm looking for only vertical. And then how do I use the code on that site.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #7 (permalink)  
Old 02-07-2008, 07:01 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,824
Default
Listamatic: Rollover lists

This shows you what code you need
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #8 (permalink)  
Old 02-07-2008, 07:05 PM
Junior Member
  
Join Date: Jul 2008
Gender: Male
Posts: 7
Default
o.k. i'm stupid- so how do i add that to my website. (I am using Dreamweaver CS3)
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #9 (permalink)  
Old 02-07-2008, 07:15 PM
Toon's Avatar
Netvibes is an Addiction™
  
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,824
Default
Copy the CSS code into a CSS file and save it to your root folder than reference it in the head of the page like so...

PHP Code:
<head>
<link rel="stylesheet" type="text/css"
href="http://www.yoursite.com/mystyle.css" />
</head> 
Then put the HTML code where you want the menu to appear on your page
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #10 (permalink)  
Old 02-07-2008, 07:27 PM
Junior Member
  
Join Date: Jul 2008
Gender: Male
Posts: 7
Default
thnx alot!
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
Reply


« printing webpage | NEW: www.Admart.Asia - Anything you guys think can improve to help this website look better? »
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Add Your Design Links Toon Graphic Design Links 0 02-07-2008 09:23 AM
CSS Wizardry Links — A List of Links and Resources PR Design Web Design Forum Showcase 4 22-06-2008 10:08 PM
CSS Links Toon General Web Design Forum 2 16-02-2008 12:04 PM
Links Web Design Geek General Web Design Forum 4 24-08-2007 10:00 AM
Top 5 links SugarSpunSister Off Topic 3 19-03-2007 04:23 PM


All times are GMT. The time now is 05:01 PM.

Contact Us - Graphic Design Forum and Web Design Forum - Archive - Top



The Graphics Forum Web Design Stuff Free Decent Downloads Free Quality Wallpapers Graphics Forum
Free Vista Themes Creativecurio - Design Blog Graphic Design Advertising Graphic Design Advertising Graphic Design Advertising
The Top The Best Images Heavenly Glimpses Photography Tech Talk 247 Logo Design - $149 Affordable Stock Vector Illustrations
Free Design Portfolios

Create your own custom 2009 Calendars

Graphic Design Blog | Web Design Forum | Graphic Design and Print Forum | Graphic Design Links | Advertise On This Site

Web Design UK | Design by Miner Skinz.com | Logo Design UK | Art Schools Online | Pressure Seal Printing | Vision.To Design

Colour Print | Graphic Design UK | Logo Design |