css tag imaging
Friday, 16. June 2006, 00:49:02
I just found a bloged question I thought was intersting.
When I found the possibility to add own icons to the tags in this blog I played around with this.
This way you can style all your tags from the sylesheet with gif, jpg, bmp, png. And it even works in Firefox! Amazing isn't it?
<html>
<head>css background images by href
<style type="text/css">
a:link[href="http://my.opera.com/gabydewilde/blog/show.dml/299972"], a:visited[href="http://my.opera.com/gabydewilde/blog/show.dml/299972"] {
background-repeat:no-repeat;
background-color:#0000ee; background-image:url('http://my.opera.com/gabydewilde/homes/blog/GoogleToolBar.jpg');display:block;width:180px;height:120px;
color:#fff; padding:0px;text-indent:-200px;
}
</style>
</head>
<body>
<a href="http://my.opera.com/gabydewilde/blog/show.dml/299972"></a>
</body>
WIDGETIZE