Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 08-24-2004, 11:53 AM
roach roach is offline
Junior Member
 
Join Date: 08-24-04
Posts: 2
iTrader: 0 / 0%
Text colour change - Rollover

OK, so this question has probably been asked about a million times before in here but I'm a sad lowly UK newbie web designer so please take pity!!

I have a current project where I need some link text to change colour (from white to grey specifically!) when the mouse rolls over it. Tried the flash way, could get it to change colour but how the hell do you get to add the link?????? Or is there an easier way.....because I just love easy solutions!

HELP PLEASE!!!!!

Dan
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 08-24-2004, 11:58 AM
Jazzee Jazzee is offline
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
Use CSS.

For the link, put this:
<a class="colorchange" href="link.html">

In your stylesheet, put this:

a.colorchange {color: #ffffff;}
a.colorchange:hover {color: #333333;}
 
Reply With Quote
  #3  
Old 08-24-2004, 11:59 AM
Jazzee Jazzee is offline
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
PS. If you don't have a stylesheet, put this in the <head> section of your page:

<style type="text/css">
a.colorchange {color: #ffffff;}
a.colorchange:hover {color: #333333;}
</style>
 
Reply With Quote
  #4  
Old 08-24-2004, 01:07 PM
roach roach is offline
Junior Member
 
Join Date: 08-24-04
Posts: 2
iTrader: 0 / 0%
Jazzee,

Cheers for the help, but pardon my complete ignorance, Is it simply a case of pasting that code into my script?? I'm using Dreamweaver MX...
 
Reply With Quote
  #5  
Old 08-24-2004, 01:19 PM
Jazzee Jazzee is offline
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
Go to your html view. Find the links you want to change and add class="colorchange" into the link so it looks like this:
[code:1:046f610bea]<a class="colorchange" href="YOURPAGE.HTML"> [/code:1:046f610bea]
(YOURPAGE.HTML will be whatever is already there)

Then look at the top of the page in html view. See if you have a stylesheet. (You'll recognize it by the <style type="text/css">)

If you have that, put this in there:
[code:1:046f610bea]a.colorchange {color: #ffffff;}
a.colorchange:hover {color: #333333;} [/code:1:046f610bea]

If not, put this right under <head>:
[code:1:046f610bea]<style type="text/css">
a.colorchange {color: #ffffff;}
a.colorchange:hover {color: #333333;}
</style>[/code:1:046f610bea]

Make sense?

This is the only way I know how to do it as I don't know dreamweaver, I only know html.
 
Reply With Quote
  #6  
Old 08-24-2004, 02:17 PM
raciviusdawn's Avatar
raciviusdawn raciviusdawn is offline
Senior Member
 
Join Date: 10-13-03
Location: Dallas, Texas
Posts: 395
iTrader: 0 / 0%
Quote:
Originally Posted by roach
Jazzee,

Cheers for the help, but pardon my complete ignorance, Is it simply a case of pasting that code into my script?? I'm using Dreamweaver MX...
Jazzee is the bomb with html..seriously...anyway, if you're using Dream MX just stay in the Design view and change your CSS instead by click the little + in the upper right hand corner where you create stylesheets...

This lets you assign link colors etc etc throughout your entire site or simply on one particular document...it does the same thing as J suggested but it does the code for you...since you have MX, you're probably used to the easy way as I am
 
Reply With Quote
  #7  
Old 08-24-2004, 02:20 PM
Jazzee Jazzee is offline
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
Thanks, raciviusdawn I'm clueless with WYSIWYG editors.
 
Reply With Quote
  #8  
Old 08-24-2004, 03:49 PM
Fusion's Avatar
Fusion Fusion is offline
Contributing Member
 
Join Date: 03-08-04
Posts: 1,268
iTrader: 0 / 0%
Queen of html and css.
 
Reply With Quote
  #9  
Old 08-24-2004, 03:51 PM
Jazzee Jazzee is offline
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
That's right



lol
 
Reply With Quote
  #10  
Old 08-24-2004, 05:41 PM
thebassman's Avatar
thebassman thebassman is offline
Contributing Member
 
Join Date: 03-04-04
Location: Whycocomagh, Nova Scotia
Posts: 2,352
iTrader: 0 / 0%
Worship the Queen... she has helped all of us with code several times each, I'm sure... LOL
 
Reply With Quote
  #11  
Old 08-26-2004, 11:05 PM
priyanka priyanka is offline
Member
 
Join Date: 12-06-03
Location: Australia
Posts: 75
iTrader: 0 / 0%
Hi,
If you use Microsoft Front page, it will take you hardly 2 minutes to do that. what you need to do is go to "Insert" option, click on "Web components" and I think the first option there contains HOVER BUTTON. You only need to set its properties and your work is done.
 
Reply With Quote
  #12  
Old 08-27-2004, 08:05 AM
Jazzee Jazzee is offline
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
They are using Dreamweaver as stated above.
 
Reply With Quote
  #13  
Old 08-29-2004, 05:40 PM
LazyJim's Avatar
LazyJim LazyJim is offline
v7n Mentor
 
Join Date: 10-13-03
Location: UK
Posts: 2,469
iTrader: 0 / 0%
OMG Frontpage insert web componant hover button - doesn't that add applets istead of links??? AAAAAARRRGH!!!
 
Reply With Quote
  #14  
Old 08-29-2004, 05:43 PM
Jazzee Jazzee is offline
No Longer Here
 
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
iTrader: 0 / 0%
Eww. Applets.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

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 Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Image-to-Text Rollover (CSS) chicgeek Coding Forum 11 08-21-2006 12:21 PM
Links with text appearing on mouse rollover freddyfries Web Design Lobby 1 07-13-2004 02:17 PM
Problem with image rollover and text change Lucky Luciano Web Design Lobby 3 05-05-2004 11:55 AM
Text to appear somewhere on rollover edbarton Coding Forum 47 03-07-2004 06:13 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 07:43 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC