Surf 11 » The CSS XML / RSS Button

Finding the best waves on the web.

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:

FEED



Related Entries
On at Lorin Rivers wrote:
1
Sexy!

On at devilsoulblack wrote:
2
nice :)

On at uh do'h wrote:
3
You forgot to include the hover .feed:hover{

}

On at antonio wrote:
4
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:
5
heeey thank u man !!

On at Jim Peterson wrote:
6
Nice, thanks a lot

On at Patrick wrote:
7
Nice site! http://djntiqjw.com/vbpg/vgho.html | http://bvkpnsds.com/btrx/otua.html

On at Naomi wrote:
8
Thank you! http://erxiipmx.com/xkyt/jvgj.html | http://lghetysj.com/wcni/xnez.html

On at Janet wrote:
9
Good design! http://sgiiqklc.com/htpp/triz.html | http://uxfnermm.com/uror/zyxw.html

On at Raymond wrote:
10
Good design! http://zvehelgs.com/xugh/mvva.html | http://jpmkojfc.com/obfv/iefy.html

On at Simon wrote:
11
Great work! http://evbmbptu.com/ielx/czdc.html | http://htfspdsa.com/vxuq/kmze.html

On at Ethan wrote:
12
Thank you! http://bdszmyun.com/xjnb/djgp.html | http://aiskyjpe.com/dluu/cloc.html

On at Emma wrote:
13
Great work! http://jrcswrjt.com/xbhy/xbnf.html | http://ofihyboj.com/hisi/yuua.html

On at Ben wrote:
14
Nice site! http://jcepbqds.com/acex/rhhp.html | http://ukginlpe.com/mkca/gpoe.html

On at Alan wrote:
15
Great work! http://jawmtzmq.com/zzsm/dvfm.html | http://mnbxesgv.com/cano/fwyb.html

On at Gloria wrote:
16
Good design! http://tifrjlhl.com/etzb/mbmr.html | http://edgmkmww.com/txqm/purb.html

On at Freda wrote:
17
Well done! http://nniatqoa.com/zugn/gudt.html | http://mjuxqpeu.com/rjiz/sqgc.html

On at Lane wrote:
18
Well done! http://ixqbvngs.com/fhya/yhdv.html | http://dbzjbmxb.com/iffx/qrid.html

On at Dan wrote:
19
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:
20
(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:
21
(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:
22
Good site, admin. Thank you!

On at sildenafil wrote:
23
Good site, admin. Thank you!

On at Likadin wrote:
24
Your site is very very cool !! I love it :) Respect !

On at sildenafil wrote:
25
Good site, admin. Thank you! See U.

On at Plimnaz wrote:
26
Nice site guys.. didnt have a chance to meet you guys at the conference but hope to see you guys in bing in the near future. stay up.

On at athletic shoes wrote:
27
Good site, men. Thank you! See U. Sveta.

On at athletic shoes wrote:
28
Good site, men. Thank you! See U. Sveta.

On at alprazolam online wrote:
29
Good site!. Thank you! See U. Lisa.

On at alprazolam online wrote:
30
Good site!. Thank you! See U. Lisa.

On at levitra wrote:
31
Good day! Thanks for your work, admin!

On at levitra wrote:
32
Good day! Thanks for your work, admin!

On at Gregory wrote:
33
Kaufen Sie die popul?rsten ED Medikationen komfortabel und privat von zu Hause aus. SPEZIALANGEBOT JETZT BESTELLEN!

Danke.

On at Indira wrote:
34
Nice site guys.. didnt have a chance to meet you guys at the conference but hope to see you guys in bing in the near future. stay up.

On at Lideres wrote:
35
Found your site in google, and it has a lot of usefull information. Thanx.

On at zanrr wrote:
36
Yo have nice site, admin! keep up good work man! http://rkonk.pop-search.ru http://mhcfd.pop-search.ru http://yicfj.pop-search.ru http://mhcfd.pop-search.ru http://qxoz.pop-search.ru

End ^) See you

On at Dpfye wrote:
37
Well well well... Not bad, not bad... Can better? ;)

On at 33e75 wrote:
38
Get cheapets multycolor pills http://urlx.org/mensedpills.com/33e75

On at NRdhu wrote:
39
Get cheapets multycolor pills http://shurl.org/NRdhu

On at 8nn2qb wrote:
40
Get cheapets multycolor pills http://yep.it/?8nn2qb

On at jz4uh wrote:
41
Get cheapets multycolor pills http://linkki.info/jz4uh

On at 134704 wrote:
42
Get cheapets multycolor pills http://www.paulding.net/bin/url.cgi/13470.4

On at 4pgfw wrote:
43
Get cheapets multycolor pills http://digbig.com/4pgfw

On at tighturlmm wrote:
44
Get cheapets multycolor pills http://tighturl.com/mm

On at ss1tf wrote:
45
Get cheapets multycolor pills http://shurl.net/1tf

On at cialis side effects wrote:
46
Nice site and job! Thanks.

On at u2yat wrote:
47
Get cheapets multycolor pills http://tinyurl.com/u2yat

On at cialis side effects wrote:
48
Nice site and job! Thanks.

On at luxazial wrote:
49
Get cheapets multycolor pills http://luxazial.notlong.com/

On at erdfreml wrote:
50
Get cheapets multycolor pills http://shortlinks.co.uk/ml

On at edtrials wrote:
51
Get cheapets multycolor pills http://doiop.com/edtrials

On at 8ce9mma wrote:
52
Get cheapets multycolor pills http://flingk.com/8ce9mma

On at 23336 wrote:
53
Get cheapets multycolor pills http://link.toolbot.com/mensedpills.com/23336

On at Somael wrote:
54
Carisoprodol is best pain killer! Buy it! http://haygoodlab.ucsd.edu/discus/messages/24/404.html

On at Carisoprodol wrote:
55
Carisoprodol is best pain killer! Buy it!

On at Soma wrote:
56
Carisoprodol is best pain killer! Buy it! http://www.growingnewfarmers.org/discus/messages/2/carisoprodol-131.txt

On at Gasinas wrote:
57
Sorry about the first entry. My fingers don't always go where they should.

On at Angelica wrote:
58
Hello, nice site look this: http://digbig.com/4qbde http://shurl.net/1C4 http://shurl.net/1C4 http://0rz.tw/482cT http://fuskd.com/13

End ;) See you.

On at Jkgu wrote:
59
Nice resource! http://urlbounce.com/go/7Jkgu#giftbaskets

On at jogn15 wrote:
60
Nice resource! http://fuskd.com/15#giftbaskets

On at Kimadio wrote:
61
It was a great pleasure for me to visit and enjoy your site. Keep it running!

On at lacoste wrote:
62
Nice resource! http://lacoste.tetrare.org/map.html#lacoste Best regards,

On at shirts wrote:
63
Nice resource! http://shirts.varic.org/map.html#shirts Best regards

On at blouses wrote:
64
Nice resource! http://blouses.varic.org/map.html#blouses Best regards

On at skirts wrote:
65
Nice resource! http://skirts.varic.org/map.html#skirts Best regards

On at pants wrote:
66
Nice resource! http://pants.varic.org/map.html#pants Best regards

On at hoodia wrote:
67
Nice resource! http://hoodia.dydtgt.info/map.html#buy-hoodia Best regards

On at batteries wrote:
68
Nice resource! http://batteries.poqiwj.info/map.html#laptop-batteries Best regards

On at sweaters wrote:
69
Nice resource! http://sweaters.tetrare.org/map.html Best regards

On at blazers wrote:
70
Nice resource! http://blazers.varic.org/map.html Best regards

On at jackets wrote:
71
Nice resource! http://jackets.varic.org/map.html Best regards

On at coatsto wrote:
72
Nice resource! http://coats.tetrare.org/map.html Best regards

On at overcoat wrote:
73
Nice resource! http://overcoats.tetrare.org/map.html Best regards

On at shirtsz wrote:
74
Nice resource! http://shirts.tetrare.org/map.html Best regards

On at lblouses wrote:
75
Nice resource! http://blouses.tetrare.org/map.html Best regards

On at zskirts wrote:
76
Nice resource! http://skirts.tetrare.org/map.html Best regards

On at pantsd wrote:
77
Nice resource! http://pants.tetrare.org/map.html Best regards

On at bblazers wrote:
78
Nice resource! http://blazers.tetrare.org/map.html Best regards

On at lijackets wrote:
79
Nice resource! http://jackets.tetrare.org/map.html Best regards

On at levitra wrote:
80
Cool site. But my is better ;) http://levitra.eqw3w.info/map.html#cheap-levitra

On at soma wrote:
81
Cool site. But my is better ;) http://soma.ngfu2.info/map.html#buy-soma

On at buy cialis online wrote:
82
Cool site. But my is better ;) http://cialis.eqw3w.info/map.html#buy-cialis

On at buy levitra online wrote:
83
Cool site. But my is better ;) http://levitra.ngfu2.info/map.html#buy-levitra

On at buy hoodia wrote:
84
Cool site. But my is better ;) http://hoodia.eqw3w.info/map.html#buy-hoodia

On at carisoprodol order wrote:
85
Cool site. But my is better ;) http://carisoprodol.ngfu2.info/map.html#carisoprodol-order

On at travel wrote:
86
Cool site. But my is better ;) http://travel.offizen.info/map.html#travel

On at gift stores wrote:
87
Cool site. But my is better ;) http://stores.offizen.info/map.html#gift-stores

On at lacoste wrote:
88
Cool site. But my is better ;) http://lacoste.genden.info/map.html#lacoste

On at detox wrote:
89
Cool site. But my is better ;) http://stores.midts.info/map.html#detox

On at aciphex precaution wrote:
90
Happy New Year! See U!

On at aciphex precaution wrote:
91
Happy New Year! See U!

On at Hillary wrote:
92
http://yandex.ru

On at Brytney wrote:
93
http://pinay-scandal.foruhome.com/ pinay scandal http://hindi-sms-joke.foruhome.com/ hindi sms joke http://urdu-sms.foruhome.com/ urdu sms http://sms-poruke.foruhome.com/ sms poruke http://sms-de-dragoste.foruhome.com/ sms de dragoste http://plain-white.foruhome.com/ plain white http://titoelbambino.buy2007.info/ titoelbambino http://kara-monaco.foruhome.com/ kara monaco

On at Naomi wrote:
94
Great work! http://fpppxyxj.com/iszp/uddn.html | http://xispcbba.com/yirg/tcsr.html

On at RX-Pharm.info wrote:
95
RX-Pharm.info http://rx-pharm.info/

On at ixleqebgcg wrote:
96
Hello! Good Site! Thanks you! ebbxctnywxb

On at frdlsdmccn wrote:
97
Hello! Good Site! Thanks you! prqyrkskrt

On at bek wrote:
98
I just wanted to say WOW!

On at alex wrote:
99
Pretty nice site, wants to see much more on it!=

On at gari wrote:
100
this one is simple & nice.e

On at poiu wrote:
101
It\'s a very good site!a

On at hely wrote:
102
It\'s a very good site!o

On at jfe wrote:
103
excellent texture.r

On at bgg wrote:
104
Thanks a bunch!u

On at rinch wrote:
105
Great Site - really useful information!

On at jak wrote:
106
Thank for making this valuable information available to the public.

On at bek wrote:
107
Very good web site, great work and thank you for your service.+y

On at zaas wrote:
108
that\'s neat!

On at cxbf wrote:
109
It\'s a very good site!

On at yamomoto wrote:
110
thank you!v

On at rewb wrote:
111
Good site - you\'re a pretty good writer.6

On at jak wrote:
112
Nice resource, very interesting reading...

On at Amanda wrote:
113
excellent texture.h

On at rinch wrote:
114
Pretty nice site, wants to see much more on it!4

On at jak wrote:
115
Good Site! Keep Doing That!o

On at ttre wrote:
116
Good luck with your site in the future!7

On at sary wrote:
117
excellent texture.

On at sink wrote:
118
Very good site! I like it! Thanks!D

On at rty wrote:
119
wow nice!2

On at jan wrote:
120
O, super project..

On at Tina wrote:
121
Thank you!r

On at Amanda wrote:
122
Good Site! Keep Doing That!o

On at beni wrote:
123
This is a great tutorial thanks!+

On at bily wrote:
124
Very effective. Thanx.2

On at mgj wrote:
125
Very good web site, great work and thank you for your service.+

On at Katie wrote:
126
It\'s a very good site!g

On at asdf wrote:
127
Good Site! Keep Doing That!i

On at jdfh wrote:
128
that\'s neat!+

On at sary wrote:
129
Nice resource, very interesting reading...v

On at Marilyn wrote:
130
Very good web site, great work and thank you for your service.+

On at mik wrote:
131
Pretty nice site, wants to see much more on it!i

On at Craig wrote:
132
Dude, You need to do something to fix your comments -- they are mostly SPAM. Do your part to fight the scourge!

On at sunita chauhan wrote:
133
Great tips, very nice yar. http://www.bessnet.com/

On at ???????? wrote:
134
http://cglc.org ????????

On at kaiser dental oregon wrote:
135
I will not support Hillary Clinton for president I will not support Hillary Clinton for president

On at Pranav Shah wrote:
136
Primetech Software aims to contribute its technical know-how in providing various IT integrated services across the globe such as Customized Software Development, website solution,Application Development,Web Hosting,Website Designing,E-commerce Solution, Search Engine Optimization (SEO), Standard Software Reselling (tally9/salesmartz), IT Consultancy etc http://www.primetechsoftware.com

Name:

Email: (optional, not displayed on site)
   Subscribe to this thread
Comments: (html will be escaped)



Subscribe to our RSS Feed: subscribe to this feed XML
Archives   Tags   Contact