اه
انا ممكن اعطيك كود الدخول
اما الايقونات اسف حصرية
بالنسبة لتسجيل الدخول تفضل
قالب الكلاس بقالب 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;
}
واضافة قبل
الكود:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">