MyBB Community Forums

Right next to my "Login or create account" http://puu.sh/eIW39/54c1c483dc.jpg

I want "Login with twitter" to be to the left of it next to it.

Header_welcomeblock_guest code:

<ul>
<li><a style="border:none;">&nbsp;Login or create an account</a>
        <ul style="right:10%;float:right;">
        <li><a style="border:none;" href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;" class="login">Login</a></li>
          <li><a style="border:none;" href="{$mybb->settings['bburl']}/mytwconnect.php?action=login">Login with Twitter</a></li>
        <li><a style="border:none;" href="{$mybb->settings['bburl']}/member.php?action=register">Create an Account</a></li>
        </ul>
</li>
</ul>


				<div class="modal" id="quick_login" style="display: none;">
					<form method="post" action="{$mybb->settings['bburl']}/member.php">
						<input name="action" type="hidden" value="do_login" />
						<input name="url" type="hidden" value="" />
						<input name="quick_login" type="hidden" value="1" />
						<table width="100%" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" border="0" class="tborder">
							<tr>
								<td class="thead" colspan="2"><strong>{$lang->login}</strong></td>
							</tr>
							<tr>
								<td class="trow1" width="25%"><strong>{$login_username}</strong></td>
								<td class="trow1"><input name="quick_username" id="quick_login_username" type="text" value="" class="textbox initial_focus" /></td>
							</tr>
							<tr>
								<td class="trow2"><strong>{$lang->password}</strong></td>
								<td class="trow2">
									<input name="quick_password" id="quick_login_password" type="password" value="" class="textbox" /> <a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password">{$lang->lost_password}</a>
								</td>
							</tr>
							<tr>
								<td class="trow1">&nbsp;</td>
								<td class="trow1 remember_me">
									<input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked="checked" />
									<label for="quick_login_remember">{$lang->remember_me}</label>
								</td>
							</tr>
							<tr>
								<td class="trow2" colspan="2">
									<div align="center"><input name="submit" type="submit" class="button" value="{$lang->login}" /></div>
								</td>
							</tr>
						</table>
					</form>
				</div>
				<script type="text/javascript">
					$("#quick_login input[name='url']").val($(location).attr('href'));
				</script>

Thank you

try this....

<ul class="login_menu">
<li><a style="border:none;" href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;" class="login">Login</a></li>
<li><a style="border:none;" href="{$mybb->settings['bburl']}/mytwconnect.php?action=login">Login with Twitter</a></li>
<li><a style="border:none;" href="{$mybb->settings['bburl']}/member.php?action=register">Create an Account</a></li>
</ul>

and add this to end of global.css... save the changes and hard refresh (Ctrl+F5) your forum....

ul.login_menu {
right:10%;
float:right;
list-style: none;
}

ul.login_menu li {
display: inline;
}

ul.login_menu li a {
display: inline-block;
}

(2015-01-19, 07:21 AM)mmadhankumar Wrote: [ -> ]try this....

<ul class="login_menu">
<li><a style="border:none;" href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;" class="login">Login</a></li>
<li><a style="border:none;" href="{$mybb->settings['bburl']}/mytwconnect.php?action=login">Login with Twitter</a></li>
<li><a style="border:none;" href="{$mybb->settings['bburl']}/member.php?action=register">Create an Account</a></li>
</ul>

and add this to end of global.css... save the changes and hard refresh (Ctrl+F5) your forum....

ul.login_menu {
right:10%;
float:right;
list-style: none;
}

ul.login_menu li {
display: inline;
}

ul.login_menu li a {
display: inline-block;
}

How can I get Login or create an account in drop menu? It looks good so far now it worked

try this.... haven't tested but it should work.. there maybe few glitches in the positioning of the dropdown... provide the forum url to fix them if any....

<span class="login_menu">
<ul>
<li><a style="border:none;" href="{$mybb->settings['bburl']}/mytwconnect.php?action=login">Login with Twitter</a></li>
<li>Login or Create Account
<ul class="login_drop_down">
<li><a style="border:none;" href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;">Login</a></li>
<li><a style="border:none;" href="{$mybb->settings['bburl']}/member.php?action=register">Create an Account</a></li>
</ul>
</li>
</ul></span>

.login_menu {
right: 10%;
float: right;
}

.login_menu ul {
  display: inline;
  list-style: none;
}

.login_menu ul li {
  display: inline-block;
}

.login_menu ul li a {
  display: inline-block;
  text-decoration: none;
}

.login_menu ul li ul {
  display: none;
  padding: 0;
  position: absolute;
  z-index: 999;
}

.login_menu ul li ul li {  
  display: block; 
}

.login_menu ul li ul li a {
width: 120px;
line-height: 25px;
height: 25px;
}

.login_menu ul li:hover ul {
  display: block;
}