MyBB Community Forums

Full Version: Login button customization?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Is there a way to make it so that the Login button is an image?
and an image code into the link.
<html>
<body>
<p>
<a href="www.lastpage.com/index.htm">
<img border="0" src="buttonnext.gif" width="65" height="38">
</a>
</p>

</body>
</html>



Example

W3schools look around
Correct way is this, make sure you add the correct themes folder name to it.
<input type="img" src="images/your theme folder/loginbutton.gif" alt="Go" style="vertical-align: middle"/>
Ok lunty I have no idea where to put it since I've never done this kind of this. Think I can get some help as to where to put it?

<form action="member.php" method="post">
<table>
<tr>
<td><strong>{$lang->username}</strong></td>
<td><input type="text" class="textbox" name="username" size="25" maxlength="{$mybb->settings['maxnamelength']}" style="width: 90px;" /></td>
<td></td>
</tr>
<tr>
<td><strong>{$lang->password}</strong><br /></td>
<td><input type="password" class="textbox" name="password" size="25" style="width: 90px;" /></td>
<td><input type="submit" class="button" name="submit" value="{$lang->login}" /></td>
</tr>
</table>
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="{$redirect_url}" />
</form>
Here you go, make sure you change the link to the image you use to the correct path.

<form action="member.php" method="post">
<table>
<tr>
<td><strong>{$lang->username}</strong></td>
<td><input type="text" class="textbox" name="username" size="25" maxlength="{$mybb->settings['maxnamelength']}" style="width: 90px;" /></td>
<td></td>
</tr>
<tr>
<td><strong>{$lang->password}</strong><br /></td>
<td><input type="password" class="textbox" name="password" size="25" style="width: 90px;" /></td>
<td><input type="img" src="images/your theme folder/loginbutton.gif" alt="Go" style="vertical-align: middle"/></td>
</tr>
</table>
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="{$redirect_url}" />
</form> 
It doesn't work ;P

Instead, it just gives another empty textbox where the button should be.
You right yea sorry here you go.

<form action="member.php" method="post">
<table>
<tr>
<td><strong>{$lang->username}</strong></td>
<td><input type="text" class="textbox" name="username" size="25" maxlength="{$mybb->settings['maxnamelength']}" style="width: 90px;" /></td>
<td></td>
</tr>
<tr>
<td><strong>{$lang->password}</strong><br /></td>
<td><input type="password" class="textbox" name="password" size="25" style="width: 90px;" /></td>
<td><input type="image" src="images/your theme folder/loginbutton.gif" alt="Go" style="vertical-align: top;" /></td>
</tr>
</table>
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="{$redirect_url}" />
</form>
Cool thanks. Is there a way to align it though??
<td align="center"> or any aligning attribute will work.
No I mean is there a way to align the image with the textbox so that the image isn't too low