Hi! I was wondering if you could help me figure out how to change the login position. I don't like it randomly floating at the top corner.
Is there a way I can get it to be placed below the navigation bar?
I like how this forum has it placed http://soshified.com/forums/
Changing the position of the login
Started By Moonangel517, Mar 21 2011 09:18 PM
4 replies to this topic
#1
Posted 21 March 2011 - 09:18 PM
#2 Re: Changing the position of the login
Posted 22 March 2011 - 12:51 AM
was actually wondering too but had not looked into it yet.
Dave Macleod
www.davemacleod.net
Conservative Postings.
www.davemacleod.net
Conservative Postings.
#3 Re: Changing the position of the login
Posted 23 March 2011 - 09:45 PM
If this is what you want:

Go ACP>Look & Feel>Templates>globalTemplate
Cut out following section:
Add 3 <br> at the top (in red).
Paste it right above:
Now, you need to adjust CSS (ipb_styles.css)
Adjust:
#user_navigation {
background: none repeat scroll 0 0 #2B4F74;
border-color: #1C334E;
border-radius: 0 0 6px 6px; (change to: border-radius: 6px 6px 6px 6px;)
border-style: solid;
border-width: 0 2px 2px;
float: right;
font-size: 0.9em;
position: absolute;
right: 10px; (change to: right: 15px;)
top: 7px; (change to: top: 195px;)
width: 284px;
z-index: 9999;
}

Go ACP>Look & Feel>Templates>globalTemplate
Cut out following section:
Quote
<br><br><br>
<if test="memberbox:|:$this->memberData['member_id']">
<div id='user_navigation' class='logged_in'>
<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_thumb_photo']}' alt="{$this->memberData['members_display_name']}{$this->lang->words['users_photo']}" width='{$this->memberData['pp_thumb_width']}' height='{$this->memberData['pp_thumb_height']}' class='photo' /></a>
<div id='user_info'>
<p id='user_notifications' <if test="nonewnotifications:|:!$this->memberData['notification_cnt']">class='no-new'</if>>
<a id='user_notifications_link' href='{parse url="app=core&module=usercp&area=notificationlog" base="public"}' title="{parse expression="sprintf( "{$this->lang->words['manage_notifications']}", "{$this->memberData['notification_cnt']}" )"}"><small><if test="$this->memberData['notification_cnt'] > 99">99+<else />{$this->memberData['notification_cnt']}</if><span class='hide'>{$this->lang->words['unread_notification_suffix']}</span></small> <img src='{$this->settings['img_url']}/opts_arrow.png' alt='>' id='notify-down-arrow' /></a>
</p>
<p>
<span class='hide'>{$this->lang->words['logged_in_as']} </span>
<a id='user_link' class='ipbmenu' href="{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}" title='{$this->lang->words['your_profile']}'><span>{$this->memberData['members_display_name']}</span> <img src='{$this->settings['img_url']}/opts_arrow.png' alt='>' /></a><if test="newmessages:|:$this->memberData['msg_count_new'] != 0"><a href='{parse url="app=members&module=messaging" base="public"}' id='new_msg_count' title='{$this->memberData['msg_count_new']} {$this->lang->words['msg_new']}'>{$this->memberData['msg_count_new']}<span class='hide'> {$this->lang->words['msg_new']}</span></a></if>
</p>
<ul id='user_link_menucontent' class='boxShadow'>
<li id='user_profile' class='row1'><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']}'>{$this->lang->words['my_profile']}</a></li>
<li id='user_ucp' class='row1'><a href="{parse url="app=core&module=usercp" base="public"}" title="{$this->lang->words['cp_tool_tip']}">{$this->lang->words['your_cp']}</a></li>
<li id='user_content' class='row1'><a href="{parse url="app=core&module=search&do=user_activity&mid={$this->memberData['member_id']}" base="public"}" title="{$this->lang->words['my_content_link']}">{$this->lang->words['my_content_link']}</a></li>
<if test="userLikeLink:|:IPSLib::haveAppsWithLike()">
<li id='user_likes' class='row1'><a href='{parse url="app=core&module=usercp&tab=core&area=likes" base="public"}' title='{$this->lang->words['your_likes']}'>{$this->lang->words['your_likes']}</a></li>
</if>
<if test="messengerlink:|:$this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0">
<li id='user_msg' class='row1'><a href='{parse url="app=members&module=messaging" base="public"}' title='{$this->lang->words['your_messenger']}'>{$this->lang->words['your_messenger']} <span id='new_message'>({$this->memberData['msg_count_new']} {$this->lang->words['msg_new']})</span></a></li>
</if>
<if test="nobbyNoMates:|:$this->settings['friends_enabled']">
<li id='user_friends' class='row1'><a href='{parse url="app=members&module=profile&section=friends&do=list" base="public"}' title="{$this->lang->words['manage_friends']}" class='manage_friends'>{$this->lang->words['manage_friends']}</a></li>
</if>
<li id='user_enemies' class='row1'><a href='{parse url="app=core&module=usercp&tab=members&area=ignoredusers" base="public"}' title="{$this->lang->words['manage_ignored_users']}" class='manage_enemies'>{$this->lang->words['manage_ignored_users']}</a></li>
<if test="bloglink:|:$this->memberData['has_blog'] AND IPSLib::appIsInstalled( 'blog' )">
<li id='user_blog' class='row1'><a href='{parse url="app=blog&module=display&section=blog&mid={$this->memberData['member_id']}" base="public"}' title="{$this->lang->words['go_to_my_blog']}">{$this->lang->words['my_blog']}</a></li>
</if>
<if test="gallerylink:|:$this->memberData['has_gallery'] AND IPSLib::appIsInstalled( 'gallery' )">
<li id='user_gallery' class='row1'><a href='{parse url="app=gallery&module=user&section=user&user={$this->memberData['member_id']}" base="public"}' title="{$this->lang->words['go_to_my_gallery']}">{$this->lang->words['my_gallery']}</a></li>
</if>
<if test="nexuslink:|:IPSLib::appIsInstalled( 'nexus' )">
<li id='user_nexus' class='row1'><a href='{parse url="app=nexus&module=clients" base="public"}' title="{$this->lang->words['client_area']}">{$this->lang->words['client_area']}</a></li>
</if>
</ul>
<ul id='user_other'>
<li><a href="{parse url="app=core&module=global&section=login&do=logout&k={$this->member->form_hash}" base="public"}">{$this->lang->words['log_out']}</a></li>
<li><a href="{parse url="app=core&module=help" base="public"}" title='{$this->lang->words['view_help']}' rel="help" accesskey='6'>{$this->lang->words['sj_help']}</a></li>
<if test="authenticating:|:$this->memberData['member_group_id'] == $this->settings['auth_group']">
<li><strong><a href="{parse url="app=core&module=global&section=register&do=reval" base="public"}" title='{$this->lang->words['resend_val']}'>{$this->lang->words['resend_val']}</a></strong></li>
</if>
</ul>
<script type='text/javascript'>
if( $('user_link_menucontent') ){
$('user_link_menucontent').hide();
}
</script>
{parse js_module="friends"}
</div>
</div>
<else />
<div id='user_navigation' class='not_logged_in'>
<a href='{parse url="app=core&module=global&section=login" base="public"}' title='{$this->lang->words['sign_in']}' id='sign_in' class='rounded'>
<span class='left'>{$this->lang->words['sign_in']}</span>
<span class='services right'>
<if test="limFacebook:|:IPSLib::loginMethod_enabled('facebook')">{parse replacement="lim_facebook"}</if>
<if test="limTwitter:|:IPSLib::loginMethod_enabled('twitter')">{parse replacement="lim_twitter"}</if>
<if test="limOpenid:|:IPSLib::loginMethod_enabled('openid')">{parse replacement="lim_openid"}</if>
<if test="limWindows:|:IPSLib::loginMethod_enabled('live')">{parse replacement="lim_windows"}</if>
</span>
<br />
</a>
<span class='links'>
{$this->lang->words['new_user']}
<a href="{parse url="app=core&module=global&section=register" base="public"}" title='{$this->lang->words['register']}' id='register_link'>{$this->lang->words['register']}</a>
<a href="{parse url="app=core&module=help" base="public"}" title='{$this->lang->words['view_help']}' rel="help" accesskey='6' class='right'>{parse replacement="help_icon"} {$this->lang->words['sj_help']}</a>
</span>
</div>
</if>
<if test="memberbox:|:$this->memberData['member_id']">
<div id='user_navigation' class='logged_in'>
<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_thumb_photo']}' alt="{$this->memberData['members_display_name']}{$this->lang->words['users_photo']}" width='{$this->memberData['pp_thumb_width']}' height='{$this->memberData['pp_thumb_height']}' class='photo' /></a>
<div id='user_info'>
<p id='user_notifications' <if test="nonewnotifications:|:!$this->memberData['notification_cnt']">class='no-new'</if>>
<a id='user_notifications_link' href='{parse url="app=core&module=usercp&area=notificationlog" base="public"}' title="{parse expression="sprintf( "{$this->lang->words['manage_notifications']}", "{$this->memberData['notification_cnt']}" )"}"><small><if test="$this->memberData['notification_cnt'] > 99">99+<else />{$this->memberData['notification_cnt']}</if><span class='hide'>{$this->lang->words['unread_notification_suffix']}</span></small> <img src='{$this->settings['img_url']}/opts_arrow.png' alt='>' id='notify-down-arrow' /></a>
</p>
<p>
<span class='hide'>{$this->lang->words['logged_in_as']} </span>
<a id='user_link' class='ipbmenu' href="{parse url="showuser={$this->memberData['member_id']}" seotitle="{$this->memberData['members_seo_name']}" template="showuser" base="public"}" title='{$this->lang->words['your_profile']}'><span>{$this->memberData['members_display_name']}</span> <img src='{$this->settings['img_url']}/opts_arrow.png' alt='>' /></a><if test="newmessages:|:$this->memberData['msg_count_new'] != 0"><a href='{parse url="app=members&module=messaging" base="public"}' id='new_msg_count' title='{$this->memberData['msg_count_new']} {$this->lang->words['msg_new']}'>{$this->memberData['msg_count_new']}<span class='hide'> {$this->lang->words['msg_new']}</span></a></if>
</p>
<ul id='user_link_menucontent' class='boxShadow'>
<li id='user_profile' class='row1'><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']}'>{$this->lang->words['my_profile']}</a></li>
<li id='user_ucp' class='row1'><a href="{parse url="app=core&module=usercp" base="public"}" title="{$this->lang->words['cp_tool_tip']}">{$this->lang->words['your_cp']}</a></li>
<li id='user_content' class='row1'><a href="{parse url="app=core&module=search&do=user_activity&mid={$this->memberData['member_id']}" base="public"}" title="{$this->lang->words['my_content_link']}">{$this->lang->words['my_content_link']}</a></li>
<if test="userLikeLink:|:IPSLib::haveAppsWithLike()">
<li id='user_likes' class='row1'><a href='{parse url="app=core&module=usercp&tab=core&area=likes" base="public"}' title='{$this->lang->words['your_likes']}'>{$this->lang->words['your_likes']}</a></li>
</if>
<if test="messengerlink:|:$this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0">
<li id='user_msg' class='row1'><a href='{parse url="app=members&module=messaging" base="public"}' title='{$this->lang->words['your_messenger']}'>{$this->lang->words['your_messenger']} <span id='new_message'>({$this->memberData['msg_count_new']} {$this->lang->words['msg_new']})</span></a></li>
</if>
<if test="nobbyNoMates:|:$this->settings['friends_enabled']">
<li id='user_friends' class='row1'><a href='{parse url="app=members&module=profile&section=friends&do=list" base="public"}' title="{$this->lang->words['manage_friends']}" class='manage_friends'>{$this->lang->words['manage_friends']}</a></li>
</if>
<li id='user_enemies' class='row1'><a href='{parse url="app=core&module=usercp&tab=members&area=ignoredusers" base="public"}' title="{$this->lang->words['manage_ignored_users']}" class='manage_enemies'>{$this->lang->words['manage_ignored_users']}</a></li>
<if test="bloglink:|:$this->memberData['has_blog'] AND IPSLib::appIsInstalled( 'blog' )">
<li id='user_blog' class='row1'><a href='{parse url="app=blog&module=display&section=blog&mid={$this->memberData['member_id']}" base="public"}' title="{$this->lang->words['go_to_my_blog']}">{$this->lang->words['my_blog']}</a></li>
</if>
<if test="gallerylink:|:$this->memberData['has_gallery'] AND IPSLib::appIsInstalled( 'gallery' )">
<li id='user_gallery' class='row1'><a href='{parse url="app=gallery&module=user&section=user&user={$this->memberData['member_id']}" base="public"}' title="{$this->lang->words['go_to_my_gallery']}">{$this->lang->words['my_gallery']}</a></li>
</if>
<if test="nexuslink:|:IPSLib::appIsInstalled( 'nexus' )">
<li id='user_nexus' class='row1'><a href='{parse url="app=nexus&module=clients" base="public"}' title="{$this->lang->words['client_area']}">{$this->lang->words['client_area']}</a></li>
</if>
</ul>
<ul id='user_other'>
<li><a href="{parse url="app=core&module=global&section=login&do=logout&k={$this->member->form_hash}" base="public"}">{$this->lang->words['log_out']}</a></li>
<li><a href="{parse url="app=core&module=help" base="public"}" title='{$this->lang->words['view_help']}' rel="help" accesskey='6'>{$this->lang->words['sj_help']}</a></li>
<if test="authenticating:|:$this->memberData['member_group_id'] == $this->settings['auth_group']">
<li><strong><a href="{parse url="app=core&module=global&section=register&do=reval" base="public"}" title='{$this->lang->words['resend_val']}'>{$this->lang->words['resend_val']}</a></strong></li>
</if>
</ul>
<script type='text/javascript'>
if( $('user_link_menucontent') ){
$('user_link_menucontent').hide();
}
</script>
{parse js_module="friends"}
</div>
</div>
<else />
<div id='user_navigation' class='not_logged_in'>
<a href='{parse url="app=core&module=global&section=login" base="public"}' title='{$this->lang->words['sign_in']}' id='sign_in' class='rounded'>
<span class='left'>{$this->lang->words['sign_in']}</span>
<span class='services right'>
<if test="limFacebook:|:IPSLib::loginMethod_enabled('facebook')">{parse replacement="lim_facebook"}</if>
<if test="limTwitter:|:IPSLib::loginMethod_enabled('twitter')">{parse replacement="lim_twitter"}</if>
<if test="limOpenid:|:IPSLib::loginMethod_enabled('openid')">{parse replacement="lim_openid"}</if>
<if test="limWindows:|:IPSLib::loginMethod_enabled('live')">{parse replacement="lim_windows"}</if>
</span>
<br />
</a>
<span class='links'>
{$this->lang->words['new_user']}
<a href="{parse url="app=core&module=global&section=register" base="public"}" title='{$this->lang->words['register']}' id='register_link'>{$this->lang->words['register']}</a>
<a href="{parse url="app=core&module=help" base="public"}" title='{$this->lang->words['view_help']}' rel="help" accesskey='6' class='right'>{parse replacement="help_icon"} {$this->lang->words['sj_help']}</a>
</span>
</div>
</if>
Paste it right above:
Quote
<div id='content' class='clear'>
Now, you need to adjust CSS (ipb_styles.css)
Adjust:
#user_navigation {
background: none repeat scroll 0 0 #2B4F74;
border-color: #1C334E;
border-radius: 0 0 6px 6px; (change to: border-radius: 6px 6px 6px 6px;)
border-style: solid;
border-width: 0 2px 2px;
float: right;
font-size: 0.9em;
position: absolute;
right: 10px; (change to: right: 15px;)
top: 7px; (change to: top: 195px;)
width: 284px;
z-index: 9999;
}
#4 Re: Changing the position of the login
Posted 25 March 2011 - 04:21 PM
I'll mess with that this weekend, thanks Broni.
Dave Macleod
www.davemacleod.net
Conservative Postings.
www.davemacleod.net
Conservative Postings.
#5 Re: Changing the position of the login
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users















