halaman login hotspot dgn animasi sederhana 1 by:
hallo.udin
===========================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>internet hotspot > login</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="-1" />
<style type="text/css">
body {color: #737373; font-size: 10px; font-family: verdana;}
textarea,input,select {
background-color: #FDFBFB;
border: 1px solid #BBBBBB;
padding: 2px;
margin: 1px;
font-size: 14px;
color: #000000;
}
a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 10px; }
a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; }
img {border: none;}
td { font-size: 14px; color: #ffffff; }
</style>
</head>
<body onLoad="startClock()" background="img/animasi1.gif">
$(if chap-id)
<form name="sendin" action="$(link-login-only)" method="post">
<input type="hidden" name="username" />
<input type="hidden" name="password" />
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
</form>
<script type="text/javascript" src="/md5.js">
</script>
<script type="text/javascript">
<!--
function doLogin() {
document.sendin.username.value = document.login.username.value;
document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value + '$(chap-challenge)');
document.sendin.submit();
return false;
}
//-->
</script>
$(endif)
<table width="100%" height="100%" style="margin-top: 3%;">
<tr>
<td align="center" valign="middle">
<div>
<a style="border: none;"><img src="img/djavajosh.png" alt="mikrotik" /></a>
</div>
<div style="color: #FFaa00; font-size: 14px">
Selamat datang ... Silahkan melakukan LOGIN pd form di bawah ini
</div>
<br />
$(if trial == 'yes')Free trial available, <a style="color: #FFff00; font-size: 14px"href="$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)">click here</a>.
$(endif)
</div>
<br />
<table width="600" height="200" background="img/selat.jpg">
<tr>
<td align="center" valign="bottom" height="115" colspan="2">
<form name="login" action="$(link-login-only)" method="post"
$(if chap-id) onSubmit="return doLogin()" $(endif)>
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
<table width="200" height="100" style="border: 1px solid #aaffff; padding: 0px;" cellpadding="0" cellspacing="0">
<tr><td align="right">login</td>
<td>
<input style="width: 80px" name="username" type="text" value="$(username)"/>
</td>
</tr>
<tr>
<td align="right">password</td>
<td>
<input style="width: 80px" name="password" type="password"/>
</td>
</tr>
<tr>
<td> </td>
<td>
<input type="submit" value="OK" />
</td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td align="center">
<a href="http://www.mikrotik.com" target="_blank" style="border: none;"><img src="img/login.png" alt="mikrotik" />
</a>
</td>
</tr>
</table>
<br />
<div>
<a href="http://search.google.co.id/" target="_blank" rel="nofollow"><img border="0" src="img/google1.png" longdesc="menuimg/aaa copy.png" alt=""></a>
<a href="http://www.facebook.com/HALLO.UDIN" target="_blank" rel="nofollow"><img border="0" src="img/facebook1.png" alt=""</a>
<a href="http://twitter.com/" target="_blank" rel="nofollow"><img border="0" src="img/yahoo1.png" alt=""></a>
<a href="petunjuk.html" target="_blank" rel="nofollow"><img border="0" src="img/twitter1.png" longdesc="menuimg/aaa copy.png" alt=""></a>
<a href="http://www.youtube.com/" target="_blank" rel="nofollow"><img border="0" src="img/youtube1.png" alt=""></a>
<a href="192.168.222.254/graphs" target="_blank" rel="nofollow"><img border="0" src="img/status1.png" longdesc="menuimg/aaa copy.png" alt=""></a>
</div>
<div style="color: #FFaa00; font-size: 14px">
Customer service ... Call only : 0812345678
</div>
$(if error)
<br />
<div style="color: #FF88ff; font-size: 18px">
$(error)
</div>
$(endif)
</td>
</tr>
</table>
<script type="text/javascript">
<!--
document.login.username.focus();
//-->
</script>
</body>
</html>
===========================================
seperti yg di bahas di sini ....
https://www.facebook.com/groups/Mikrotik.Tulungagung/624225994307988/
silahkan
download .... gratis kok ....
