تفضل
اولاً: أكواد الـ 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 -->


صورة للكود بعد التركيب