Cool little icons - Where did they get these?

Question

I ran across Depeche Mode's website months ago. I really like
the little icons they use at the bottom of the page for Facebook,
Youtube, Myspace etc. Where did these come from? Is it a Flash
product? Or is it a custom Flash icon their designer used? I would
love to get my hands on them if anyone recognizes them.
Check out:
http://www.depechemode.com/
-T

Answer 1

Hi SH -
While it does look like "each one is separate" it is actually
one image
containing all the icons including the hover state.
The sprite method uses CSS positioning to only display the
desired icon as a
background
The image:
http://www.depechemode.com/images/brat_bottom_footer_icons.jpg
The CSS:
#brat_hacked_footer span.announcement {
background: url(/images/brat_bottom_footer_icons.jpg)
#edecec;
float: left;
display: block;
width: 25px;
height: 22px;
margin: -4px 4px 0px 0px;
#brat_hacked_footer span {
background: url(/images/brat_bottom_footer_icons.jpg)
#edecec;
float: left;
display: block;
width: 25px;
height: 22px;
margin: -4px 4px 0px 20px;
#brat_hacked_footer span.store {
background: url(/images/brat_bottom_footer_icons.jpg);
float: left;
display: block;
width: 62px;
height: 22px;
margin: -4px 4px 0px 20px;
#hacked_footer_announcement_list span.announcement {
background-position: 0px 0px;
#hacked_footer_myspace span {
background-position: -25px 0px;
#hacked_footer_facebook span {
background-position: -50px 0px;
#hacked_footer_youtube span {
background-position: -75px 0px;
#hacked_footer_store span.store {
background-position: -100px 0px;
#hacked_footer_store_links a {
display: inline;
margin: -0px 0px -0px 0px;
#hacked_footer_store_links b {
display: inline;
margin: -0px 0px -0px 0px;
#hacked_footer_announcement_list a:hover span.announcement {
background-position: -0px -22px;
#hacked_footer_myspace a:hover span {
background-position: -25px -22px;
#hacked_footer_facebook a:hover span {
background-position: -50px -22px;
#hacked_footer_youtube a:hover span {
background-position: -75px -22px;
#hacked_footer_store a:hover span.store {
background-position: -100px -22px;
"shoutzager" <[email protected]> wrote in
message
news:[email protected]...
>I think they just doctored up those icons themselves.
Each one is separate
>with a rollover. Addthis has a popular product.
>
http://www.addthis.com/
>
> SH