newcom
newcom
عضو احلى مطور
المساهمات :
7
النقاط :
32
التقيم :
0
السلام عليكم
اريد ان اجعل منطقة الدخول في مكان الصورة وبارك الله فيكم

طلب وضع تسجيل الدخول 011
Dr.OmaR
Dr.OmaR
المؤسس
القوس
المساهمات :
479
النقاط :
1012
التقيم :
102
العمر :
26
الاوسمة :
طلب وضع تسجيل الدخول Crown_gold
البلد :
مصر
تفضل
اولاً: أكواد الـ 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 -->
صورة للكود بعد التركيب
طلب وضع تسجيل الدخول 110
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى