Go
New
Find
Notify
Tools
Reply
  
-star Rating Rate It!  Login/Join 
Junior Mechanic
Picture of Doctor Fix
Posted
First time post all. Simple question... How to create text rollover effects... i.e. You roll over text menu items etc. and the highlighted ( or not ) text will then display another color and likewise be underlined? Is this some sort of Javascript wizardry? Wink I know I can do this with objects but this is something you see all the time and I'm always interested in speeding up page load times and cutting out what excess I can.
 
Posts: 3 | Registered: November 10, 2003Reply With QuoteEdit or Delete MessageReport This Post
VM Staff
Picture of Derry
Posted Hide Post
Hi, Doctor Fix

Not exactly JavaScript wizardry, more like Cascading Style Sheet wizardry.

See the post here: http://virtualmechanics.infopop.cc/eve/forums?a=tpc&s=3636038591&f=1246038591&m=2346098692

That should help you out.

- Derry
 
Posts: 4095 | Location: Toronto, Canada | Registered: January 08, 2003Reply With QuoteEdit or Delete MessageReport This Post
Junior Mechanic
Picture of Doctor Fix
Posted Hide Post
Yes, that did the trick. Had to make sure I included that code in every header for every page I intended to use that effect. Learned something new today. Thanks.
 
Posts: 3 | Registered: November 10, 2003Reply With QuoteEdit or Delete MessageReport This Post
Junior Mechanic
Picture of Doctor Fix
Posted Hide Post
Long time since I last posted but the thought occured to me that if your code, that you mentioned in your link, is applied then as you said it would apply to the entire page. What if you only wish to have specific portions of the page have this attribute and others using visible underlined bold or normal links? In essence two different styles coexisting.
 
Posts: 3 | Registered: November 10, 2003Reply With QuoteEdit or Delete MessageReport This Post
dB
Working Mechanic
Picture of dB
Posted Hide Post
All you have to do is change to you desired colours.Put this somewhere in the head


<STYLE>A:link {
COLOR: #576593; TEXT-DECORATION: none
}
A:active {
COLOR: #576593; TEXT-DECORATION: none
}
A:visited {
COLOR: #576593; TEXT-DECORATION: none
}
A:hover {
COLOR: #28DCFC; TEXT-DECORATION: underline
}
</STYLE>
 
Posts: 54 | Location: Burnaby Canada | Registered: August 15, 2004Reply With QuoteEdit or Delete MessageReport This Post
dB
Working Mechanic
Picture of dB
Posted Hide Post
You can use the CSS code below,but then to have different colours on other sections you must tag them individually.
quote:
Originally posted by Doctor Fix:
Long time since I last posted but the thought occured to me that if your code, that you mentioned in your link, is applied then as you said it would apply to the entire page. What if you only wish to have specific portions of the page have this attribute and others using visible underlined bold or normal links? In essence two different styles coexisting.
 
Posts: 54 | Location: Burnaby Canada | Registered: August 15, 2004Reply With QuoteEdit or Delete MessageReport This Post
Junior Mechanic
Picture of himothra
Posted Hide Post
Not sure if this question is rollover or animation, but I seem to be on the right thread. I want 3-4 text objects (can change to title, image if that helps) to appear and disappear sequentially. I have a female character on the page, and the text is her "voice". Any ideas? Using SiteSpinner 2.
 
Posts: 7 | Location: FL | Registered: October 14, 2004Reply With QuoteEdit or Delete MessageReport This Post
Guru 'Power' Mechanic
Picture of Bruceee
Posted Hide Post
A slideshow should do what you want. Although the examples show images, it should work equally well with text objects.
 
Posts: 7959 | Location: Wellington, New Zealand | Registered: December 11, 2003Reply With QuoteEdit or Delete MessageReport This Post
 Previous Topic | Next Topic powered by eve community  
 


™ & © 1998 - 2008, Virtual Mechanics Inc. All rights reserved.