Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
October 28, 2010
Image Size
6.4 KB
Resolution
48×96
Link
Thumb
Embed

Stats

Views
3,684
Favourites
43 (who?)
Comments
8
Downloads
1,101
×
Facebook Social Media Icon by Drake09 Facebook Social Media Icon by Drake09
A social media icon i made for web designers, and journal CSS coders.

Its a Hover Effect! Normal: Grey; Hover: Color
To use this effect put in this code!

CSS Code
#facebook:hover {background-position: bottom}

#facebook {
display: block;
background-image: url(image path here);
width: 48px;
height: 48px;
text-indent: -9999px; /*this is for taking out the text for the pic*/


HTML Code
(ul id="sociallinks")
(li class="bottomslinkstyle")
(a id="facebook" title="facebook" href="URL Here")FaceBook(/a)
(/li)

P.S. Replace the parentheses with brackets

Feel free to use! ^.=.^

FB Logo is owned by FaceBook
Add a Comment:
 
:iconinsaneroman:
InsaneRoman Apr 1, 2013  Professional Traditional Artist
I can't seem to get them to work. O_o
Reply
:icondrake09:
did u rename the div containers
Reply
:iconchannywafflez:
ChannyWafflez Aug 15, 2011  Hobbyist General Artist
): I'm new to these HTML codes, could you give me an example? For the blue one.
Reply
:icondrake09:
what u mean? the descrition shows how to put it in
Reply
:iconcalundan:
Calundan Dec 18, 2010  Student Interface Designer
These are awesome, great idea and excellent graphical details :)
Reply
:icongenesisnx:
You should make a twitter one, these are really nice. =D
Reply
:icondrake09:
:la:

i think i might! :la:

And thank you :hug:
Reply
Add a Comment: