Jump to content


Changing the position of the login


4 replies to this topic

#1 Moonangel517

    Member

  • 1 posts
  • Joined: March 21, 2011
  • 1 topics
  • Skin: IP.Board
  • Local time: 07:14 AM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • :

Posted 21 March 2011 - 09:18 PM

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/

#2 dmacleo Re: Changing the position of the login

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 09:14 AM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 24m 12s

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.

#3 Broni Re: Changing the position of the login

    Malware Annihilator

  • 24,879 posts
  • Joined: October 04, 2004
  • 1,859 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 06:14 AM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Offline
  • Time Online: 57d 9h 13m 9s

Posted 23 March 2011 - 09:45 PM

If this is what you want:

Posted Image

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&amp;module=usercp&amp;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='&gt;' 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='&gt;' /></a><if test="newmessages:|:$this->memberData['msg_count_new'] != 0"><a href='{parse url="app=members&amp;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&amp;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&amp;module=search&amp;do=user_activity&amp;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&amp;module=usercp&amp;tab=core&amp;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&amp;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&amp;module=profile&amp;section=friends&amp;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&amp;module=usercp&amp;tab=members&amp;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&amp;module=display&amp;section=blog&amp;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&amp;module=user&amp;section=user&amp;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&amp;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&amp;module=global&amp;section=login&amp;do=logout&amp;k={$this->member->form_hash}" base="public"}">{$this->lang->words['log_out']}</a></li>
<li><a href="{parse url="app=core&amp;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&amp;module=global&amp;section=register&amp;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&amp;module=global&amp;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&amp;module=global&amp;section=register" base="public"}" title='{$this->lang->words['register']}' id='register_link'>{$this->lang->words['register']}</a>
<a href="{parse url="app=core&amp;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>
Add 3 <br> at the top (in red).

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 dmacleo Re: Changing the position of the login

    Member

  • 82 posts
  • Joined: March 14, 2011
  • 12 topics
  • Skin: Delicate Blue
  • Local time: 09:14 AM
  • Zodiac:Taurus
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 17h 24m 12s

Posted 25 March 2011 - 04:21 PM

I'll mess with that this weekend, thanks Broni.
Dave Macleod
www.davemacleod.net
Conservative Postings.

#5 Broni Re: Changing the position of the login

    Malware Annihilator

  • 24,879 posts
  • Joined: October 04, 2004
  • 1,859 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 06:14 AM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Offline
  • Time Online: 57d 9h 13m 9s

Posted 25 March 2011 - 11:26 PM

You're very welcome Posted Image





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users


This topic has been visited by 1 user(s)