صورة القالب الاول قبل الدخول
https://i.servimg.com/u/f86/16/46/77/76/215.png
صورة بعد الدخول
https://i.servimg.com/u/f86/16/46/77/76/115.png
قالب الكلاس بقالب overall_header
اكواد css
واضافة قبل </head>
كود الاتي :
علما ان خلفية الخضراء هي حسب خلفية الهيدر او النافبار الموضوع
انتهى اول قالب من قوالب الدخول
https://i.servimg.com/u/f86/16/46/77/76/215.png
صورة بعد الدخول
https://i.servimg.com/u/f86/16/46/77/76/115.png
قالب الكلاس بقالب overall_header
الكود:نسخ الكود
الكود:
<div class="login-box clfx"> <!-- BEGIN switch_user_logged_out --> <form action="login" method="post" onsubmit="md5hash(vb_login_password,vb_login_md5password, vb_login_md5password_utf, 0)"> <input type="text" class="bginput" name="username" id="navbar_username" size="10"accesskey="u" tabindex="101" value="اسم العضو" onblur="if(this.value=='')this.value='اسم العضو' "onfocus="if (this.value == 'اسم العضو') this.value = '';" > <input type="password" class="bginput" name="password" id="navbar_password" size="10"tabindex="102" onblur="if(this.value=='')this.value='password ' " onfocus="if(this.value=='password ')this.value=''" value="password " > <div class="chboxx"> <label> <input type="checkbox" name="checkbox" value="1" tabindex="103"id="cb_cookieuser_navbar" accesskey="c" >حفظ البيانات؟</label> </div> <input type="submit" class="button" name="login" value="دخول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s" > </form><!-- END switch_user_logged_out --><!-- BEGIN switch_user_logged_in --><div class="NameUsers"><strong>أهلاً وسهلاً بك <a>{LOGGED_AS}</a>.</strong></div><div class="ControlUser"><ul><li><a rel="nofollow" class="simptip-position-bottom" title="لوحة التحكم الخاصة بك" id="usercptools"href="/profile?mode=editprofile" accesskey="3"> <div class="fa fa-cogs"></div></a><script type="text/javascript"> vbmenu_register("usercptools");</script></li><li><a class="simptip-position-bottom" title="الاشعارات" href="/profile?mode=editprofile&page_profil=notifications" accesskey="3"><div class="fa fa-comment"></div></a></li><li><a rel="nofollow" class="simptip-position-bottom" title="اشتراكاتك" href="/search?search_id=watchsearch" accesskey="3"><div class="fa fa-th-large"></div></a></li><li><a class="simptip-position-bottom" title="مشاركات اليوم" href="/search?search_id=newposts"accesskey="2"><div class="fa fa-th"></div></a></li></ul></div>
اكواد css
الكود:نسخ الكود
الكود:
.login__box { background-color: #34A773; height: 65px;} .login__box .cntr { position: relative;}.login-box { float: left; margin-left: 20px; margin-top: 15px; width: 500px;}.login-box input[type="text"], .login-box input[type="password"] { border: 0 none; border-radius: 0; box-sizing: border-box; float: right; line-height: 25px; margin-left: 8px; padding: 4px; width: 144px;}.login-box input[type="submit"] { background-color: rgb(236, 153, 46); color: rgb(255, 255, 255); float: left; height: 36px; padding: 0; text-shadow: 0 0 0 rgb(255, 255, 255); width: 80px;}.chboxx { color: rgb(255, 255, 255); float: right; margin-top: 10px;} .NameUsers { color: #FEFFFF; float: right; font-family: "Droid Arabic Kufi","Open Sans",sans-serif; font-size: 0.8em; margin-left: 15px;} .NameUsers a { color: #FEFFFF; text-decoration: none;} .ControlUser { padding-bottom: 10px; padding-left: 10px;} .ControlUser ul { margin: 4px 0 12px; padding: 0 0 0 40px;} .ControlUser li { background: rgb(245, 245, 245) none repeat scroll 0 0; border: 1px solid rgb(204, 204, 204); border-radius: 5px; box-shadow: 0 0 1px rgb(204, 204, 204); color: rgb(112, 129, 144); display: inline-block; font-size: 21px; height: auto; margin: 0; padding: 0 3px; text-shadow: 0 1px 0 rgb(255, 255, 255); width: auto;}
واضافة قبل </head>
كود الاتي :
الكود:نسخ الكود
الكود:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
علما ان خلفية الخضراء هي حسب خلفية الهيدر او النافبار الموضوع
انتهى اول قالب من قوالب الدخول