Link Question

SportsInvestor · #1 03-06-2005, 02:40 AM

I am redesigning my website and wanted to have the links on my menu bar change colors like the links on the statcounters homepage when you put your mouse on them. the problem is that i really don't know much about web design and don't know how it's done. can someone help?

thanks!!

motorwatchercounter · #2 03-06-2005, 03:07 AM

3 ways to do it.

1 is to change each links seperately which is messy but let me know and I will explain

2 Run this from an external css file. This may be for the future if you want to experiment with running all look and feel by css

3 Put some code before the closing head tag </head>

Here is an example

<style type="text/css">
<style>
a:link { color: blue; font-family: "Andale Mono", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; font-size:medium; font-weight:bold; font-style:italic; }
a:visited { color: green; font-family: "Andale Mono", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
a:hover { color: #000000; font-family: "Andale Mono", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
</style>

If you look through this, the first part is when eg a:hover,
The next is the colour eg red or hex number,
The next is font type,
Text-decoration:none means do not show the underline,
Font-size explains itself
Font-weight can be left out or bold for example,
Font-style can be left out or something like italic

SportsInvestor · #3 03-06-2005, 04:26 AM

Thanks for the code. i will try it. can you also explain how to do it seperately. that way i know 2 ways of doing it.

thanks again!

motorwatchercounter · #4 03-06-2005, 04:45 AM

Try this code between the <body> </body tags>

<a href="http://www.domain.net">dfddghdghd
</a>

Your Link


dhgdthhthrrh 

The

 are just paragraphs and are not needed for the actual link

To get you started here is a nice list of code to get you started and building. Also check out the tips.

http://www.web-source.net/html_codes_chart.htm

SportsInvestor · #5 03-06-2005, 11:14 PM

i tried adding the code between the head tags. only 2 of the links on my menu bar actually become underlined when you put your mouse on them....the others are the same as before. and if you look at it with firefox, nothing is different. i probably did something wrong. i don't understand code to well, but i'm learning. could you check it out to see what i messed up. the page is http://sportsinvestingguide.com/new_page_2.htm.

many thanks!

motorwatchercounter · #6 03-07-2005, 01:52 AM

That page is down at the minute.

SportsInvestor · #7 03-07-2005, 02:59 AM

hmm....don't know why it was done, but it's working now.

motorwatchercounter · #8 03-07-2005, 03:25 AM

Hi,

The link should be
http://www.sportsinvestingguide.com/new_page_2.htm

Change the A;hover line to
a:hover {color: #FFFFFF; font-family: verdana; text-decoration: none }

Put this in the table

<td width="100%" bgcolor="#5394AC">
Home
| Blog | Sports Investing? | [/b]
<a href="http://sportsinvestingguide.com/thebettorsguide.htm">SIG
Gambling Guide</a>
 |
<a href="http://sportsinvestingguide.com/fantasy2.htm">Fantasy
Sports</a>
 |
<a href="http://www.sportsinvestingguide.com/links/ThemeIndex.html">Gambling
Directory</a>
|&
<a href="http://sportsinvestingguide.com/affiliate2.htm">Affiliate
Program</a>
 |
Webmasters
 |
Contact
 |
</td>

I have only done the first 3. The text size changes, the colour changes and the line goes. Go back to the A:hover at the top. The white font is because you asked for #ffffff which is white. take out the #ffffff and type in red. This will change the mouse over to a red font. I have changed the hover to decoration none which means the ilne goes on hover. You can change the font by saying font size 12.

Have a go at this first and let me know when you have got it or need more help.

SportsInvestor · #9 03-07-2005, 09:54 PM

Thanks a lot!!! i will try this when i get a chance a little later tonite.

SportsInvestor · #10 03-09-2005, 01:54 AM

ok i re-did and added the code, but i must have done something wrong. i want the link to only be underlined when the mouse hovers over it. if you look at the site with firefox the links are underlined and blue. they turn white when the mouse hovers. take a look in IE and every thing is the same except for some reason the 2nd and 3rd links are white.

what did i mess up this time? thank you for being so patient with me!!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode