Jump to content
Search In
  • More options...
Find results that contain...
Find results in...



#0
Guest

User Menu


Sign In

Sign In



Sign Up

Forum Menu


Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!

Sign in to follow this  
darksoke

[Release] Social icons + css ready to use

Recommended Posts

T
O
P
I
C

S
T
A
R
T
E
R

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
	

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.   Restore formatting

  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.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

About Us

MMO-Society is the Forum former known as Lordcraft, MMO-Society offers various of Resources to help you evolve your knowledge within Emulation, In the process we make sure to form a strong community bond in-between each other and thus we are proud to can admit that MMO-Society is possibly the friendliest Community Forum to currently exist.

All trademarks referenced are the properties of their respective owners.
©2018 MMO-Society. All rights reserved.

Social Links

Discord Server Join
Twitter Follow us
×
×
  • Create New...