Social Network Icons In Mini Profile

[®i©hie]

1) Go To:

Admin >> Themes >> Layout Templates >> Mini-Profile

2) wrap the "Social Networks" section in a div like so:

<div class="socialnetworks">
{foreach $[user.social_network]}
$[user.social_network]
{/foreach}
</div>

3) Place this anywhere below it, or at the bottom of the template:

<script type="text/javascript">
<!--
$('.socialnetworks a').each(function(){
if($(this).html()=="Facebook"){
$(this).html('<img src="http://i65.tinypic.com/28hfpn8.jpg" alt="Facebook" title="Add $[user.name] on Facebook" />');
}
if($(this).html()=="Google+"){
$(this).html('<img src="http://i65.tinypic.com/ivjwnk.jpg" alt="Google+" title="Follow $[user.name] on Google+" />');
}
if($(this).html()=="LinkedIn"){
$(this).html('<img src="http://i67.tinypic.com/2ekhcm0.jpg" alt="LinkedIn" title="Add $[user.name] on LinkedIn" />');
}
if($(this).html()=="Twitter"){
$(this).html('<img src="http://oi64.tinypic.com/2ilkfax.jpg" alt="Twitter" title="Follow $[user.name] on Twitter" />');
}
if($(this).html()=="YouTube"){
$(this).html('<img src="http://oi63.tinypic.com/3537fgz.jpg" alt="YouTube" title="Subscribe to $[user.name] on YouTube" />');
}
});
-->
</script>

rehost images if you want. here are all the images (click them to view the image directly)

 

here's some previews:

iybtest.proboards.com/post/378/

iybtest.proboards.com/thread/237/

[Former Member]

very nice richie just going to spread the word to a few members


Thank u


Works perfectly btw.

[®i©hie]

Feb 20, 2016 18:14:21 GMT -8 @joecool111 said:

very nice richie just going to spread the word to a few members

Thank u

Works perfectly btw.

Thanks @joecool111, glad you enjoy it!

I also just updated the images to be hosted on tinypic.com instead, since imgur decided to disallow linking from forums.

[Former Member]

Feb 21, 2016 15:00:36 GMT -8 ®i©hie said:

Feb 20, 2016 18:14:21 GMT -8 @joecool111 said:

very nice richie just going to spread the word to a few members

Thank u

Works perfectly btw.

Thanks @joecool111 , glad you enjoy it!

I also just updated the images to be hosted on tinypic.com instead, since imgur decided to disallow linking from forums.

ok so do i to replace this template?  is there  new one ?

[®i©hie]

Feb 21, 2016 16:00:49 GMT -8 @joecool111 said:

Feb 21, 2016 15:00:36 GMT -8 ®i©hie said:

Thanks @joecool111 , glad you enjoy it!

I also just updated the images to be hosted on tinypic.com instead, since imgur decided to disallow linking from forums.

ok so do i to replace this template?  is there  new one ?

just replace the javascript portion.

[Former Member]

thank you.

Its a good template that richie, proboards should think about making it permanent, iv no idea if this is possible or how it even works.

thank u