Flickr and youtube social buttons
Rate this topic: 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
is there a way to get flickr and youtube icons to place at the top (mod position social)?
thx
Armin
-
- 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:
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?
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?
-
- 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
and in module insert
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>
-
- Platinum Boarder
- GK User
- Fri May 31, 2013 5:29 pm
- Reply with quote
- Report this post
thank you for all the cool replys
-
- 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.
-
- Platinum Boarder
5 posts
• Page 1 of 1