Message Of The Day

Sun, 27 Oct 2002

08:27 [zork(~)] cat css-fu.txt

Stupid CSS tricks

Okay, so I was bored, so I went ahead and did a green button. I now find it utterly baffling that this little trick isn't more widespread. I see all these stupid little GIFs for the syndication buttons on all these sites I find.

So the CSS for it is just this:

.button {   background: #ff6600;
    color: white;
    border-left:   1px solid #ff9a57;
    border-top:    1px solid #ffc8a4;
    border-right:  1px solid #7d3302;
    border-bottom: 1px solid #3f1a01;
    padding: 0px 0.5em 0px 0.5em;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: small;
    text-decoration: none; }

Then you make your link <a class="button" href="rss.xml">XML</a> and up comes a little orange button. You can even put all thet style nonsense into the style= attribute of the a tag if you want.

[zork(~)] cal
[zork(~)] tree
[zork(~)] cat README