منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


قوالب تسجيل الدخول تومبلايت - مجموعه من قوالب تسجيل الدخول جاهزة للتركيب

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

قوالب تسجيل الدخول تومبلايت - مجموعه من قوالب تسجيل الدخول جاهزة للتركيب

مُساهمة من طرف JAR7 في 10/04/16, 09:19 am

قوالب تسجيل الدخول تومبلايت - مجموعه من قوالب تسجيل الدخول جاهزة للتركيب

#قوالب_تسجيل_الدخول

السلام عليكم ورحمة الله وبركاته

سيتم وضع هنا قوالب تسجيل الدخول تومبلايت جاهزة للتركيب لجمالية الاستايل

ويتكون من كلاس يوضع بالبودي بالمكان المناسب الذي ترغب به

ومن كود css

موفقين يارب



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2197
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: قوالب تسجيل الدخول تومبلايت - مجموعه من قوالب تسجيل الدخول جاهزة للتركيب

مُساهمة من طرف JAR7 في 10/04/16, 09:34 am

صورة القالب الاول قبل الدخول

https://i86.servimg.com/u/f86/16/46/77/76/215.png
صورة بعد الدخول

https://i86.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">

علما ان خلفية الخضراء هي حسب خلفية الهيدر او النافبار الموضوع

انتهى اول قالب من قوالب الدخول



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2197
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: قوالب تسجيل الدخول تومبلايت - مجموعه من قوالب تسجيل الدخول جاهزة للتركيب

مُساهمة من طرف JAR7 في 10/04/16, 10:10 am

تومبلايت قالب تسجيل رقم 2

صورة للقالب قبل الدخول

https://i86.servimg.com/u/f86/16/46/77/76/414.png
بعد الدخول

https://i86.servimg.com/u/f86/16/46/77/76/315.png
الكلاس بقالب

الرمز:

<div class="loginbox">
  <!-- BEGIN switch_user_logged_out -->
      <form action="login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
      <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=387"></script>
      
      
<input type="text" class="bginput" name="username" id="navbar_username" 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" tabindex="102"  onblur="if(this.value=='')this.value='password ' " onfocus="if(this.value=='password ')this.value=''" value="password " >
<label for="cb_cookieuser_navbar" class="rmmbrme"><input type="checkbox" name="autologin" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" >تذكرني!</label>
<input type="submit" name="login" class="button" value="دخـول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s" >
      <input type="hidden" name="s" value="" >
      <input type="hidden" name="securitytoken" value="guest" >
      <input type="hidden" name="do" value="login" >
      <input type="hidden" name="vb_login_md5password" >
      <input type="hidden" name="vb_login_md5password_utf" >
      </form>
  <!-- END switch_user_logged_out -->
  <!-- BEGIN switch_user_logged_in -->
      <strong>أهلا وسهلا بكـ <a>{LOGGED_AS}</a>.</strong>
    <!-- END switch_user_logged_in -->             
<div class="clr"><!--  --></div>
</div>

اكواد css

الرمز:

       
.loginbox {
    float: right;
    margin: 3px 0 0;
    width: 500px;     
}         

.loginbox input.bginput[type="text"] {
    background-position: right top;
    margin-left: 1px;
}
.loginbox input.bginput[type="text"], .loginbox input.bginput[type="password"] {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://i84.servimg.com/u/f84/16/46/77/76/img_0911.png");
    background-position: -104px top;
    background-repeat: no-repeat;
    border: 0 none;
    color: rgb(163, 163, 163);
    float: right;
    font-family: tahoma;
    font-size: 9pt;
    font-weight: normal;
    height: 33px;
    outline: 0 none;
    padding: 0 38px 0 3px;
    text-shadow: 0 1px 0 rgb(255, 255, 255);
    width: 100px;
}         
.rmmbrme {
    color: rgb(255, 255, 255);
    float: right;
    font-size: 13px;
    line-height: 40px;
    padding: 0 4px;
}
         

input[type="radio"], input[type="checkbox"] {
    -moz-binding: none;
    background-color: -moz-field !important;
    block-size: 13px;
    border: 2px inset threedlightshadow !important;
    box-sizing: border-box;
    color: -moz-fieldtext !important;
    cursor: default;
    inline-size: 13px;
    padding: 0 !important;
}         
         
 
.loginbox .button {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://i84.servimg.com/u/f84/16/46/77/76/img_0911.png");
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    font-family: "Droid Arabic Kufi";
    font-size: 13px;
    font-weight: normal;
    height: 34px;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 rgb(8, 105, 122);
    width: 102px;

دمتم بخير



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2197
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى