CSS Drive forums | Hi, I was wondering can someone analyze this code and give me the CSS Code please?

Hi, I was wondering can someone analyze this code and give me the CSS Code please?

Slayer-Zx

Posted: 31 October 2006 04:12 AM

[ Ignore ]

Newbie

Total Posts: 1

Joined 2006-10-28

http://www.lunariansls.com

There are a couple of really nice effects that I would like to use from this website..

I wanted to know if any of you have seen effects like this .. and can give me some of the codes if possible..

1.) I want the Highlight Effect that they use on their website that allows the lettering to be highlighted and shows brightly just like their main head menu

2.) Also I really like their Expand/Contract Vertical Menu that Fades in and Out.. Is there any code that you guys have seen that is available for me to use that is just like this one?

3.) I really like their Expandable Title Feature in their “About” Page.. IF there is any code available that is just like this one.. it would be awesome if you can get them to me.. thanks a million.. ^_^

If possible you guys can recommend some websites to me that can allow me to utilize these features.. and use them for my own site it would be awesome.. Thank-you very much.. ^_^

My Email is: .(JavaScript must be enabled to view this email address) if you can Email me some information.. or you can post your ideas here.. thanks so much.. ^_^

Profile

Banana Man

Posted: 07 May 2007 01:25 PM

[ Ignore ] [ # 1 ]

Newbie

Total Posts: 10

Joined 2007-05-06

For the link rollover affect you can use something similar to this:

a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #003399;
      margin-top:0px;
       margin-bottom:0px;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #003399;
      margin-top:0px;
       margin-bottom:0px;
}
a:hover {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
      margin-top:0px;
       margin-bottom:0px;
    color: #FF6600;
}
a:active {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
      margin-top:0px;
       margin-bottom:0px;
    color: #FF6600;
} 

This uses the css hover function which is what you want.

Profile

‹‹ CSS Border and Drop Down Menu Box favicon.ico ››