CSS ile resim kullanmadan RSS düğmesi yapalım

Web sitelerin rahatlıkla takibi için XML tabanlı RSS kaynakları en güzel çözümlerden biri. Tabi bu RSS kaynaklarının adreslerini belirtmek için çeşitli simgeleri sitemize ekliyor ve kaynak adresine link veriyoruz. Eğer çok dikkat çeken bir RSS simgesine sahip değilseniz gelin resim kullanmadan RSS simgesi hazırlayalım

Resim kullanmadan RSS düğmesini oluşturacağımız CSS kodumuz alttaki.

.rss {
border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:4px;
}

Sitemizin kaynağında HTML kullanım örneği ise şöyle;

<a href="/feed/" class="rss">RSS</a>

İşte Örnek:

RSS