|
| |
|
|
bobby
Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline
 |
"Rollover" style buttons using CSS - 6/18/2002 17:01:23
Wow...
This is pretty cool. You can build "rollover" style buttons using just CSS!
Try this out in your .css file, and then play with them on a page!
a.button:active {font-family: "Arial";
text-align: center;
font-size: 16px;
color: #fffffe;
text-decoration: none;
font-weight: bold;
width: 200px;
height: 20px;
background-color: #000000}
a.button:visited {font-family: "Arial";
text-align: center;
font-size: 16px;
color: #fffffe;
text-decoration: none;
font-weight: bold;
width: 200px;
height: 20px;
background-color: #000000}
a.button:link {font-family: "Arial";
text-align: center;
font-size: 16px;
color: #fffffe;
text-decoration: none;
font-weight: bold;
width: 200px;
height: 20px;
background-color: #000000}
a.button:hover {font-family: "Arial";
text-align: center;
font-size: 16px;
color: #000000;
text-decoration: none;
font-weight: bold;
width: 200px;
height: 20px;
background-color: #ff3300}
You get block-style "buttons" that change color when you roll over them (IE only since NN doesn't support the hover feature)
Use this for your links:
<a style="button" href="page.htm">click here</a>
I'm gonna play around with a pop-out style menu next...
This is fun!
_____
"There is too much apathy in the world, but I don't care."
|
|
|
|
bobby
Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline
|
RE: "Rollover" style buttons using CSS - 6/18/2002 19:25:29
Actually, the hover works nicely, as does the back-ground color (in NN 6.1)
The biggest problem is the width attribute... NN only "highlights" a block directly around the text...
____
"There is too much apathy in the world, but I don't care."
| |
|
|
|
erinatkins
Posts: 3072
From: Mechanicsville VA USA
Status: offline
|
RE: "Rollover" style buttons using CSS - 6/19/2002 7:37:12
Bobby,
Sounds pretty good. I will have to try it.
Let me know when you have a pop out style.
Thanks
Erin
| |
|
|
|
erinatkins
Posts: 3072
From: Mechanicsville VA USA
Status: offline
|
RE: "Rollover" style buttons using CSS - 6/20/2002 8:46:53
Bobby,
If I had the time I would race you but I know its a lost cause.
Good Luck
Erin
| |
|
|
|
bobby
Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline
|
RE: "Rollover" style buttons using CSS - 6/20/2002 9:41:19
Yeah, you're not kidding! This is gonna be tough!
I'm starting to think that the Javascript / DHTML versions are a lot less hassle!!! (since it looks like I'm gonna have to use one or both of those methods to do this anyway...)
_____
"There is too much apathy in the world, but I don't care."
Edited by - bobby on 06/20/2002 09:42:05
| |
|
|
|
erinatkins
Posts: 3072
From: Mechanicsville VA USA
Status: offline
|
RE: "Rollover" style buttons using CSS - 6/20/2002 10:47:48
Bobby,
I just think it would take more hours than I have to spend on anything. Thats why I thought it was a lost cause not enough hours for me to try it. :-)
However since you suggested it I would love to see the results. :-)
Erin
| |
|
|
|
bobby
Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline
|
RE: " Rollover" style buttons using CSS - 6/25/2002 11:56:33
Ooofdah!
I thought a pop out menu would be a breeze in CSS, I was dead wrong!
My recommendation: Vince from Spain' s DD Menu available from OutFront.
From a customizability and user friendliness standpoint that is much easier than anything I' ve tried to build using CSS.
The problem being that by the time you get done coding in all of the dhtml (or JavaScript) commands for the pop-ups you might as well spend the $16 and get one already done!!!
I couldn' t get everything to work properly in NN either, so I just scrapped it. Maybe as I learn more about CSS, (or heck, maybe even xml?) I' ll try again...
| |
|
|
|
Thomas Brunt
Posts: 6109
Joined: 6/6/1998
From: St. Matthews SC USA
Status: offline
|
RE: " Rollover" style buttons using CSS - 6/25/2002 12:53:17
Free is nice, but it' s worth some money to have a complete and documented script that' s tested and supported by someon like Vince.
Vince' s menus pay for themselves very quickly if your time is worth anything at all.
| |
|
|
|
bobby
Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline
|
RE: RE: " Rollover" style buttons using CSS - 6/25/2002 13:04:35
Exactly!
If I were to charge even a modest fee of around $25 per hour to impliment a pop-out menu for a client I could save them A LOT of money using Vinces script (it only takes minutes to customize) as opposed to a CSS version.
Even if the CSS version were " pre-built" it would still take longer, and requires a pretty good knowledge of CSS to make changes.
I didn' t do any testing on it, but I would guess that Vinces menu is smaller in file size than the CSS menu I had worked up. His works better, is cross browser compatible, and is really inexpensive!
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
_____ 