User Avatar in Nav Panel

[Tony]

This might be a silly request, but I was hoping someone could point me in the right direction. I'd like to add the user avatar in the nav-bar (right next to the message/notification icons), similar to what the original ForumCore theme had.

 

I've used a snapshot of WebFlake's theme as an example.. I'd like to add the avatar directly where the red outline is, below:

 

 

 

I know there are a few themes that have that feature built-in, but I can't imagine it takes more than a quick edit to globalTemplate. If anyone knows how to go about adding it, I'd be more than happy to share it as a tutorial and slap your name on it (crediting you).

 

Thanks! 

[Justin™]

There's a mod that does this but, I usually just hard code it into the global template. Find this:

<if test="memberbox:|:$this->memberData['member_id']"><div id='user_navigation' class='logged_in'><ul class='ipsList_inline right'><if test="showInboxNotify:|:! ( ! $this->memberData['member_id'] && $this->settings['force_login'] ) && !($this->settings['board_offline'] && !$this->memberData['g_access_offline'])"><if test="messengerlink:|:$this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0"><li><a data-clicklaunch="getInboxList" id='inbox_link' href='{parse url="app=members&amp;module=messaging" base="public"}' title='{$this->lang->words['your_messenger']}'><if test="notifications:|:$this->memberData['msg_count_new']"><span class='ipsHasNotifications'>{$this->memberData['msg_count_new']}</span></if>&nbsp;</a></li></if><li><a data-clicklaunch="getNotificationsList" id='notify_link' href="{parse url="app=core&amp;module=usercp&amp;area=notificationlog" base="public"}" title="{$this->lang->words['notifications_at_the_top']}"><if test="notifications:|:$this->memberData['notification_cnt']"><span class='ipsHasNotifications'>{$this->memberData['notification_cnt']}</span></if>&nbsp;</a></li></if><li><a id='user_link' href="{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}" title='{$this->lang->words['your_profile']}'>{$this->memberData['members_display_name']} &nbsp;<span id='user_link_dd'></span></a></li><li><a href="{parse url="app=core&amp;module=global&amp;section=login&amp;do=logout&amp;k={$this->member->form_hash}" base="public"}">{$this->lang->words['log_out']}</a></li><if test="authenticating:|:$this->memberData['member_group_id'] == $this->settings['auth_group']"><if test="ipsconnectRevalidateUrl:|:$this->memberData['ipsconnect_revalidate_url']"><li>&nbsp;&nbsp;&nbsp;<a href="{$this->memberData['ipsconnect_revalidate_url']}" target='_blank' title='{$this->lang->words['resend_val']}'>{$this->lang->words['resend_val']}</a></li><else /><li>&nbsp;&nbsp;&nbsp;<a href="{parse url="app=core&amp;module=global&amp;section=register&amp;do=reval" base="public"}" title='{$this->lang->words['resend_val']}'>{$this->lang->words['resend_val']}</a></li></if></if></ul></div>

 and replace with this:

<if test="memberbox:|:$this->memberData['member_id']"><div id='user_navigation' class='logged_in'><ul class='ipsList_inline'><li><a href="{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}" title='{$this->lang->words['your_profile']}'><img src='{$this->memberData['pp_small_photo']}' alt="{$this->memberData['members_display_name']}{$this->lang->words['users_photo']}" class='user_photo' /></a></li><li><a id='user_link' href="{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}" title='{$this->lang->words['your_profile']}'>{$this->memberData['members_display_name']} &nbsp;<span id='user_link_dd'></span></a></li><if test="showInboxNotify:|:! ( ! $this->memberData['member_id'] && $this->settings['force_login'] ) && !($this->settings['board_offline'] && !$this->memberData['g_access_offline'])"><if test="messengerlink:|:$this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0"><li><a data-clicklaunch="getInboxList" id='inbox_link' href='{parse url="app=members&amp;module=messaging" base="public"}' title='{$this->lang->words['your_messenger']}'><img src="{style_images_url}/space.gif" alt="" /><if test="notifications:|:$this->memberData['msg_count_new']"><span class='ipsHasNotifications'>{$this->memberData['msg_count_new']}</span></if>&nbsp;</a></li></if><li><a data-clicklaunch="getNotificationsList" id='notify_link' href="{parse url="app=core&amp;module=usercp&amp;area=notificationlog" base="public"}" title="{$this->lang->words['notifications_at_the_top']}"><img src="{style_images_url}/space.gif" alt="" /><if test="notifications:|:$this->memberData['notification_cnt']"><span class='ipsHasNotifications'>{$this->memberData['notification_cnt']}</span></if>&nbsp;</a></li></if><li><a href="{parse url="app=core&amp;module=global&amp;section=login&amp;do=logout&amp;k={$this->member->form_hash}" base="public"}">{$this->lang->words['log_out']}</a></li><if test="authenticating:|:$this->memberData['member_group_id'] == $this->settings['auth_group']"><li><a href="{parse url="app=core&amp;module=global&amp;section=register&amp;do=reval" base="public"}" title='{$this->lang->words['resend_val']}'>{$this->lang->words['resend_val']}</a></li></if></ul></div>

The add this to you skin's ipb_stles.css file:

#user_navigation .user_photo{    position: relative;    height: 24px;    width: auto;    margin: -0px -2px 0px 10px; /* adjust as needed*/    padding: 1px;    border: 1px solid #d5d5d5;    background: #fff;    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);        }

[Tony]

Appreciate that, J! Took a bit of jerry-rigging with the Curve theme that Para released, but I got 'er in.

[Evarni]

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved.If you have other questions, please open a new topic.