Jump to content
Sign in to follow this  
darksoke

[Release] Social icons + css ready to use

Recommended Posts

as the title sais i'm going to release a ready to use CSS for social icons i was searching for this kind of files and couldn't find a decent one so i had to create them myself, there we go first of all you'll need this 2 images 

save this one as images/social.png

e74LTbF.png

and this one images/social_hover.png

18EE4dY.png

now the CSS part copy and paste this bin http://pastebin.com/tSGiamx5 and name it icns.css now go to your main .css file and paste this @import 'icns.css' 

Now they are ready to use but first a bit of explanation

<a href="your facebook link" class="social_icon facebook_32x32"></a>

or you can use the direct link

<a href="your facebook link" class="facebook_32x32"></a>

.social_icon class is positioning the icon you can edit to fit your needs as it is it will put the icons in line due to the display:inline-block
here is a list with all icon classes

.facebook_32x32
.twitter_32x32
.linkedin_32x32
.pinterest_32x32
.instagram_32x32
.tumblr_32x32
.youtube_32x32
.google_32x32

NOTE this is a free release and only contain the 32x32 pixels icons if you want a full release with 16x16,24x24,32x32,56x56 contact me and will talk about the price
 

  • Upvote 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...