The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

"Logged in as..." bar move

View previous topic View next topic Go down

Solved "Logged in as..." bar move

Post by Guest on July 8th 2015, 11:52 am

Hullo,
I'd like to move the "Logged in as...." bar down, above the who is online tables. Is it possible?


AND the little box that comes up is too small for the Hungarian translations, could it be made a little bit wider, please?


Thank you! Mr. Green


Last edited by Diana on July 8th 2015, 4:48 pm; edited 1 time in total

Guest
Guest


Back to top Go down

Solved Re: "Logged in as..." bar move

Post by Ange Tuteur on July 8th 2015, 1:02 pm

Hi @Diana,

If you're still using the same index_body template, you can replace it with this :
Code:
{JAVASCRIPT}

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}


{BOARD_INDEX}

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->

<!-- BEGIN disable_viewonline -->
<div id="whoisOnline">
  <div class="whoisBox">
    <div class="whoisBoxInner">
      {TOTAL_USERS}<br/>
      {NEWEST_USER}<br/><br/>
 
      {TOTAL_USERS_ONLINE}<br/>
      {RECORD_USERS}<br/><br/>
 
      {TOTAL_POSTS}<br/><br/>
 
      {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
    </div>
  </div>
 
  <div class="whoisBox">
    <div class="whoisBoxInner">
      {LOGGED_IN_USER_LIST}<br/><br/>
      {L_ONLINE_USERS}
      {L_CONNECTED_MEMBERS}
    </div>
  </div>
 
  <div class="whoisBox">
    <div class="whoisBoxInner">
      <p>Csoportok: <span id="groupLegend">{GROUP_LEGEND}</span></p>
    </div>
  </div>
  <div class="clear"></div>
</div>
<!-- END disable_viewonline -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
  <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
  </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

That should add it directly above the who is online information.

For the menus, go to you CSS stylesheet and find this rule :
Code:
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}

Change the 230px of width to around 280px and it should be good. thumleft

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: "Logged in as..." bar move

Post by Guest on July 8th 2015, 4:02 pm

Oh, it's great! Thank you!! ~1~

One tiny little more thing. Could that space between the recent topics and categories removed somehow? Very Happy


Guest
Guest


Back to top Go down

Solved Re: "Logged in as..." bar move

Post by Ange Tuteur on July 8th 2015, 4:17 pm

No problem ^^

From what I can tell, it looks like it's caused by some CSS. Find this rule in your stylesheet :
Code:
#boxes_area {padding-top: 20px;}

You can either remove it or lower the amount of pixels. It appears to make it a more reasonable space when removed or set to 0. Smile

Edit :
If you want it completely removed it looks like there's a break which can be hidden with CSS.
Code:
#modules_area > br.clfloat { display:none }

Those two steps completely remove it. Wink

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: "Logged in as..." bar move

Post by Guest on July 8th 2015, 4:46 pm

Thank you very much, Ange!!! 

Guest
Guest


Back to top Go down

Solved Re: "Logged in as..." bar move

Post by Ange Tuteur on July 8th 2015, 4:52 pm

Anytime Wink

Topic archived

Have a great day ^^

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum