[كود] صفحة لدخول الأعضاء قمة في الروعة

من تصميم <دمعة العين>

الكود:: <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<html><head>

<meta name="generator" content="HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">

<title>تسجيل الدخول</title>
<meta http-equiv="Content-Language" content="en">

<meta name="description" content="World Dezign, as the name speaks
itself, we're a team of web designers and developers. We offer free
& high quality web services.">
<meta name="keywords"
content="html, css, java, javascript, jquery, tut, tutorial, help,
support, need help, make, how, how to, web, website, home page,
homepage, world, dezign, design, world dezign, world design, gfx,
graphic, graphic design, button, icon, icons, navbar, navigation, links,
link, about, feed, rss, fun, dicussion, general, suggestions,
ideas">
<meta http-equiv="Content-type" content="text/html; charset=us-ascii">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="title" content="Main">
<link rel="shortcut icon" type="image/x-icon" href="http://i44.servimg.com/u/f44/15/54/04/99/ououoo33.png">
<meta name="language" content="en">
<meta name="description" content="Web + GFX design World Dezign">

<meta name="keywords" content="web design, World Design, html, css,
javascript, design, coding, coding, web, html, css, javascript, help,
support" lang="en" xml:lang="en">
<meta name="robots" content="index, follow, noodp">
<style type="text/css">
/*<![CDATA[*/
body {
background: url(http://i42.servimg.com/u/f42/15/42/72/40/login-11.png) repeat;
text-shadow: 0px 1px 0px #ffffff;
font-size: 10px;
}
#wd-sign-in {
background: url(http://im29.gulfup.com/2012-07-24/1343152067981.png) no-repeat;
margin: 0 auto;
margin-top: 130px;
width:350px;
height:350px;
overflow:hidden;
}
#wd-sign-in form {
margin-top: 150px;
margin-left: 40px;
}
#wd-sign-in input.inputfield{
color: #96958F;
display: block;
font-family: monospace;
font-size: 14px;
margin: 10px 0 0 0;
padding: 10px;
width: 193px !important;
background: #fff;
border: 1px solid #C8C7C2;
-moz-box-shadow: 1px 1px 4px #ddd inset;
-webkit-box-shadow: 1px 1px 4px #ddd inset;
box-shadow: 1px 1px 4px #ddd inset;
border-radius: 2px;
outline: none;
}
#sign-up {
text-align: center;
}
#sign-up a {
color: #815442;
}
#sign-up a:hover {
color: #593628;
}
input[type="radio"]:checked::before {
-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5);
-webkit-margin-start:4px;
-moz-box-shadow:0 1px 0 rgba(255,255,255,.5);
-moz-margin-start:4px;
background:gray;
border-radius:10px;
-moz-border-radius:10px;
content:'';
display:inline-block;
height:5px;
left:0;
margin-top:4px;
opacity:1;
position:absolute;
top:0;
vertical-align:top;
width:5px;
}

input[type="checkbox"] {
-webkit-box-shadow:inset 0 1px 2px white, 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 1px 2px white, 0 1px 2px rgba(0,0,0,.2);
-webkit-appearance:none;
-moz-appearance:none;
-webkit-margin-start:-2px;
-moz-margin-start:-2px;
background:0;
border-radius:3px;
border:1px solid #A0A0A0;
display:inline-block;
height:15px;
margin-bottom:0;
margin-top:0;
position:relative;
vertical-align: sub;
width:16px;
}

input[type="checkbox"]:checked::before {
color:gray;

content:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAmElEQVR42nXQMQ6EIBAFUI5OQ6TwHibacAIaIx4AbbiAtQGk429wg8lEKX4xzJswwAA0s64rpmlCrZvQGAPO+Z1xHPFgay1Ks8JlWQp6IqWEcw5s33cIIe7DeZ5LXvA4DqSUwPq+J80veF3Xf41t29B1XRPGGOkDtdafMIRwQ4LLNcMwEOi9J5B8Xc4ZSqkmrJgMnOdZ4Ss/HaFLUf+pI9MAAAAASUVORK5CYII=");
height:16px;
left:2px;
position:absolute;
top:2px;
}
input.button2 {
border: none;
width: 73px;
height: 32px;
text-indent: -9999px;
cursor: pointer;
margin-bottom: 5px;
}
input.button2.ok {
background: url(http://i42.servimg.com/u/f42/15/42/72/40/sign-i10.png) no-repeat;
}
input.button2.ok:hover {
background: url(http://i42.servimg.com/u/f42/15/42/72/40/sign-i12.png) no-repeat;
}
input.button2.cancel {
margin-left: 45px;
background: url(http://i42.servimg.com/u/f42/15/42/72/40/cancel12.png) no-repeat;
}
input.button2.cancel:hover {
background: url(http://i42.servimg.com/u/f42/15/42/72/40/cancel13.png) no-repeat;
}
/*]]>*/
</style>
</head>

<body>
<div id="wd-sign-in">
<form action="/login" method="post" name="form_login" id="form_login">
<dl>

   <dd><input type="text" tabindex="1" name="username"
id="username" size="30" maxlength="40" value="Username"
onblur="if(this.value.length == 0) this.value='Username';"
onclick="if(this.value == 'Username') this.value='';"
class="inputfield"></dd>
</dl>

<dl>

   <dd><input type="password" tabindex="2" id="password"
name="password" size="30" maxlength="25" class="inputfield"
value="Password" onblur="if(this.value.length == 0)
this.value='Password';" onclick="if(this.value == 'Password')
this.value='';"></dd>
</dl>

<dl class="frm-buttons fb left">

   <dd><input type="hidden" name="redirect" value="">
<input type="hidden" name="query" value=""><input type="submit"
name="login" tabindex="6" value="Log in" class="button2 ok">
<input type="button" name="cancel" value="Cancel" class="button2
cancel" onclick="window.location = '/forum'"><br>

<input name="autologin" id="autologin" tabindex="4" class="checkbox"
type="checkbox" checked="checked"> <span style="text-transform:
uppercase;">تذكرني</span></dd>
</dl>
</form>
</div>

<div id="sign-up">
<p>لا تملك حسابا <a href="/register">اضغط هنا </a>للتسجيل</p>هل نسيت كلمة السر
<a href="/profile?mode=sendpassword">اضغط هنا</a>

<p>منتديات فضاء Ⓒ الحقوق محفوظة</p>
</div>

</body></html>