Thread: Runescape new client login box replica

Thanks to Kadir for images, css can be copied into your current file, the table can be copied into your form tag.

Live demo: [Only registered and activated users can see links. ]

Code:

<style>
	.text {
		background: url('input.png'); background-repeat: norepeat;
		width: 268px;
		height: 31px;
		border: 0px;
		font-size: 13;
		padding-top: 6px;
		padding-left: 6px;
		font-color: white;
		color: white;
	}
	.text:hover {
		background: url('input_hover.png'); background-repeat: norepeat;
	}
	.button {
		background: url('login_button.png'); background-repeat: norepeat;
		width: 268px;
		height: 39px;
		border: 0px;
		padding-top: 6px;
		padding-left: 6px;
		font-color: white;
		color: white;
	}
	.button:hover {
		background: url('login_hover.png'); background-repeat: norepeat;
	}
</style>
<table background="login_background.png" width=412 height=283 style="padding-top:60; padding-bottom: 60;">
	<tr><td align="left"><img src="username.png" border="0" style="padding-left:70" alt="username" /></td></tr>
	<tr><td align="center"><input type="text" class="text" /></td></tr>
	<tr><td align="left"><img src="password.png" border="0" style="padding-left:70" alt="password"/></td></tr>
	<tr><td align="center"><input type="password" class="text" /></td></tr>
	<tr><td align="center"><input type="submit" class="button" /></td></tr>
</table>

Preview:


Images folder:
[Only registered and activated users can see links. ]