Adding a You Tube icon

GK User
Tue Nov 23, 2010 4:27 pm
Hi Guys,

How can I add a youtube icon beside facebook and Twitter?

JB
User avatar
Expert Boarder

GK User
Fri Nov 26, 2010 1:00 pm
Has anyone else tried to add other links, it seems to be ingrained in the template?
User avatar
Expert Boarder

GK User
Fri Nov 26, 2010 3:56 pm
Yes, fb and twitter icons are integrated with template but you can easily add your own icon.

1. Prepare an image icon for youtube (21 x 21 px) and named it yt_icon.png
2. Copy image to ..templatesgk_blackandwhiteimagesstyle1
3. Open file style1.css from ..templatesgk_blackandwhitecss and add this line at the end of the file
Code: Select all
#btn_yt {  background-image: url('../images/style1/yt_icon.png'); }

4. Open file template.css from ..templatesgk_blackandwhitecss and paste this line at the end of this file :
Code: Select all
#btn_yt { cursor:pointer; display:block; float:right; width:21px; height:21px; border:none; text-indent:-10000px; text-align:left; margin: 55px 0 0 6px!important; }

5. The last part is create the link in template view, so you need to open file top.php from ..templatesgk_blackandwhitelayoutsblocks and in line 37 add code like this
Code: Select all
<a href="http://google.com" target="_blank" id="btn_yt"></a>

where google.com you can replace with link to your youtube profile.
User avatar
Platinum Boarder


cron