Surf 11 » The CSS XML / RSS Button
Finding the best waves on the web.
September 22, 2005
You can make one of those orange XML or RSS buttons or icons without using an image with CSS. Here's how:
CSS:
.feed {
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;
}
HTML:
<a href="/rss/" class="feed">FEED</a>
Example:
Related Entries
- Avoid the dangers of XPath injection
- Enclosures for RSS 1.0
- Preventing columns from overflowing into the footer with css
- I like your colors
- Using CSS in HTML HEAD
- Howto Build a Netflix Style Rating System with CSS
- Get Blog updates over AIM
Comments
On at devilsoulblack wrote:
1
nice :)
On at uh do'h wrote:
2
You forgot to include the hover .feed:hover{
}
On at antonio wrote:
3
a.feed:link, a.feed:active{ border: 1px solid; border-color: #FC9 #630 #330 #F96; padding: 0px 3px 0px 3px; font: bold 10px verdana, sans-serif; color: #FFFFFF; background: #F60; text-decoration: none; margin: 2px; }
a.feed:hover, a.feed:active{ border: 1px solid; border-color: #FC9 #630 #330 #F96; padding: 0px 3px 0px 3px; font: bold 10px verdana, sans-serif; color: #FFFF00; background: #F60; text-decoration: none; margin: 2px; }
On at sefid wrote:
4
heeey thank u man !!
On at Jim Peterson wrote:
5
Nice, thanks a lot
On at Dan wrote:
6
a.feed:link, a.feed:active, a.feed:visited{ border: 1px solid; border-color: #FC9 #630 #330 #F96; padding: 0px 3px 0px 3px; font: bold 10px verdana, sans-serif; color: #FFFFFF; background: #F60; text-decoration: none; margin: 2px; } Antonio - good improvements, but you must also include the 'visited' pseudo-property to truly get the correct result.
I found that without this, the button kept defaulting to my main link style on my page instead of the RSS-button link style.
a.feed:hover, a.feed:active{ border: 1px solid; border-color: #FC9 #630 #330 #F96; padding: 0px 3px 0px 3px; font: bold 10px verdana, sans-serif; color: #FFFFFF; background: #F60; text-decoration: none; margin: 2px; }
On at Dan wrote:
7
(EDITED TO CORRECT MIS-PASTING)
Antonio - good improvements, but you must also include the 'visited' pseudo-property to truly get the correct result.
I found that without this, the button kept defaulting to my main link style on my page instead of the RSS-button link style.
a.feed:hover, a.feed:active{ border: 1px solid; border-color: #FC9 #630 #330 #F96; padding: 0px 3px 0px 3px; font: bold 10px verdana, sans-serif; color: #FFFFFF; background: #F60; text-decoration: none; margin: 2px; }
On at Dan wrote:
8
(EDITED AGAIN TO CORRECT MORE MIS-PASTING!!!! SORRY!!!)
Antonio - good improvements, but you must also include the 'visited' pseudo-property to truly get the correct result.
I found that without this, the button kept defaulting to my main link style on my page instead of the RSS-button link style.
a.feed:hover, a.feed:active, a.feed:visited{ border: 1px solid; border-color: #FC9 #630 #330 #F96; padding: 0px 3px 0px 3px; font: bold 10px verdana, sans-serif; color: #FFFFFF; background: #F60; text-decoration: none; margin: 2px; }
On at sildenafil wrote:
9
Good site, admin. Thank you!
On at sildenafil wrote:
10
Good site, admin. Thank you!
On at Pharme440 wrote:
11
Very nice site!
On at Pharmb820 wrote:
12
Very nice site! cheap cialis http://oieypxa.com/kyrrtk/4.html
On at Pharmd208 wrote:
13
Very nice site!
On at Pharmf775 wrote:
14
Very nice site! cheap cialis http://oieapxy.com/tyrrtt/4.html
On at Pharme427 wrote:
15
Very nice site! cheap cialis http://ypxoiea.com/ovyrrsv/4.html
On at Pharmk836 wrote:
16
Very nice site! cheap cialis http://opeyixa.com/qvoxxta/4.html
On at Pharme481 wrote:
17
Very nice site!
On at Pharmb71 wrote:
18
Very nice site! cheap cialis http://opeyixa.com/qvoxxta/4.html
On at Pharmg453 wrote:
19
Very nice site!
On at Pharmg762 wrote:
20
Very nice site! cheap cialis http://oixapey.com/rqaas/4.html
On at Pharmd654 wrote:
21
Very nice site!
On at Pharmc358 wrote:
22
Very nice site! cheap cialis http://oixapey.com/rqaas/4.html
On at Pharmk208 wrote:
23
Very nice site!
On at Pharmd366 wrote:
24
Very nice site! cheap cialis http://oixapey.com/rqaas/4.html
On at Pharmd195 wrote:
25
Very nice site!
On at Pharme621 wrote:
26
Very nice site! cheap cialis http://oixapey.com/rqaas/4.html
On at Pharmd650 wrote:
27
Very nice site!
On at Pharmd762 wrote:
28
Very nice site! cheap cialis http://ypxoiea.com/ovyrrsv/4.html
On at Pharmc545 wrote:
29
Very nice site!
On at Pharme23 wrote:
30
Very nice site!
On at Pharmd629 wrote:
31
Very nice site! cheap cialis http://oixapey.com/rqaavs/4.html
On at Pharmd690 wrote:
32
Very nice site!
On at Pharmd937 wrote:
33
Very nice site! cheap cialis http://apxoiey.com/qoxxat/4.html
On at Pharmc856 wrote:
34
Very nice site!
On at Pharmb192 wrote:
35
Very nice site! cheap cialis http://apxoiey.com/qoxxat/4.html
On at Pharme634 wrote:
36
Very nice site!
On at Pharma917 wrote:
37
Very nice site! cheap cialis http://aixypeo.com/ayrraa/4.html
On at Pharme865 wrote:
38
Very nice site!
On at Pharmb356 wrote:
39
Very nice site! cheap cialis http://aieypxo.com/toxxvs/4.html
On at Pharmd727 wrote:
40
Very nice site!
On at Pharmg512 wrote:
41
Very nice site! cheap cialis http://aieypxo.com/toxxvs/4.html
On at Pharmb679 wrote:
42
Very nice site!
On at Pharme377 wrote:
43
Very nice site! cheap cialis http://yieapxo.com/qroxxtq/4.html
On at sildenafil wrote:
44
Good site, admin. Thank you! See U.
On at Pharmd935 wrote:
45
Very nice site! cheap cialis http://ypxoiea.com/ovyrrov/4.html
On at Pharmf975 wrote:
46
Very nice site!
On at Pharmb899 wrote:
47
Very nice site! cheap cialis http://ypxoiea.com/ovyrrov/4.html
On at Pharmd99 wrote:
48
Very nice site!
On at Pharme857 wrote:
49
Very nice site! cheap cialis http://ypxoiea.com/ovyrrov/4.html
On at Pharmf482 wrote:
50
Very nice site!
On at Pharmg955 wrote:
51
Very nice site! cheap cialis http://apxoiey.com/qoxxqt/4.html
On at Pharmk925 wrote:
52
Very nice site!
On at Pharme253 wrote:
53
Very nice site! cheap cialis http://aixypeo.com/ayrrqa/4.html
On at Pharmk122 wrote:
54
Very nice site!
On at cialis online wrote:
55
scCl1k cgahvhkz fldildwc kggtjyfd
On at athletic shoes wrote:
56
Good site, men. Thank you! See U. Sveta.
On at athletic shoes wrote:
57
Good site, men. Thank you! See U. Sveta.
On at alprazolam online wrote:
58
Good site!. Thank you! See U. Lisa.
On at Pharmf413 wrote:
59
Very nice site! cheap cialis http://opeyixa.com/qoxxyo/4.html
On at Pharme120 wrote:
60
Very nice site!
On at Pharmd546 wrote:
61
Very nice site! cheap cialis http://oixypea.com/oxoxxor/4.html
On at Pharmc440 wrote:
62
Very nice site!
On at Pharme444 wrote:
63
Very nice site! cheap cialis http://aieopxy.com/osoxxov/4.html
On at Pharmd556 wrote:
64
Very nice site!
On at Dante wrote:
65
This is what happens without image verification, although I can't tell if those are computers or people.
Most compact code I've seen yet for the button though, thanks.
On at Tern wrote:
66
Fantastic thank you. Find the files you are looking for at pdf-explorer.com the most comprehensive source for free-to-try files downloads on the Web
On at Pharme146 wrote:
67
Very nice site! cheap cialis http://apeyixo.com/ysyrqss/4.html
On at Pharmg375 wrote:
68
Very nice site!
On at alprazolam online wrote:
69
Good site!. Thank you! See U. Lisa.
On at Pharme407 wrote:
70
Very nice site! cheap cialis http://aixopey.com/qqaxvt/4.html
On at Pharma372 wrote:
71
Very nice site!
On at Sdtbgnnb wrote:
72
this is be cool 8)
On at Jxxzrpzm wrote:
73
I love this site
On at 2oe7jtcuku wrote:
74
Hi! Ebanij vrot! b6a26gd6nw a6r3ti26yw!
On at Gregory wrote:
75
Kaufen Sie die popul?rsten ED Medikationen komfortabel und privat von zu Hause aus. SPEZIALANGEBOT JETZT BESTELLEN!
Danke.
On at Dpfye wrote:
76
Well well well... Not bad, not bad... Can better? ;)
On at Carisoprodol wrote:
77
Carisoprodol is best pain killer! Buy it!
On at aciphex precaution wrote:
78
Happy New Year! See U!
On at aciphex precaution wrote:
79
Happy New Year! See U!
On at ixleqebgcg wrote:
80
Hello! Good Site! Thanks you! ebbxctnywxb
On at frdlsdmccn wrote:
81
Hello! Good Site! Thanks you! prqyrkskrt
On at bek wrote:
82
I just wanted to say WOW!
On at gari wrote:
83
this one is simple & nice.e
On at poiu wrote:
84
It\'s a very good site!a
On at jfe wrote:
85
excellent texture.r
On at bgg wrote:
86
Thanks a bunch!u
On at rinch wrote:
87
Great Site - really useful information!
On at jak wrote:
88
Thank for making this valuable information available to the public.
On at bek wrote:
89
Very good web site, great work and thank you for your service.+y
On at zaas wrote:
90
that\'s neat!
On at yamomoto wrote:
91
thank you!v
On at rewb wrote:
92
Good site - you\'re a pretty good writer.6
On at jak wrote:
93
Nice resource, very interesting reading...
On at Amanda wrote:
94
excellent texture.h
On at jak wrote:
95
Good Site! Keep Doing That!o
On at rty wrote:
96
wow nice!2
On at jan wrote:
97
O, super project..
On at Tina wrote:
98
Thank you!r
On at Amanda wrote:
99
Good Site! Keep Doing That!o
On at bily wrote:
100
Very effective. Thanx.2
On at cialis genericos wrote:
101
khijdyip jvryrdsx yinkwiry
On at cialis wrote:
102
slkyazvs addykior chapgtsg
On at compra cialis wrote:
103
xzunxgzg pjzbymid bboyibfo
On at grand penis wrote:
104
zcqthlzn msrfloys kpjlyezx
On at cialis wrote:
105
jugigutl hhqxrcay erykifvl
On at cialis wrote:
106
cqrvyeae zkixbfic ecsbcfmr
On at cialis wrote:
107
pkcxjcji hlkqzqoh wquvuoqg
On at cheap cialis wrote:
108
6ULO8d roxafgss vwcgbzsh bbflzjpq
On at mgj wrote:
109
Very good web site, great work and thank you for your service.+
On at opapa wrote:
110
Hi! its cool blya! http://eduzei.notlong.com http://giecia.notlong.com http://aloosa.notlong.com
On at stupid_people_no_vote wrote:
111
what a bunch of crap posts from most 'visitors.'
great reason for a test before people can vote in elections
On at alan wrote:
112
Good day http://leasingraadgivning.dk/big/ben/tmp/index4.html http://community.tasteofhome.com/members/Antoniourte/default.aspx http://forum.jobscentral.com.sg/member.php?u=2344 http://www.last.fm/user/Jadensdd/journal/2009/02/01/2g7dyy_ghnhn http://web082.asp.lv/Img/Limg/tmp/tube-porn/index9.html http://www.xanga.com/Audreysfdvv http://masalgemisi.com.tr/css/lolitas/index.html http://www.imeem.com/people/MylGJ1q http://www.twine.com/user/timothydfv http://www.twine.com/user/hjmhjmjhmjhm
On at Vsptoswh wrote:
113
Cool site goodluck :)
On at sonya wrote:
114
Best stuff http://arzt-chirurgie.de/_borders/db/map.html http://web082.asp.lv/Img/Limg/tmp/map.html
On at shulc wrote:
115
really cool stuff http://masalgemisi.com.tr/css/map.html http://biomek.gr/content/images/stories/fruit/tmp/map.html
On at sandra wrote:
116
its wonderfull ! http://leasingraadgivning.dk/big/ben/tmp/map.html http://gstours.ae/config/scripts/cgi-bin/logs/map.html
On at pcYAzIhA wrote:
117
Hi! VRpnNKD
On at cialis wrote:
118
bTlsk1 lnldbtyr enkpiuqm okoffkes
On at Katie wrote:
119
It\'s a very good site!g
On at asdf wrote:
120
Good Site! Keep Doing That!i
On at jdfh wrote:
121
that\'s neat!+
On at sary wrote:
122
Nice resource, very interesting reading...v
On at Marilyn wrote:
123
Very good web site, great work and thank you for your service.+
On at mik wrote:
124
Pretty nice site, wants to see much more on it!i
On at Jonny wrote:
125
Hello http://www.freewebtown.com/streamvideo/sitemap.html http://www.freewebtown.com/streamvideos/sitemap.xml
On at stown wrote:
126
Very Good Work http://www.freewebtown.com/streamvideos/sitemap.html http://www.freewebtown.com/streamvideo/sitemap.xml
On at john2025 wrote:
127
noIZ3M hi webmastters
On at mebmasters wrote:
128
aCXhFi hi mebmasters
On at propecia wrote:
129
hi webmasters good
On at levitra wrote:
130
hi webmasters good
On at propecia wrote:
131
hi webmasters good
On at cialis wrote:
132
hi webmasters good
On at levitra wrote:
133
hi webmasters good
On at cialis wrote:
134
hi webmasters good
On at cialis wrote:
135
hi webmasters good
On at cialis wrote:
136
hi webmasters good
On at cialis wrote:
137
hi webmasters good
On at cialis wrote:
138
hi webmasters good
On at himamaster wrote:
139
SHrPEV himamaster hi
On at samuel wrote:
140
7XPswQ dkg93jfbkSdLk496c
On at Tilburg wrote:
141
perfect design thanks http://groups.google.jp/group/free-hot-videos/web/free-youporn Xnxx jti http://groups.google.jp/group/free-hot-videos/web/freeyouporn Free Pornohub 8DD http://groups.google.jp/group/free-hot-videos/web/free89 Pornhub =-[[[ http://groups.google.jp/group/free-hot-videos/web/freexnxx-torrents Pichunter 7524
On at razer22 wrote:
142
good material thanks http://groups.google.jp/group/free-hot-videos/web/freexnxx-bangedup Freexnxx Bangedup 359994 http://groups.google.jp/group/free-hot-videos/web/freexnxx-megaupload Free Pornhub >:[ http://groups.google.jp/group/free-hot-videos/web/freexnxx-downloads Freexnxx Downloads 8[[[ http://groups.google.jp/group/free-hot-videos/web/freexnxx-galleries Freexnxx 424402
On at Kekrryss wrote:
143
This site is crazy :)
On at Lcurwqhg wrote:
144
Very funny pictures
On at Craig wrote:
145
Dude, You need to do something to fix your comments -- they are mostly SPAM. Do your part to fight the scourge!
On at Louogxcl wrote:
146
good material thanks http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nmeh_free_redtube Freehentaitube 02018 http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nmhi_free_pornotube Adulttube 310207 http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nmdc_free_xxxtube Fetishtube >:-OOO http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nmgg_free_xtube Nudetube 28849 http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nmfe_free_porntube Hentai Tube >:-]]
On at Jjepndab wrote:
147
http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nhpc_porn_tube Free Eskimotube 9977 http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nhu4_eskimo_tube Porno Tube rdmiz http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nhe4_red_tube Freextube =-PPP http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nhsr_porno_tube Free Eskimo Tube 3771 http://www.lastfm.it/user/Berryzzs/journal/2008/08/23/24nhr9_x_tube Free Hentaitube lecc
On at Bob wrote:
148
this post is fantastic http://groups.google.jp/group/tube-tv/web/used-hot-tub-covers Buy A Jacuzzi Hot Tub Covers 4779 http://groups.google.jp/group/tube-tv/web/replacement-hot-tub-covers-canada Discount Hot Tub Covers In Colorado 47733 http://groups.google.jp/group/tube-tv/web/cheap-replacement-hot-tub-covers Pop Toob =-( http://groups.google.jp/group/tube-tv/web/buy-a-jacuzzi-hot-tub-covers Hentai Red Toob qugs http://groups.google.jp/group/tube-tv/web/discount-hot-tub-covers-in-georgia Discount Hot Tub Covers Free Shipping srh
On at Mike wrote:
149
Hello good day http://groups.google.jp/group/tube-tv/web/used-hot-tub-covers Pop Toob fgaake http://groups.google.jp/group/tube-tv/web/replacement-hot-tub-covers-canada Red Toob chcxg http://groups.google.jp/group/tube-tv/web/cheap-replacement-hot-tub-covers Pop Toob 35547 http://groups.google.jp/group/tube-tv/web/buy-a-jacuzzi-hot-tub-covers Red Tuube nvwx http://groups.google.jp/group/tube-tv/web/discount-hot-tub-covers-in-georgia Ustube 7073
On at Mishel wrote:
150
i'm fine good work http://groups.google.jp/group/free-tubes/web/freexxxtube Eskimotube >:-D http://groups.google.jp/group/video-tube/web/red-tub-video Free Tube1 :O http://groups.google.jp/group/free-tube/web/free-xxx-tube Free Nude Tube dxqa http://groups.google.jp/group/freetube/web/free-lolitatube Free Lolitatube 674 http://groups.google.jp/group/freetubes/web/free-pornotub Hardcore Tube ppx
On at Curt wrote:
151
very best job http://groups.google.jp/group/tube-tv/web/discount-hot-tub-covers-in-colorado Tubetv =-((( http://groups.google.jp/group/tube-tv/web/discount-hot-tub-covers-free-shipping Red Tube Tops 7524 http://groups.google.jp/group/tube-tv/web/red-tube-tops-skirts Discount Hot Tub Covers In Georgia uvgj http://groups.google.jp/group/tube-tv/web/red-tube-tops Ustube 60910 http://groups.google.jp/group/tube-tv/web/red-tube-tops-hot-fash The Toob iceby
On at getjoy wrote:
152
Cool site goodluck :) http://groups.google.jp/group/lube-eskimo-tube/web/ecko-red-tube-tops Lube Your Tube Video :-OOO http://groups.google.jp/group/lube-eskimo-tube/web/lube-your-tube-video Eskimo Tube Streaming 801663 http://groups.google.jp/group/lube-eskimo-tube/web/lube-your-tube-free Lube Your Tube Video Share 68488 http://groups.google.jp/group/lube-eskimo-tube/web/lube-your-tube-video-share Zoo Tube Animals 6917 http://groups.google.jp/group/lube-eskimo-tube/web/lube-your-tube-lubricant Lube Tube Lubricant rwjwtc
On at Patric wrote:
153
Very interesting tale http://groups.google.jp/group/freetubes/web/lesbian-tube Pussy Tube xdhlaq http://groups.google.jp/group/free-tubes/web/free-eskimotube Free Pornotube mvh http://groups.google.jp/group/freetube/web/incesttube Ebonytube tbaqe http://groups.google.jp/group/freetubes/web/incest-tube Lolita Tube 32287 http://groups.google.jp/group/free-tube/web/porn-tube Xxx Tube nor
On at Janni wrote:
154
It's serious http://groups.google.jp/group/lube-eskimo-tube/web/lube-tube-videos Zoo Tube Magazine 875 http://groups.google.jp/group/lube-eskimo-tube/web/the-lube-tube Lube Tube Lubricant 046 http://groups.google.jp/group/lube-eskimo-tube/web/lube-tube-tv Zoo Tube Magazine =((( http://groups.google.jp/group/lube-eskimo-tube/web/zoo-tube-365 Eskimo Tube Streaming American 8PP http://groups.google.jp/group/lube-eskimo-tube/web/zoo-tube-365-animals Lube Your Tube Lubricant 617313
On at crazyfrog wrote:
155
very best job http://groups.google.jp/group/video-tube/web/mytube Vogue Magazine Covers =-[[ http://groups.google.jp/group/free-tube/web/free-zoo-tube Free Hentai Tube pgmvsn http://groups.google.jp/group/freetubes/web/adult-tube Anal Tube yzsf http://groups.google.jp/group/video-tube/web/hot-tub-party Free Tube1 5886 http://groups.google.jp/group/freetubes/web/tub-girl Lolita Tube oenfsn
On at Jimmi wrote:
156
Cool site goodluck :) http://groups.google.jp/group/free-redtube/web/arab-xxxtv Free Xxxtv Porno Channels >:-D http://groups.google.jp/group/free-redtube/web/xxxtv-online Free Xxxtv Porno Channels 2358 http://groups.google.jp/group/free-redtube/web/free-100-live-xxxtv Xxxtv Online yjh http://groups.google.jp/group/free-redtube/web/porno-xxxtv Redporntube 856 http://groups.google.jp/group/free-redtube/web/lube-your-tube Xxxtv mjn
On at funwithpi wrote:
157
a:focus {outline: none;}
to get rid of dotted outline in firefox, flock, etc.
On at kaiser dental oregon wrote:
158
I will not support Hillary Clinton for president I will not support Hillary Clinton for president
On at jaren wrote:
159
cMcLEm dfv078fnw8f934ndvkg2l
On at Hyadnfksdgfnmm wrote:
160
Very good site! juyhdsflad
On at Kehcfiby wrote:
161
cool site man
On at nick wrote:
162
tI9H64 hi! hice site!
On at Utaagstq wrote:
163
interesting post thx
- Solved: Could not perform unpadding invalid pad byte
- Getting Started - Making AJAX Applications Crawlable - Google Code
- Our Collectors : Jon Masamitsu's Weblog
- Ponemon Cost of a Data Breach
- jsPerf: JavaScript performance playground
- Updating OpenSSH over SSH with yum CentOS
- betali.st
- How to Version HTML5 Database openDatabase()
Subscribe to our RSS Feed: 
XML
XML