Jump to content


Photo
Resolved

Add a social network icon

Weibo

This topic has been archived. This means that you cannot reply to this topic.
26 replies to this topic

#21 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 18 October 2012 - 02:37 AM

Hi Richard

We've had a quick look at your site and the code provided. It doesn't look like you've created the images folder which needs to go in, eg: /platformbase/images. Can you check on this and let us know where you've uploaded the icon image?

#22 zhonghao

zhonghao

    Super Member

  • Members

  • 101 posts

Posted 18 October 2012 - 03:04 AM

Hi James thanks for the reply. I uploaded the images to the the same 'images' folder as provided in the platformbase program. It is the same folder where the image 'sprite-socialicons.png' is located. I have uploaded 2 screen shots from my ftp program for you to see as follows :
http://paste.pagelines.com/80q & http://paste.pagelines.com/2ma

Thanks again

#23 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 18 October 2012 - 04:13 AM

Hi Richard, ok I've got someone to look over the hook for you and check the screenshots. They've said you'll need to add the full url to the image in the css code at the bottom of the paste you attached.

For example: http://www.mystie.co...ges/myimage.png, apparently relative urls won't work. Check the exact path to the image as in the css code it says platformpro not platformbase. Also the link you've included is coming up inactive, it will still take you to the main site but there's no profile there for you at the moment.

Sorry I missed your previous message, I know Walton on Thames well, I'm based near Guildford.

#24 zhonghao

zhonghao

    Super Member

  • Members

  • 101 posts

Posted 18 October 2012 - 06:14 AM

Thanks James - can't believe I missed the wrong url (platformpro instead of platformbase) sorry about that ! So I now have changed the url in the css to the full address s pe the attachment (http://paste.pagelines.com/9ay). However it is still not showing. I have checked and rechecked and rechecked again to make sure I'm in the right folder. Maybe the way I've written the url is wrong ?.....
I'm aware of the inactive link. I need to find a Chinese computer literate person to help sort that one out :)
Guildford - I noticed the times of your posts - don't you sleep !?
Thanks for the help so far - really appreciate it

#25 Danny

Danny

    Is Awesome!

  • Moderators
  • 17537 posts

Posted 18 October 2012 - 08:16 AM

Hi Richard,

OK I have tested your code and it wasn't correct, therefore, I have resolved this for you. Simply add the following code below.

// Add this to your Custom CSS
 
.icons .richardweibo {
background: url('http://bodyworksasia.cn/wp-content/themes/platformbase/images/weibofollowus-sml.png') no-repeat 0 0;
width: 79px;
height: 25px;
}

.icons .richardweibo:hover {
background: url(http://bodyworksasia.cn/wp-content/themes/platformbase/images/weibofollowushover-sml.png) no-repeat 0px 0px;
}

// Add this to your functions.php
 


add_action('pagelines_branding_icons_end', 'weibo_icon');
function weibo_icon(){ ?>

<a href="http://www.weibo.com/Richard_Brown" class="richardweibo"></a>

<?php

}




#26 zhonghao

zhonghao

    Super Member

  • Members

  • 101 posts

Posted 18 October 2012 - 10:40 AM

Hi Danny - Truly I don't know how you came up with that - it works ! I think I can just play around with the positioning by myself now and deal with the 'inactive link'. However the initial issue is resolved. A big thanks to you and Rob and James for bearing with me and going through it - really appreciate you guys helping. Cheers :)

#27 Danny

Danny

    Is Awesome!

  • Moderators
  • 17537 posts

Posted 18 October 2012 - 11:10 AM

The topic was marked as resolved.