? تاريخ التسجيل : : 30/08/2012 |
حصرياً كود صفحة الدخول مثل الفي بي ! من برمجة وتطوير X-Gaming
بسم الله الرحمن الرحيمالسلام عليكم ورحمة الله وبركاته الكود هو عبارة عن صفحة html مع الأسف مانقدر نحط الكود بقوالب تومبيلات لأنه مانقدر ندخل على قالب لصفحة الدخول صورة الصفحة :
ملاحظة : الخلفية يتغير لونها على حسب استايل المنتدى الخاص بك ومانقدر نتحكم في الألوان
طريقة التركيب : لوحة الادارة - عناصر اضافية - إدارة صفحات HTML - إنشاء باستعمال النمط البسيط العنوان * : Welcome هل تود استعمال أعلى وأسفل المنتدى : لا استعمال هذه الصفحة رئيسية : لا
جسد الصفحة :
- الكود:
-
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><link href="http://x-gaming.forumakers.com/forum" rel="canonical" /> <!-- CSS Stylesheet --><style id="vbulletin_css" type="text/css"> /** * vBulletin 3.8.7 CSS * Style: 'a7la7ekaya'; Style ID: 94 */ body { background: #d2d2d2; color: #000000; font: bold 12px tahoma, arial, helvetica,verdana; } a:link, body_alink { color: #595959; text-decoration: none; } a:visited, body_avisited { color: #595959; text-decoration: none; } a:hover, a:active, body_ahover { color: #666666; text-decoration: none; } .page { color: #000000; } td, th, p, li { font: bold 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder { color: #000000; border: 1px solid #d4d4d4; } .tcat { background: #e7e7e7; color: #737373; font: bold 11pt arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #d4d4d4; } .tcat a:link, .tcat_alink { color: #737373; text-decoration: none; } .tcat a:visited, .tcat_avisited { color: #737373; text-decoration: none; } .tcat a:hover, .tcat a:active, .tcat_ahover { color: #666666; text-decoration: none; } .thead { background: #e7e7e7 url(http://i36.servimg.com/u/f36/17/86/26/69/catego10.png) repeat-x top left; color: #737373; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; border-bottom: 1px solid #e7e7e7; } .thead a:link, .thead_alink { color: #737373; } .thead a:visited, .thead_avisited { color: #737373; } .thead a:hover, .thead a:active, .thead_ahover { color: #999999; } .tfoot { background: #f1f1f1; color: #595959; border-top: 1px solid #dfdfdf; overflow: hidden; zoom: 1; line-height: 18px; } .tfoot a:link, .tfoot_alink { color: #595959; } .tfoot a:visited, .tfoot_avisited { color: #595959; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #333333; } .alt1, .alt1Active { background: #FFFFFF; color: #000000; border-bottom: 1px solid #ededed; padding:10px; } .alt2, .alt2Active { background: #FFFFFF; color: #000000; border-bottom: 1px solid #ededed; padding:10px; } .inlinemod { background: #CCCCCC; color: #333333; } .wysiwyg { background: #F5F5FF; color: #000000; font: bold 11pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 5px 10px 10px 10px; padding: 0px; } .wysiwyg a:link, .wysiwyg_alink { color: #737373; } .wysiwyg a:visited, .wysiwyg_avisited { color: #737373; } .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: #666666; } textarea, .bginput { font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .bginput option, .bginput optgroup { font-size: 11px; font-family: Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .button { font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } select { font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px; border: 1px solid #d2d2d2; border-radius: 5px; } option, optgroup { font-size: 11px; font-family: Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .time { color: #666686; } .navbar { font: bold 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #FF0000; font-weight: bold; } .fjsel { background: #333333; color: #E0E0F6; } .fjdpth0 { background: #ededed; color: #000000; } .panel { background: #E4E7F5 url(http://i36.servimg.com/u/f36/17/86/26/69/gradie10.gif) repeat-x top left; color: #737373; padding: 10px; } .panelsurround { background: #D1D4E0 url(http://i36.servimg.com/u/f36/17/86/26/69/gradie11.gif) repeat-x top left; color: #737373; } legend { color: #737373; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #e7e7e7; color: #595959; font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 6px 3px 6px; white-space: nowrap; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #d4d4d4; } .vbmenu_control a:link, .vbmenu_control_alink { color: #595959; text-decoration: none; } .vbmenu_control a:visited, .vbmenu_control_avisited { color: #595959; text-decoration: none; } .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover { color: #999999; text-decoration: none; } .vbmenu_popup { background: #FFFFFF; color: #737373; border: 1px solid #d4d4d4; } .vbmenu_option { background: #FFF; color: #737373; font: 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #737373; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #737373; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #333333; text-decoration: none; } .vbmenu_hilite { background: #ededed; color: #555; font: bold 11px Tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #555; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #555; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #999999; text-decoration: none; } /* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 12pt; }
/* ***** small padding on 'thead' elements ***** */ td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */ .shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; } a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; } .tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } .red { margin: 0px; width:87px; border: 1px solid #FF1515; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF0000; padding:0; display:inline-block; overflow:hidden; white-space:nowrap; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk0210.gif'); text-align:center; }
.green { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width:87px; border: 1px solid #008000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FFFFFF; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/mskm910.gif'); text-align:center; }
.blue { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width:87px; border: 1px solid #0000FF; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#0000FF; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk410.gif'); text-align:center; }
.gray { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width:87px; border: 1px solid #CCCCCC; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CCCCCC; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk412.gif'); text-align:center; }
.fushia { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0px; width:87px; border: 1px solid #FF66CC; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF66CC; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk411.gif'); text-align:center; }
.orang { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width: 87px; border: 1px solid #FF9900; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF9900; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk412.gif'); text-align:center }
.teal { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width: 87px; border: 1px solid #008080; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#008080; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk412.gif'); text-align:center; }
.brown { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width: 87px; border: 1px solid #BF0000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#BF0000; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk412.gif'); text-align:center; }
.pink { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width: 87px; border: 1px solid #774295; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#774295; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk412.gif'); text-align:center; }
.black { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0px; width: 87px; border: 1px solid #000000; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#000000; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk412.gif'); text-align:center; }
.white { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width: 87px; border: 1px solid #ACA899; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#ACA899; padding:0; background-color:#ECE9D8; text-align:center; } .red2 { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width:87px; border: 1px solid #FFBA0F; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FFBA0F; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk412.gif'); text-align:center; } .red3y { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0px; width:87px; border: 1px solid #6E0731; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#6E0731; padding:0; background-color:#EDEBEA; background-image: url('http://http://i36.servimg.com/u/f36/17/86/26/69/heaven10.gif'); text-align:center; }
.white1 { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width: 87px; border: 1px solid #A8F4FB; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#A8F4FB; padding:0; background-color:#FFFFFF; background-image: url(''); text-align:center; }
.amir1 { margin: 0; display:inline-block; overflow:hidden; white-space:nowrap; width: 87px; border: 1px solid #0D0101; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#F6E6FD; padding:0; background-color:#FCF2F7; background-image: url('http://i36.servimg.com/u/f36/17/86/26/69/msk4am10.gif'); text-align:center; }
.amir2 { display:inline-block; overflow:hidden; white-space:nowrap; margin: 0; width: 87px; border: 1px solid #0D0101; cursor: pointer; font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#F6E6FD; padding:0; background-color:#FCF2F7; background-image: url(''); text-align:center; } </style><script src="/clientscript/yui/yahoo-dom-event/yahoo-dom-event.js?v=387" type="text/javascript"></script><script src="/clientscript/yui/connection/connection-min.js?v=387" type="text/javascript"></script><script type="text/javascript"> <!-- var SESSIONURL = ""; var SECURITYTOKEN = "1338753189-0b6b4de7bf1da24f250221c06dfb8325977abcca"; var IMGDIR_MISC = "images/silvercolors/misc"; var vb_disable_ajax = parseInt("0", 10); // --> </script><script src="/clientscript/vbulletin_global.js?v=387" type="text/javascript"></script><script src="/clientscript/vbulletin_menu.js?v=387" type="text/javascript"></script> <script src="http://a7la7ekaya1.googlecode.com/files/styleswitch.js" type="text/javascript"></script> <title>هلا بعودتك مره اخرى</title> <br /><br /><br /><br /> <form name="postvarform" method="post" action="/forum"> <table style="width: 70%;" align="center" border="0" cellspacing="1" cellpadding="6" class="tborder"> <tbody> <tr> <td class="tcat"> إعادة التوجيه... </td> </tr> <tr> <td align="center" class="panelsurround"> <div class="panel"> <blockquote> <p> </p> <p> <strong>السلام عليكم , مرحبا بك مره اخرى فى منتديات x-gaming نسال الله ان تكون في احسن حال ..</strong> </p> <p class="smallfont"> <a href="/forum">إذا كان متصفحك لا يدعم الانتقال التلقائي اضغط هنا.</a> </p> <div> </div> </blockquote> </div> </td> </tr> </tbody> </table> </form> <noscript><meta http-equiv="Refresh" content="2; URL=/forum" /> </noscript> <script type="text/javascript"> <!-- function exec_refresh() { window.status = "إعادة التوجيه..." + myvar; myvar = myvar + " ."; var timerID = setTimeout("exec_refresh();", 100); if (timeout > 0) { timeout -= 1; } else { clearTimeout(timerID); window.status = ""; window.location = "/forum"; } }
var myvar = ""; var timeout = 20; exec_refresh(); //-->
</script> طبعاً تغير رابط منتداي من الكود ^ واضغط سجل
واذهب إلى : لوحة الادارة - عناصر اضافية - إدارة صفحات HTML - إنشاء باستعمال النمط البسيط العنوان * : تسجيل الدخول هل تود استعمال أعلى وأسفل المنتدى : نعم استعمال هذه الصفحة رئيسية : لا
جسد الصفحة : - الكود:
-
<div align="center"> <table border="100" align="center" _moz_resizing="true"> <tbody> <tr> <td> <table cellspacing="1" cellpadding="1" border="1" style="width: 100%;"> <tbody> <tr> </tr> <tr> <th class="thTop"> <h3 style="text-align: right;"> رسالة إدارية : </h3> </th> </tr> </tbody> </table> <table border="1"> <tbody> <tr> <td> <div class="smallfont"> أنت لم تسجل الدخول بعد : </div><br />أن غير مسجل للدخول. إملاء الاستمارة أدنى هذه الصفحة .<br />ليست لديك صلاحية أو إمتيازات كافية لدخول احد الصفحات . هل تحاول تعديل مشاركة شخص آخر, دخول ميزات إدارية أو نظام متميز آخر؟<br />إذا كنت تحاول كتابة مشاركة, ربما قامت الإدارة بحظر حسابك , أو أن حسابك لم يتم تفعيله بعد.<br /><span style="text-decoration: underline;">إذا لم تكن مسجل في منتدى</span><span style="color: Blue;"><span style="color: Black;">X</span>-gaming</span><a href="/register"><span style="color: #FF0000">( أضغط هنـآ )</span></a> </td> </tr> </tbody> </table> <table cellspacing="1" cellpadding="1" border="1" style="width: 25%;"> <tbody> <tr> <td> تسجيل الدخول<br /> </td> </tr> </tbody> </table><br /> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <form name="form_login" method="post" action="/login.forum?redirect=/h3-page"> <!-- Start Login --> <div class="BdLoginInputBg BdDiv2"> <div style="text-align: center;"> الأسم : <input type="text" onblur="if (this.value == '') this.value = 'اسم العضو';" onclick="if (this.value == 'اسم العضو') this.value = '';" class="UserBox BdFolatRight" name="username" id="Post" /><br /> </div> الباسورد : <input type="password" onblur="if (this.value == '') this.value = '';" onclick="if (this.value == '') this.value = '';" name="password" id="Post" class="PassBox BdFolatRight" /><br /><input type="submit" src="http://www.giants2.---ممنوع الاشهار---/vb/as-dev/spacer00.gif" name="login" class="EnterBox BdFolatLeft" /> </div> <div class="BdLoginBottom BdDiv2"> <div class="BdFolatRight"> <label for="cb_cookieuser_navbar"><input type="checkbox" value="1" tabindex="103" name="autologin" /><span>حفظ البيانات ؟</span></label> </div> <div class="BdFolatLeft"> <a href="/register">عضوية جديدة</a> | <a href="/profile?mode=sendpassword">نسيت كلمة المرور </a>؟ </div> </div> </form> </div><br /> <div style="text-align: right;"> <span style="text-decoration: underline;">إذا لم تكن مسجل في منتدى</span><span style="color: rgb(255, 0, 0);">X-gaming</span><span style="color: Black;"><a href="/register">( أضغط هنـآ )</a></span> </div><br /> </td> </tr> </tbody> </table><br /> </div> طبعاً بتشوف في الكود : h3-page تغير رقم 3 وتحط رقم الصفحة الي سويتها قبل شوي الي سميناها welcome
واضغط سجل
ومبروك عليك ^.^
تمت الصفحة بنجاح ^.^
| | |