تفضلاولاً: أكواد الـ CSSالكود:#logo-desc { position: relative;}.header-login { position: absolute; top: 50%; margin-top: -45px; background: rgba(0, 0, 0,0.2); padding: 10px; border-radius: 5px;}.user_login_form input.post { font-family: "Droid Arabic Kufi", FontAwesome;}ثانياً: التعديل علي القوالبابحث في قالب الـ overall_header عنالكود:<!-- END switch_desc -->ثم اضف الكود التالي اسفلها مباشرةًالكود:<!-- BEGIN switch_user_logged_out --> <div class="header-login"> <form action="/login" method="post" name="form_login"> <div class="user_login_form"> <input class="post" type="text" size="10" name="username" placeholder=" اسم العضو" /><br/> <input class="post" type="password" size="10" name="password" placeholder=" كلمة السر" /><br/> <label> ادخلني بشكل آلي <input class="radio" type="checkbox" name="autologin" checked="checked" /></label> <input class="mainoption button1" type="submit" name="login" value="دخول" /> </div> </form> </div><!-- END switch_user_logged_out -->صورة للكود بعد التركيب
اولاً: أكواد الـ CSS
الكود:
#logo-desc {
position: relative;
}
.header-login {
position: absolute;
top: 50%;
margin-top: -45px;
background: rgba(0, 0, 0,0.2);
padding: 10px;
border-radius: 5px;
}
.user_login_form input.post {
font-family: "Droid Arabic Kufi", FontAwesome;
}
ثانياً: التعديل علي القوالب
ابحث في قالب الـ overall_header عن
الكود:
<!-- END switch_desc -->
الكود:
<!-- BEGIN switch_user_logged_out -->
<div class="header-login">
<form action="/login" method="post" name="form_login">
<div class="user_login_form">
<input class="post" type="text" size="10" name="username" placeholder=" اسم العضو" /><br/>
<input class="post" type="password" size="10" name="password" placeholder=" كلمة السر" /><br/>
<label> ادخلني بشكل آلي <input class="radio" type="checkbox" name="autologin" checked="checked" /></label>
<input class="mainoption button1" type="submit" name="login" value="دخول" />
</div>
</form>
</div>
<!-- END switch_user_logged_out -->
صورة للكود بعد التركيب