Flickr and youtube social buttons

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
Thu May 30, 2013 4:30 pm
Reply with quote
Report this post
Hello,

is there a way to get flickr and youtube icons to place at the top (mod position social)?

thx
Armin
User avatar
Junior Boarder

GK User
Thu May 30, 2013 4:42 pm
Reply with quote
Report this post
Hi,
In our demo we use "Custom HTML" module with this code:
Code: Select all
<p><a class="gkRSS" href="#">RSS</a>
<a class="gkTwitter" href="#">Twitter</a>
<a class="gkFb" href="#">Facebook</a>
<a class="gkGplus" href="#">Google+</a>
</p>


And we put it in "social" module position

You can modify it - in place of "#" insert your links and change name, then in photoshop open this file
templates/gk_publisher/images/style1/social_icons.png and modify icons and upload changed version, do you know want I mean?
User avatar
Platinum Boarder

GK User
Thu May 30, 2013 4:52 pm
Reply with quote
Report this post
Solution#2
I have another solution, use your own icons from iconfinder.com and put it like any other image and make them links.

Solution #3
Make your own buttons using CSS3 features
Code: Select all
.almost_circle {
background:#333333;
border:5px solid #333333;
-webkit-border-radius: 360px;
border-radius: 360px; }


and in module insert
Code: Select all
<p><a class="almost_circle" href="#">Flickr</a>
<a class="almost_circle" href="#">YT</a></p>
User avatar
Platinum Boarder

GK User
Fri May 31, 2013 5:29 pm
Reply with quote
Report this post
thank you for all the cool replys :)
User avatar
Junior Boarder

GK User
Fri May 31, 2013 9:52 pm
Reply with quote
Report this post
Anytime, CSS3 is powerful tool so you don't need any photoshop.
User avatar
Platinum Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.