Comments on: Represent

By: Kathy K

Kathy K — Wed, 25 Jun 2003 03:11:05 +0000

P.P.S. (Sorry, I’m the incremental type…)
http://bloghouse.net/wordpress/index.php?m=200306#5
to see it in action.

Warning: That is a test area, so the permalink probably isn’t very permanent.

By: Kathy K

Kathy K — Wed, 25 Jun 2003 02:51:41 +0000

PS. It won’t work on NS4 or other older browsers that don’t handle the CSS “a:hover”. If it’s wrapped in a link, hide it — because a lot of them ignore ‘list-style:none’ and the button looks very strange with a dot next to it.

By: Kathy K

Kathy K — Wed, 25 Jun 2003 02:46:53 +0000

Have a css button!

Add to your stylesheet:
.wp a{display:block; width:120px; margin:1px; padding:3px; border:3px outset #000; text-decoration: none; text-align:center;}
.wp a:link{ background:#fff; color: #000;}
.wp a:visited{ background:#fff; color: #000;}
.wp a:hover{ border:3px inset #000; background:#000; color: #fff;}

Then just wrap your link in a span with a class of “wp”.

If it’s already wrapped in a list, you’ll also need to add this to the css:
ul.wp{list-style: none; margin:0px; padding:0px; border:none;}
ul.wp li{padding:0px; margin:0px; text-indent:0px;}

I did that just for fun, and because it does a kind of visual word-play around “Word Press”. All yours, if you want it.

By: Mike

Mike — Thu, 12 Jun 2003 17:51:07 +0000

I’ve added two more and will probably add more still…

Click on my URL for this comment to see the newbies.