Admin ادارة المنتـدي
الدولة : الجزائر عدد المساهمات : 6059 نقاط نشاط : 8240 السٌّمعَة : 28 العمر : 28
| موضوع: [تومببيلت] كود الدخول السريع بشكل احترافي الخميس يونيو 13, 2013 6:03 pm | |
| السلام عليكم ورحمة الله وبركاته اليوم احب ان اعرض عليكم كود دخول السريع بشكل مميز صورة للكودhttps://i.servimg.com/u/f75/18/17/70/27/137.pngالآن الى الكود
اول شيء يجب تفعيل نافدة الترحيب السريعة وهدا شرح لكيفية تفعيلهانافذة الدخول السريع المستقلةتوجه الى : لوحة ادارة / مظهر المنتدى / التومبيلات و القوالب / ادارة عامة
تم ندخل على قالب : overall_header نبحث عن
الكود:---------تضليل المحتوى - الكود:
-
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup --> نستبدله بهداالكود:---------تضليل المحتوى - الكود:
-
<!-- BEGIN switch_login_popup --> <div id="login_popup">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<span class="prez">مرحبا بك في منتدى <br />يرجى تسجيل الدخول:<br /></span><br /> <span>اسم الدخول:</span><br /> <input class="post" type="text" size="10" name="username" id="nm" /><br /> <span>{L_PASSWORD}:</span><br /> <input class="post" type="password" size="10" name="password" id="pass" /><br /> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span>{L_AUTO_LOGIN}</span><br /> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" id="log" /><br /> <span class="oda"><a class="gensmall" href="/register">التسجيل!</a> | <a class="gensmall" href="/profile?mode=sendpassword">نسيت كلمة السر?</a></span> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" id="dnt" /> </form>
</div> <!-- END switch_login_popup --> تم انشر القالبتم توجه الى لوحة ادارة / مظهر المنتدى / الوان / ورقة css وضع بها هدا الكودالكود:---------تضليل المحتوى - الكود:
-
#login_popup { width: 230px !important; height: 320px !important; padding: 0; background: #f1f1f1 url(http://i44.servimg.com/u/f44/16/54/26/99/vywr10.jpg) no-repeat center top; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 2px 5px 5px rgba(42, 44, 44, 0.2); -moz-box-shadow: 2px 5px 5px rgba(42, 44, 44, 0.2); -webkit-box-shadow: 2px 5px 5px rgba(42, 44, 44, 0.2); border: 1px solid #fff; font-family: Verdana,Arial,Helvetica; color: #826363; font-size: 10px; }
#login_popup form { width: 230px !important; margin: 60px auto 0; text-align: center; }
input.post { padding: 5px 30px 5px 5px; margin: 0 auto; width: 180px; border: 1px solid #B0C4DE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px #87CEFA inset; -webkit-box-shadow: 0 1px 1px #87CEFA inset; box-shadow: 0 1px 1px #87CEFA inset; }
input#nm { background: #f1f1f1 url(http://i44.servimg.com/u/f44/16/54/26/99/busine12.png) no-repeat center right; }
input#pass { background: #f1f1f1 url(http://i44.servimg.com/u/f44/16/54/26/99/link10.png) no-repeat center right; }
input.radio { vertical-align: middle; }
#log { width: 218px; padding: 7px 0; margin: 5px auto 20px !important; border: 1px solid #B0C4DE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px #87CEFA; -webkit-box-shadow: 0 1px 1px #87CEFA; box-shadow: 0 1px 1px #87CEFA; cursor: pointer; color: #826363; }
#login_popup_close { width: 100%; height: 30px !important; padding: 3px 0; margin: 5px auto !important; background: rgba(42, 44, 44, 0.2); color: #fff; cursor: pointer; border: none; }
.prez { text-shadow: 0 1px 0 #fff; font-weight : bold; }
.oda a { text-shadow: 0 1px 0 #fff; text-decoration: none !important; color: #74B2CB; }
.oda a:hover { color: #008000; } ومبرووووووك عليك كود الدخول السريع بطريقة مميزةالكود منقل من المنتدى اجنبي | |
|
karimzal عضو نشـيط
عدد المساهمات : 298 نقاط نشاط : 300 السٌّمعَة : 0 العمر : 45
| |
واحد عضو نشـيط
عدد المساهمات : 4716 نقاط نشاط : 4757 السٌّمعَة : 2
| |
houdanada عضو نشـيط
عدد المساهمات : 3997 نقاط نشاط : 4153 السٌّمعَة : 0 العمر : 28
| موضوع: رد: [تومببيلت] كود الدخول السريع بشكل احترافي السبت سبتمبر 28, 2013 12:26 am | |
| | |
|