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,885 (1 today)
Favourites
42 (who?)
Comments
8
Downloads
1,128
×
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 Featured By Owner Apr 1, 2013  Professional Traditional Artist
I can't seem to get them to work. O_o
Reply
:icondrake09:
Drake09 Featured By Owner May 5, 2013
did u rename the div containers
Reply
:iconchannywafflez:
ChannyWafflez Featured By Owner 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:
Drake09 Featured By Owner Aug 26, 2011
what u mean? the descrition shows how to put it in
Reply
:iconcalundan:
Calundan Featured By Owner Dec 18, 2010  Student Interface Designer
These are awesome, great idea and excellent graphical details :)
Reply
:icondrake09:
Drake09 Featured By Owner Dec 18, 2010
thanks
Reply
:icongenesisnx:
Genesisnx Featured By Owner Oct 30, 2010  Professional Digital Artist
You should make a twitter one, these are really nice. =D
Reply
:icondrake09:
Drake09 Featured By Owner Oct 30, 2010
:la:

i think i might! :la:

And thank you :hug:
Reply
Add a Comment: