Any Social Networks in Mini-Profile for V5

[®i©hie]

Sept 6, 2015 11:55:23 GMT -8 stronktank said:

®i©hie

Hidden under a spoiler in the OP.

SPOILER: Click to show

List of extra custom profile field images + links (personal tab in 'edit profile')
Rockstar
i61.tinypic.com/2us9wdh.jpg
socialclub.rockstargames.com/member/#id#/
PSN
oi58.tinypic.com/rk5xc2.jpg
www.playstation.com/en-us/my/public-trophies/?onlinename=#id#
Xbox Gamertag
i39.tinypic.com/t6v2qe.png
profile.mygamercard.net/#id#
PC Gamertag
...
Twitch
i58.tinypic.com/dow8r7.jpg
...
I would like to add a 'Job Type' selection menu with icons to choose from (no link attached), that displays at the end of the icon line (after social messengers).

List of social network images + links (social tab/networks in 'edit profile')
YouTube
i39.tinypic.com/opac7.gif
Facebook
i40.tinypic.com/x6mp2b.gif
LinkedIn
storage.proboards.com/3028697/i/b53Irlnw2Qppgkw4aoGH.jpg
Twitter
i44.tinypic.com/2cwwscm.png
Google+
storage.proboards.com/3028697/i/mk7BKRcTxGMl6KLIKPyp.png

List of social messenger images + links (social tab profile)
Skype
i46.tinypic.com/kx361.png
/skype:#id#
AIM
i60.tinypic.com/2drh2qe.jpg
/AIM:#id#

I would only want them to show the icon, like in the picture in the OP. When clicked it takes you to the link.
Links that are already in profile fields on the boards (youtube, facebook, etc.) should be linked to those links.
Custom profile fields like Social Club or PSN should link to the link given but they should only have to insert their ID.
CUSTOM PROFILE FIELD:
SOCIAL CLUB ID: [INSERT: #SOCIALCLUBID]
Then it shows as the social club icon in the mini profile and when clicked it links to socialclub.rockstargames.com/member/#SOCIALCLUBID
And if possible when hovered over the icon it shows the 'id'.

Boy_Wonder , any progress?

so for example:

PSN: 

and the icon will go to the specified link, correct?

for profile use this:

SPOILER: Click to show

{foreach $[user.custom_field]}
<tr class="$[user.custom_field.content_class]">
<td class="headings">
$[user.custom_field.name]:
</td>
<td>

{if $[user.custom_field.name] == "PSN"}
<a href="http://us.playstation.com/playstation/psn/visit/profiles/$[user.custom_field.value]/" target="_blank"><img src="http://oi58.tinypic.com/rk5xc2.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}


{if $[user.custom_field.name] == "Rockstar"}
<a href="http://socialclub.rockstargames.com/member/$[user.custom_field.value]/" target="_blank"><img src="http://i61.tinypic.com/2us9wdh.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}


{if $[user.custom_field.name] == "Xbox Gamertag"}
<a href="http://profile.mygamercard.net/$[user.custom_field.value]/" target="_blank"><img src="http://i39.tinypic.com/t6v2qe.png" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}

{if $[user.custom_field.name] == "Twitch"}
Xbox Gamertag: <a href="http://www.twitch.tv/$[user.custom_field.value]/" target="_blank"><img src="http://i58.tinypic.com/dow8r7.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}

</td>
</tr>
{/foreach}

please note that the field names need to reflect what you put on this page:

/admin/members/fields

[stronktank]

®i©hie: Yes, perfect! Only it does not show "PSN:" but simply the icon.

Would be awesome that if hovered it shows the 'id' that was entered in the custom profile field and added in the link.

Example for new custom profile fields

CUSTOM PROFILE FIELD
PSN ID: [insert here: STRONKTANK]

LINK ID IS INSERTED IN AND LINKED TO THE ICON
www.playstation.com/en-us/my/public-trophies/?onlinename=STRONKTANK

HOW IT SHOWS IN MINI-PROFILE (hover over it, click it!)


Example for already existing profile fields

SOCIAL > SOCIAL WEBSITES
YouTube
www.youtube.com/[insert here: channel/UCgCyyQl_gZBLaRHIAVEVPzA]

LINK ID IS INSERTED IN AND LINKED TO THE ICON
www.youtube.com/channel/UCgCyyQl_gZBLaRHIAVEVPzA

HOW IT SHOWS IN MINI-PROFILE (hover over it, click it!)

[®i©hie]

ok, refer back to my last post i edited it.

[stronktank]

®i©hie

gccc.boards.net/thread/26/content-creator-bugs-suggestions-wishlist

It seems like it does something wrong?

And uhm, what about the existing social website fields?
Like youtube or facebook? (links also in spoiler)

EDIT:

I now see you made it for the user profile summary? Where exactly do I put that code in the layout template?
How do I implement them to my mini-profile like in this picture (custom profile fields + existing social network fields)

[®i©hie]

Sept 8, 2015 11:34:51 GMT -8 stronktank said:

®i©hie

gccc.boards.net/thread/26/content-creator-bugs-suggestions-wishlist

It seems like it does something wrong?

And uhm, what about the existing social website fields?
Like youtube or facebook? (links also in spoiler)

what i gave you was for the "user profile" template, for mini-profile use everything from {foreach $[user.mini_custom_field]} to {/foreach}

also make sure what's in this line in bold is accurate:

{if $[user.mini_custom_field.name] == "PSN"}

the bold should match what you have listed here for the "Field Name":

gccc.boards.net/admin/members/fields

Edit: stronktank post your template for mini-profile and i'll write it up for you.

[stronktank]

®i©hie not sure what I'm doing wrong.

gccc.boards.net/thread/214/hello

Layout Templates > Mini Profile

<div class="$[miniprofile_class]">
$[user]<br />
{if $[user.is_guest]}Guest<br />{/if}
{if $[user.is_deleted]}<em>Deleted Member</em><br />{/if}
{if $[user.group]}
$[user.group.name]<br />$[user.group.stars]<br />
{elseif $[user.rank]}
$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}  
{/if}
   {if $[user.custom_title]}$[user.custom_title]<br />{/if}
{if $[user.avatar]}
<div class="avatar">$[user.avatar]</div><br />
{/if}

   {foreach $[user.custom_field]}
<tr class="$[user.custom_field.content_class]">
<td class="headings">
$[user.custom_field.name]:
</td>
<td>

{if $[user.custom_field.name] == "PSN"}
<a href="http://us.playstation.com/playstation/psn/visit/profiles/$[user.custom_field.value]/" target="_blank"><img src="http://oi58.tinypic.com/rk5xc2.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}


{if $[user.custom_field.name] == "Rockstar"}
<a href="http://socialclub.rockstargames.com/member/$[user.custom_field.value]/" target="_blank"><img src="http://i61.tinypic.com/2us9wdh.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}


{if $[user.custom_field.name] == "Xbox Gamertag"}
<a href="http://profile.mygamercard.net/$[user.custom_field.value]/" target="_blank"><img src="http://i39.tinypic.com/t6v2qe.png" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}

{if $[user.custom_field.name] == "Twitch"}
Xbox Gamertag: <a href="http://www.twitch.tv/$[user.custom_field.value]/" target="_blank"><img src="http://i58.tinypic.com/dow8r7.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}

</td>
</tr>
{/foreach}
   
<br />
   
   
{if $[user.is_member]}
<div class="info">
Posts: $[user.posts]<br />
           +$[user.likes]
{foreach $[user.mini_custom_field]}
<br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
{/foreach}
           {if $[user.is_online]}<br /><span class="italic"><font color="#31B404">Online</font></span>{/if}
</div><br />
{/if}
<!-- {if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
{foreach $[user.badges_miniprofile]}
$[user.badges_miniprofile.icon]
{/foreach}
</div>
{/if}-->
<div class="awards"></div>
   $[user.warning.bar]
</div>



[stronktank]

®i©hie

i60.tinypic.com/2cdcv5.jpg
this is the link for the social club symbol (old one was broken)

And could you add the code to add youtube and facebook too?

[®i©hie]

remove the bold here:

{elseif $[user.rank]}

but otherwise i see nothing wrong with it. 

[stronktank]

I got it to work although the space above the symbols is too high and the space below the symbols is too small,...

Removed the td/tr

<div class="$[miniprofile_class]">
$[user]<br />
{if $[user.is_guest]}Guest<br />{/if}
{if $[user.is_deleted]}<em>Deleted Member</em><br />{/if}
{if $[user.group]}
$[user.group.name]<br />$[user.group.stars]<br />
{elseif $[user.rank]}
$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}  
{/if}
   {if $[user.custom_title]}$[user.custom_title]<br />{/if}
{if $[user.avatar]}
<div class="avatar">$[user.avatar]</div><br />
{/if}

   {foreach $[user.custom_field]}
{if $[user.custom_field.name] == "PSN"}
<a href="http://us.playstation.com/playstation/psn/visit/profiles/$[user.custom_field.value]/" target="_blank"><img src="http://oi58.tinypic.com/rk5xc2.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}


{if $[user.custom_field.name] == "Rockstar"}
<a href="http://socialclub.rockstargames.com/member/$[user.custom_field.value]/" target="_blank"><img src="http://i60.tinypic.com/2cdcv5.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}


{if $[user.custom_field.name] == "Xbox Gamertag"}
<a href="http://profile.mygamercard.net/$[user.custom_field.value]/" target="_blank"><img src="http://i39.tinypic.com/t6v2qe.png" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}

{if $[user.custom_field.name] == "Twitch"}
<a href="http://www.twitch.tv/$[user.custom_field.value]/" target="_blank"><img src="http://i58.tinypic.com/dow8r7.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}

{/foreach}
   
<br />
   
   
{if $[user.is_member]}
<div class="info">
Posts: $[user.posts]<br />
           +$[user.likes]
           {if $[user.is_online]}<br /><span class="italic"><font color="#31B404">Online</font></span>{/if}
</div><br />
{/if}
<!-- {if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
{foreach $[user.badges_miniprofile]}
$[user.badges_miniprofile.icon]
{/foreach}
</div>
{/if}-->
<div class="awards"></div>
   $[user.warning.bar]
</div>


[®i©hie]

remove the bold here:

<div class="avatar">$[user.avatar]</div>


and add some extra br tags here:

{/foreach}



<br />
<br />
<br />





{if $[user.is_member]}

that should help.

[stronktank]

®i©hie , thank you so much for your help! Though the last thing is getting those social network sites in there as well! (from the profile > social tab)
Like facebook, youtube and skype,...?

[®i©hie]

Sept 8, 2015 13:41:02 GMT -8 stronktank said:

®i©hie , thank you so much for your help! Though the last thing is getting those social network sites in there as well! (from the profile > social tab)
Like facebook, youtube and skype,...?

do you want those displayed any special way?

like i have on my test board?
iybtest.proboards.com/user/1/recent

[stronktank]

®i©hie , no I'd like them exactly as the other symbols. All in the same line, if possible?

[®i©hie]

Sept 8, 2015 14:47:49 GMT -8 stronktank said:

®i©hie , no I'd like them exactly as the other symbols. All in the same line, if possible?

{foreach $[user.social_network]}

{if $[user.social_network.iteration] == "1"}
<a href="$[user.social_network.href]" target="_blank"><img src="http://i.imgur.com/xbbF6J4.png" alt="$[user.social_network.href]" title="$[user.social_network.href]" /></a>
{/if}

{if $[user.social_network.iteration] == "2"}
<a href="$[user.social_network.href]" target="_blank"><img src="http://i.imgur.com/iTegv4u.png" alt="$[user.social_network.href]" title="$[user.social_network.href]" /></a>
{/if}

{if $[user.social_network.iteration] == "3"}
<a href="$[user.social_network.href]" target="_blank"><img src="http://i.imgur.com/tTxCBc4.jpg" alt="$[user.social_network.href]" title="$[user.social_network.href]" /></a>
{/if}

{if $[user.social_network.iteration] == "4"}
<a href="$[user.social_network.href]" target="_blank"><img src="http://i.imgur.com/VKgbOFo.png" alt="$[user.social_network.href]" title="$[user.social_network.href]" /></a>
{/if}

{/foreach}

feel free to change the icons if you want. they are in order:

1 - facebook
2 - linkedin
3 - twitter
4 - youtube

preview:
iybtest.proboards.com/post/378

[stronktank]

Why is Google + excluded?

And what about the instant messengers?

AIM ICQ YIM SKYPE ?

And I entered it like this

SPOILER: Click to show


<div class="$[miniprofile_class]">
$[user]<br />
{if $[user.is_guest]}Guest<br />{/if}
{if $[user.is_deleted]}<em>Deleted Member</em><br />{/if}
{if $[user.group]}
$[user.group.name]<br />$[user.group.stars]<br />
{elseif $[user.rank]}
$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}  
{/if}
   {if $[user.custom_title]}$[user.custom_title]<br />{/if}
{if $[user.avatar]}
<div class="avatar">$[user.avatar]</div>
{/if}

   {foreach $[user.custom_field]}
   

{if $[user.custom_field.name] == "R* Social Club ID"}
<a href="http://socialclub.rockstargames.com/member/$[user.custom_field.value]/" target="_blank"><img src="http://i60.tinypic.com/2cdcv5.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}

{if $[user.custom_field.name] == "PSN"}
<img src="http://oi58.tinypic.com/rk5xc2.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" />
{/if}

{if $[user.custom_field.name] == "Xbox Gamertag"}
<a href="http://profile.mygamercard.net/$[user.custom_field.value]/" target="_blank"><img src="http://i39.tinypic.com/t6v2qe.png" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}

{if $[user.custom_field.name] == "Twitch ID"}
<a href="http://www.twitch.tv/$[user.custom_field.value]/" target="_blank"><img src="http://i58.tinypic.com/dow8r7.jpg" alt="$[user.custom_field.value]" title="$[user.custom_field.value]" /></a>
{/if}

{/foreach}
 
{foreach $[user.social_network]}

{if $[user.social_network.iteration] == "1"}
<a href="$[user.social_network.href]" target="_blank"><img src="i40.tinypic.com/x6mp2b.gif" alt="$[user.social_network.href]" title="$[user.social_network.href]" /></a>
{/if}

{if $[user.social_network.iteration] == "2"}
<a href="$[user.social_network.href]" target="_blank"><img src="s28697.storage.proboards.com/3028697/i/b53Irlnw2Qppgkw4aoGH.jpg" alt="$[user.social_network.href]" title="$[user.social_network.href]" /></a>
{/if}

{if $[user.social_network.iteration] == "3"}
<a href="$[user.social_network.href]" target="_blank"><img src="i44.tinypic.com/2cwwscm.png" alt="$[user.social_network.href]" title="$[user.social_network.href]" /></a>
{/if}

{if $[user.social_network.iteration] == "4"}
<a href="$[user.social_network.href]" target="_blank"><img src="i39.tinypic.com/opac7.gif" alt="$[user.social_network.href]" title="$[user.social_network.href]" /></a>
{/if}

{/foreach}
<br />
   
   
{if $[user.is_member]}
<div class="info">
Posts: $[user.posts]<br />
           +$[user.likes]
           {if $[user.is_online]}<br /><span class="italic"><font color="#31B404">Online</font></span>{/if}
</div><br />
{/if}
<!-- {if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
{foreach $[user.badges_miniprofile]}
$[user.badges_miniprofile.icon]
{/foreach}
</div>
{/if}-->
<div class="awards"></div>
   $[user.warning.bar]
</div>



But it doesn't show? (it shows as a long box?)
gccc.boards.net/thread/25/tutorials-tips-tricks