Put the social icons as in the example

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Aug 11, 2013 8:20 pm
Reply with quote
Report this post
Hello!
I like to put these social icons as in the example.
Image
User avatar
Junior Boarder

GK User
Mon Aug 12, 2013 6:05 am
Reply with quote
Report this post
Hi,
next time dig deeper, then you would see the whole code.

Code: Select all
<div class="custom">

   <a href="#" class="gkTwitter">Twitter</a>
<a href="#" class="gkFb">Facebook</a>
<a href="#" class="gkPinterest">Pinterest</a>
<a href="#" class="gkGplus">Google+</a>   
</div>

And some from CSS
Code: Select all
.gkTwitter, .gkFb, .gkPinterest, .gkGplus {
    background-image: url("../images/style2/social_icons.png");
}


AS you can see we use SPRITE IMAGE technique, but you can simply add standard icon like a image or....
use photoshop and replace our icon with your in this case you will be able to replace Pinterest with youtube etc.
User avatar
Platinum Boarder

GK User
Tue Aug 13, 2013 1:15 pm
Reply with quote
Report this post
Thanks!
I like to put youtube icon.
User avatar
Junior Boarder

GK User
Tue Aug 13, 2013 7:39 pm
Reply with quote
Report this post
I like to put youtube icon.


As an additional or instead of some other?

p.s.
Today I will try to finish this article which should help you (give me few hours):
http://www.gavick.com/documentation/gen ... ial-icons/
User avatar
Platinum Boarder

GK User
Thu Aug 22, 2013 2:19 pm
Reply with quote
Report this post
Hi there, how do you link an animation in the creativity template slide?
User avatar
Senior Boarder


cron