Chazay
Android
Retired
Get the add on "Stylish" for Chrome or Firefox.
Here’s the CSS code
Code:
.slimHeader #fbNotificationsJewel a.jewelButton,
#fbMessagesJewel a.jewelButton,
.slimHeader #fbNotificationsJewel.openToggler a.jewelButton {
background-image: url(<link to picture file of Jigglypuff>) !important;
background-position: center center !important;
}
.slimHeader #fbNotificationsJewel a.jewelButton:hover,
#fbMessagesJewel a.jewelButton:hover {
background-image: url(<link to picture file of Jigglypuff>) !important;
background-position: center center !important;
}
.slimHeader #fbMessagesJewel a.jewelButton,
.slimHeader #fbMessagesJewel.openToggler a.jewelButton,
#fbMessagesJewel a.jewelButton {
background-image: url(<link to picture file of Delibird>) !important;
background-position: center center !important;
}
.slimHeader #fbMessagesJewel a.jewelButton:hover,
#fbMessagesJewel a.jewelButton:hover {
background-image: url(<link to picture file of Delibird>) !important;
background-position: center center;
}
.slimHeader #fbRequestsJewel a.jewelButton,
.slimHeader #fbRequestsJewel.openToggler a.jewelButton,
#fbMessagesJewel a.jewelButton {
background-image: url(<link to picture file of Dugtrio>) !important;
background-position: center center !important;
}
.slimHeader #fbRequestsJewel a.jewelButton:hover,
#fbMessagesJewel a.jewelButton:hover {
background-image: url(<link to picture file of Dugtrio>) !important;
background-position: center center !important;
}
If you want to copy it, you'd have to replace <link to picture file of Jigglypuff/Delibird/Dugtrio> with a real URL, of course, starting with http:// (and without < > around it).
Hope that helps. Source: http://www.reddit.com/r/pokemon/comments/t8voe/i_changed_my_facebook_icons_what_do_you_think/