MyBB Community Forums

Full Version: Move image to right
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello,
Good Afternoon.

How to move this:{$facebook_login} image to the right at the header_welcomeblock_guest template
(This is is hired from a template named:myfbconnect_login_button)
the code inside template is:<a href={$mybb->settings['bburl']}/myfbconnect.php?action=login"><img src="images/social/facebook.png"></a>I use image in .png format as you see.

The below code is from template:header_welcomeblock_guest template
<div class="guest">
                <div class="guestt"><i>Welcome to *No1 Greek-Gaming*</i></div>

{$facebook_login}

<a class="button4 float_right" href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;" class="login"> Sign in</a> 
	
<a class="button5 float_right" href="{$mybb->settings['bburl']}/member.php?action=register" class="register">Create Account</a></br>
	
<i>Your are not member yet? <span class="hide server">Why not sign up today to start posting on our community forums and download a lot of related things.</span></i>	
</div>

<div class="wow fadeInDown box 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 style="padding: 9px  12px;" class="thead" colspan="2"><strong>{$lang->login}</strong></td>
							</tr>
							<tr>
								<td style="padding: 20px 90px;" class="trow2 remember_me">

									<strong>{$login_username}</strong><br /> 
									
									<p class="field"><input style="margin-left: -1px; padding: 9px  12px;" width="100%" placeholder="Username" name="quick_username" id="quick_login_username" type="text" value="" class="textbox initial_focus" /> <i style="margin-left: -20px;" class="fa fa-user"></i></p>
									
									<br />
									<strong>{$lang->password}</strong><br /> 
									
									<p class="field"><input style="margin-left: -1px; padding: 9px  12px;" width="100%" placeholder="Password" name="quick_password" id="quick_login_password" type="password" value="" class="textbox" /><i style="margin-left: -20px;" class="fa fa-lock"></i></p>
									
									<br /> 
									<div align="center">
									<input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked="checked" />
									<label for="quick_login_remember"><i> {$lang->remember_me}</i> </label>
									<br /> <br /> 
									<a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="button lost_password">{$lang->lost_password}</a>
                                    </div>
								</td>
							</tr>
							<tr>
								<td class="trow1" colspan="2">
								<div align="center"><strong><input style="font-weight: bold; padding: 6px  12px;" name="submit" type="submit" class="button" value="{$lang->login}" /></strong></div>
								</td>
							</tr>
						</table>
					</form>
				</div>
				<script type="text/javascript">
					$("#quick_login
You can let this link button float like the other links.
Edit your template "myfbconnect_login_button" and add this class:
<a class="float_right" href={$mybb->settings['bburl']}/myfbconnect.php?action=login"><img src="images/social/facebook.png">

[ExiTuS]
(2021-10-04, 08:32 AM)[ExiTuS] Wrote: [ -> ]You can let this link button float like the other links.
Edit your template "myfbconnect_login_button" and add this class:
<a class="float_right" href={$mybb->settings['bburl']}/myfbconnect.php?action=login"><img src="images/social/facebook.png">

[ExiTuS]

That helped!
Thanks a lot!