Profile Page Tab Icon Replacement

Sheldon · Oct 15, 2013

Sheldon submitted a new resource:

Profile Page Tab Icon Replacement - Tired of getting stacked profile tabs?

Code:
Profile Page Tab Icon Replacement
View attachment 59124 View attachment 59125

Simple template modification to change the look of your profile page tabs.

First off, I decided to use Font Awesome, just seemed as easy to use as anything.

So, in order to do that, go to the template PAGE_CONTAINER

Find:

Code:

<head>

Insert After:

Code:

<link...

Read more about this resource...

SignTorch · Oct 16, 2013

awesome (again).....

suggestion: move the phrase that was inside the A tag to the title attribute for the A tag

to show a tooltip on mouseover

<li><a title="{xen:phrase postings}" href="{$requestPaths.requestUri}#postings">....

Mouth · Oct 16, 2013

SignTorch said:
suggestion: move the phrase that was inside the A tag to the title attribute for the A tag to show a tooltip on mouseover

Just came to suggest that myself

Sheratan · Oct 18, 2013

Do you know how to use this with [bd]Medal? Because I can't find the right template to put <i class="icon-star icon-large"></i>

-edit-
Found it. It's on bdmedal_member_view_tabs_heading

oVR · Oct 23, 2013

i cant for the life of me find the template in the Bookmarks addon

also which template for resources?

SignTorch · Oct 23, 2013

for the resource tab

in ACP click the appearance tab then template-modifications then find member_view (Adds tab resources header)

then adjust the Replace textarea content

Code:

<xen:if is="{$user.resource_count} AND {$canViewResources}">
<xen:comment><li><a href="{$requestPaths.requestUri}#resources">{xen:phrase resources}</a></li></xen:comment>
<li><a title="Resources" href="{$requestPaths.requestUri}#resources"><i class="icon-picture icon-large icon-fixed-width"></i></a></li>
</xen:if>
$0

MajesticMonkey · Oct 27, 2013

SignTorch said:
for the resource tab

in ACP click the appearance tab then template-modifications then find member_view (Adds tab resources header)

then adjust the Replace textarea content

Code:

<xen:if is="{$user.resource_count} AND {$canViewResources}"> <xen:comment><li><a href="{$requestPaths.requestUri}#resources">{xen:phrase resources}</a></li></xen:comment> <li><a title="Resources" href="{$requestPaths.requestUri}#resources"><i class="icon-picture icon-large icon-fixed-width"></i></a></li> </xen:if> $0

My site doesn't have the member_view section you are talking about (Adds tab resources header) - any help would really be appreciated as would love to fix this up - looks weird with it all there and then a tab saying Resources!

Sheldon · Oct 27, 2013

MonkeyProductions said:
My site doesn't have the member_view section you are talking about (Adds tab resources header) - any help would really be appreciated as would love to fix this up - looks weird with it all there and then a tab saying Resources!

Enable debug.

Go into Template Modifications

Select the one that says Adds tab resource header

Go down to replace:

Change to:

Code:

<xen:if is="{$user.resource_count} AND {$canViewResources}">
<li><a href="{$requestPaths.requestUri}#resources"><i class="icon-gears icon-large icon-fixed-width"></i></a></li>
</xen:if>
$0

Result:

Code Monkey · Nov 10, 2013

Great idea! Thanks

gldtn · Nov 19, 2013

@Sheldon I'm having a hard time with the XenMedia Gallery, it add-s more than one icon for some reason. Can you share how you did yours?

sayden · Jan 25, 2014

You can names howing in the icons? So title or alt?

Sorry http://xenforo.com/community/threads/profile-page-tab-icon-replacement.61507/#post-653957

Sheldon · Jan 25, 2014

You can have Title or Tooltip display that... depends on how you call it in the template.

kingjavo · Jan 6, 2016

Anyone know how to do this on the "Post Areas" tab?

Ex.

Current tab

Profile Page Tab Icon Replacement

Sheldon

Well-known member

SignTorch

Active member

Mouth

Well-known member

Sheratan

Well-known member

oVR

Active member

SignTorch

Active member

MajesticMonkey

Member

Sheldon

Well-known member

Code Monkey

Well-known member

gldtn

Well-known member

sayden

Member

Sheldon

Well-known member

kingjavo

Active member

Similar threads

We value your privacy