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
- Get Blog updates over AIM
- 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
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 sildenafil wrote:
11
Good site, admin. Thank you! See U.
On at Pharmd935 wrote:
12
Very nice site! cheap cialis http://ypxoiea.com/ovyrrov/4.html
On at Pharmf975 wrote:
13
Very nice site!
On at Pharmb899 wrote:
14
Very nice site! cheap cialis http://ypxoiea.com/ovyrrov/4.html
On at Pharmd99 wrote:
15
Very nice site!
On at Pharme857 wrote:
16
Very nice site! cheap cialis http://ypxoiea.com/ovyrrov/4.html
On at Pharmf482 wrote:
17
Very nice site!
On at athletic shoes wrote:
18
Good site, men. Thank you! See U. Sveta.
On at athletic shoes wrote:
19
Good site, men. Thank you! See U. Sveta.
On at alprazolam online wrote:
20
Good site!. Thank you! See U. Lisa.
On at Pharmf413 wrote:
21
Very nice site! cheap cialis http://opeyixa.com/qoxxyo/4.html
On at Pharme120 wrote:
22
Very nice site!
On at Pharmd546 wrote:
23
Very nice site! cheap cialis http://oixypea.com/oxoxxor/4.html
On at Pharmc440 wrote:
24
Very nice site!
On at Pharme444 wrote:
25
Very nice site! cheap cialis http://aieopxy.com/osoxxov/4.html
On at Pharmd556 wrote:
26
Very nice site!
On at Dante wrote:
27
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:
28
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:
29
Very nice site! cheap cialis http://apeyixo.com/ysyrqss/4.html
On at Pharmg375 wrote:
30
Very nice site!
On at alprazolam online wrote:
31
Good site!. Thank you! See U. Lisa.
On at Pharme407 wrote:
32
Very nice site! cheap cialis http://aixopey.com/qqaxvt/4.html
On at Pharma372 wrote:
33
Very nice site!
On at Sdtbgnnb wrote:
34
this is be cool 8)
On at Jxxzrpzm wrote:
35
I love this site
On at 2oe7jtcuku wrote:
36
Hi! Ebanij vrot! b6a26gd6nw a6r3ti26yw!
On at Gregory wrote:
37
Kaufen Sie die popul?rsten ED Medikationen komfortabel und privat von zu Hause aus. SPEZIALANGEBOT JETZT BESTELLEN!
Danke.
On at Dpfye wrote:
38
Well well well... Not bad, not bad... Can better? ;)
On at Carisoprodol wrote:
39
Carisoprodol is best pain killer! Buy it!
On at aciphex precaution wrote:
40
Happy New Year! See U!
On at aciphex precaution wrote:
41
Happy New Year! See U!
On at ixleqebgcg wrote:
42
Hello! Good Site! Thanks you! ebbxctnywxb
On at frdlsdmccn wrote:
43
Hello! Good Site! Thanks you! prqyrkskrt
On at bek wrote:
44
I just wanted to say WOW!
On at gari wrote:
45
this one is simple & nice.e
On at poiu wrote:
46
It\'s a very good site!a
On at jfe wrote:
47
excellent texture.r
On at bgg wrote:
48
Thanks a bunch!u
On at rinch wrote:
49
Great Site - really useful information!
On at jak wrote:
50
Thank for making this valuable information available to the public.
On at bek wrote:
51
Very good web site, great work and thank you for your service.+y
On at zaas wrote:
52
that\'s neat!
On at yamomoto wrote:
53
thank you!v
On at rewb wrote:
54
Good site - you\'re a pretty good writer.6
On at jak wrote:
55
Nice resource, very interesting reading...
On at Amanda wrote:
56
excellent texture.h
On at jak wrote:
57
Good Site! Keep Doing That!o
On at rty wrote:
58
wow nice!2
On at jan wrote:
59
O, super project..
On at Tina wrote:
60
Thank you!r
On at Amanda wrote:
61
Good Site! Keep Doing That!o
On at bily wrote:
62
Very effective. Thanx.2
On at cialis genericos wrote:
63
khijdyip jvryrdsx yinkwiry
On at cialis wrote:
64
slkyazvs addykior chapgtsg
On at compra cialis wrote:
65
xzunxgzg pjzbymid bboyibfo
On at grand penis wrote:
66
zcqthlzn msrfloys kpjlyezx
On at cialis wrote:
67
jugigutl hhqxrcay erykifvl
On at cialis wrote:
68
cqrvyeae zkixbfic ecsbcfmr
On at cialis wrote:
69
pkcxjcji hlkqzqoh wquvuoqg
On at cheap cialis wrote:
70
6ULO8d roxafgss vwcgbzsh bbflzjpq
On at mgj wrote:
71
Very good web site, great work and thank you for your service.+
On at opapa wrote:
72
Hi! its cool blya! http://eduzei.notlong.com http://giecia.notlong.com http://aloosa.notlong.com
On at stupid_people_no_vote wrote:
73
what a bunch of crap posts from most 'visitors.'
great reason for a test before people can vote in elections
On at alan wrote:
74
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:
75
Cool site goodluck :)
On at sonya wrote:
76
Best stuff http://arzt-chirurgie.de/_borders/db/map.html http://web082.asp.lv/Img/Limg/tmp/map.html
On at shulc wrote:
77
really cool stuff http://masalgemisi.com.tr/css/map.html http://biomek.gr/content/images/stories/fruit/tmp/map.html
On at sandra wrote:
78
its wonderfull ! http://leasingraadgivning.dk/big/ben/tmp/map.html http://gstours.ae/config/scripts/cgi-bin/logs/map.html
On at pcYAzIhA wrote:
79
Hi! VRpnNKD
On at cialis wrote:
80
bTlsk1 lnldbtyr enkpiuqm okoffkes
On at Katie wrote:
81
It\'s a very good site!g
On at asdf wrote:
82
Good Site! Keep Doing That!i
On at jdfh wrote:
83
that\'s neat!+
On at sary wrote:
84
Nice resource, very interesting reading...v
On at Marilyn wrote:
85
Very good web site, great work and thank you for your service.+
On at mik wrote:
86
Pretty nice site, wants to see much more on it!i
On at Jonny wrote:
87
Hello http://www.freewebtown.com/streamvideo/sitemap.html http://www.freewebtown.com/streamvideos/sitemap.xml
On at stown wrote:
88
Very Good Work http://www.freewebtown.com/streamvideos/sitemap.html http://www.freewebtown.com/streamvideo/sitemap.xml
On at john2025 wrote:
89
noIZ3M hi webmastters
On at mebmasters wrote:
90
aCXhFi hi mebmasters
On at propecia wrote:
91
hi webmasters good
On at levitra wrote:
92
hi webmasters good
On at propecia wrote:
93
hi webmasters good
On at cialis wrote:
94
hi webmasters good
On at levitra wrote:
95
hi webmasters good
On at cialis wrote:
96
hi webmasters good
On at cialis wrote:
97
hi webmasters good
On at cialis wrote:
98
hi webmasters good
On at cialis wrote:
99
hi webmasters good
On at cialis wrote:
100
hi webmasters good
On at himamaster wrote:
101
SHrPEV himamaster hi
On at samuel wrote:
102
7XPswQ dkg93jfbkSdLk496c
On at Tilburg wrote:
103
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:
104
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:
105
This site is crazy :)
On at Lcurwqhg wrote:
106
Very funny pictures
On at Craig wrote:
107
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:
108
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:
109
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:
110
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:
111
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:
112
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:
113
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:
114
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:
115
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:
116
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:
117
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:
118
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:
119
a:focus {outline: none;}
to get rid of dotted outline in firefox, flock, etc.
On at kaiser dental oregon wrote:
120
I will not support Hillary Clinton for president I will not support Hillary Clinton for president
On at jaren wrote:
121
cMcLEm dfv078fnw8f934ndvkg2l
On at Hyadnfksdgfnmm wrote:
122
Very good site! juyhdsflad
On at Kehcfiby wrote:
123
cool site man
On at nick wrote:
124
tI9H64 hi! hice site!
On at Utaagstq wrote:
125
interesting post thx
- ASTsimpleVariableReference Error
- Alter Table Add Column on SQL Server
- Forward Unix Mail to Another Email Address
- Review of Vizio VW32LHDTV40A 32
- Howto List Contents of a Jar File
- Fixing SQL Server Users after Backup Restore
- Connect to SQL Server on Non Standard Port
- Ext s.gif Loading from extjs.com
Subscribe to our RSS Feed: 
XML
XML