Admin المدير العام
مشاركاتي » : 312 العمر » : 25
| موضوع: [كود] صفحة لدخول الأعضاء قمة في الروعة من تصميم <متتديات فضاء> الإثنين يوليو 01, 2013 10:18 pm | |
| [size=18] السلام عليكماسعد الله اوقاتكم بكل خير اهلا بكم زوار وأعضاء منتديات فضاء انا صممت صفحة رائعة لدخوول الأعضاء الى المنتدى مميزاته :صفحة لدخول الأعضاء احترافية تحولك للمنتدى تلقائيا جاهز ولا يحتاج الى تعديل بأمكانه تذكر كلمات السر المحفوظة للموقع مثال :الكود :[hide] - الكود:
-
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8">
<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://i49.servimg.com/u/f49/16/89/40/74/layer_10.jpg"> <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://i49.servimg.com/u/f49/16/89/40/74/13431512.jpg) 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> <style id="wrc-middle-css" type="text/css">.wrc_whole_window{ display: none; position: fixed; z-index: 2147483647; background-color: rgba(40, 40, 40, 0.9); word-spacing: normal; margin: 0px; padding: 0px; border: 0px; left: 0px; top: 0px; width: 100%; height: 100%; line-height: normal; letter-spacing: normal;}.wrc_middle_main { font-family: Segoe UI, Arial Unicode MS, Arial, Sans-Serif; font-size: 14px; width: 600px; height: auto; margin: 0px auto; margin-top: 15%; background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/background-body.jpg) repeat-x left top; background-color: rgb(39, 53, 62);}.wrc_middle_logo { background: url(chrome-extension://icmlaeflemplmjndnaapfdbbnpncnbda/skin/images/logo.jpg) no-repeat left bottom; width: 140px; height: 42px; color: orange; display: table-cell; text-align: right; vertical-align: middle;}.wrc_icon_warning { margin: 20px 10px 20px 15px; float: left; background-color: transparent;}.wrc_middle_title { color: #b6bec7; height: auto; margin: 0px auto; font-size: 2.2em; white-space: nowrap; text-align: center;}.wrc_middle_hline { height: 2px; width: 100%; display: block;}.wrc_middle_description { text-align: center; margin: 15px; font-size: 1.4em; padding: 20px; height: auto; color: white; min-height: 3.5em;}.wrc_middle_actions_main_div { margin-bottom: 15px; text-align: center;}.wrc_middle_actions_blue_button { -moz-appearance: none; border-radius: 7px; -moz-border-radius: 7px/7px; border-radius: 7px/7px; background-color: rgb(0, 173, 223) !important; display: inline-block; width: auto; cursor: Pointer; border: 2px solid #00dddd;}.wrc_middle_actions_blue_button:hover { background-color: rgb(0, 159, 212) !important;}.wrc_middle_actions_blue_button:active { background-color: rgb(0, 146, 200) !important; border: 2px solid #00aaaa;}.wrc_middle_actions_blue_button div { display: inline-block; width: auto; cursor: Pointer; margin: 3px 10px 3px 10px; color: white; font-size: 1.2em; font-weight: bold;}.wrc_middle_action_low { font-size: 0.9em; white-space: nowrap; cursor: Pointer; color: grey !important; margin: 10px 10px 0px 10px; text-decoration: none;}.wrc_middle_action_low:hover { color: #aa4400 !important;}.wrc_middle_actions_rest_div { padding-top: 5px; white-space: nowrap; text-align: center;}.wrc_middle_action { white-space: nowrap; cursor: Pointer; color: red !important; font-size: 1.2em; margin: 10px 10px 0px 10px; text-decoration: none;}.wrc_middle_action:hover { color: #aa4400 !important;}</style><script id="wrc-script-middle_window" type="text/javascript" language="JavaScript">var g_inputsCnt = 0;var g_InputThis = new Array(null, null, null, null);var g_alerted = false;/* we test the input if it includes 4 digits (input is a part of 4 inputs for filling the credit-card number)*/function is4DigitsCardNumber(val){ var regExp = new RegExp('[0-9]{4}'); return (val.length == 4 && val.search(regExp) == 0);}/* testing the whole credit-card number 19 digits devided by three '-' symbols or exactly 16 digits without any dividers*/function isCreditCardNumber(val){ if(val.length == 19) { var regExp = new RegExp('[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{4}'); return (val.search(regExp) == 0); } else if(val.length == 16) { var regExp = new RegExp('[0-9]{4}[0-9]{4}[0-9]{4}[0-9]{4}'); return (val.search(regExp) == 0); } return false;}function CheckInputOnCreditNumber(self){ if(g_alerted) return false; var value = self.value; if(self.type == 'text') { if(is4DigitsCardNumber(value)) { var cont = true; for(i = 0; i < g_inputsCnt; i++) if(g_InputThis[i] == self) cont = false; if(cont && g_inputsCnt < 4) { g_InputThis[g_inputsCnt] = self; g_inputsCnt++; } } g_alerted = (g_inputsCnt == 4); if(g_alerted) g_inputsCnt = 0; else g_alerted = isCreditCardNumber(value); } return g_alerted;}function CheckInputOnPassword(self){ if(g_alerted) return false; var value = self.value; if(self.type == 'password') { g_alerted = (value.length > 0); } return g_alerted;}function onInputBlur(self, bRatingOk, bFishingSite){ var bCreditNumber = CheckInputOnCreditNumber(self); var bPassword = CheckInputOnPassword(self); if((!bRatingOk || bFishingSite == 1) && (bCreditNumber || bPassword) ) { var warnDiv = document.getElementById("wrcinputdiv"); if(warnDiv) { /* show the warning div in the middle of the screen */ warnDiv.style.left = "0px"; warnDiv.style.top = "0px"; warnDiv.style.width = "100%"; warnDiv.style.height = "100%"; document.getElementById("wrc_warn_fs").style.display = 'none'; document.getElementById("wrc_warn_cn").style.display = 'none'; if(bFishingSite) document.getElementById("wrc_warn_fs").style.display = 'block'; else document.getElementById("wrc_warn_cn").style.display = 'block'; warnDiv.style.display = 'block'; } }}</script></head>
<body cz-shortcut-listen="true"> <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> |
|