شاطر
اذهب الى الأسفل
avatar
Administrator
مشآرڪآتي: : 1729 نقآطيّ ›› *: : 58735 تاريخ الميلاد : 25/05/1995 تاريخ التسجيل : 22/06/2011 العمر : 23 الموقع : egy4u.yoo7.com
معاينة صفحة البيانات الشخصي للعضوhttp://egy4u.yoo7.com

كود الدخول بتقنية جديدة و مدعومة بــ Javascript

في الثلاثاء ديسمبر 27, 2011 7:54 pm
| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت azoza4all من كل مكان

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

مميزاته :

الكود

لا يأثر على منظر المنتدى ولاكن يوجد نافذة صغيرة الحجم وقت الضغط عليها
تنزل نافذة التسجيل بطريقة مميزة و مدعومة بجافا سكربت مع العلم الكود و
الفكرة من اخوكم سام حميد


|صورة للمعينة الكود |

هاد الصورة ظهور نافذة التسجيل قبل الضغط عليها





و هاد الصورة نافذة التسجيل بعد الضغط عليها و كيفكة ظهورها




الخطوى الأولى :-

شرح تركيب الكود :

لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --overall_header

و نقوم بالبحث عن الكود التالي :
731209 731209



و أسفله تماما نضع هاد الكود التالي :

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
731209 731209


و من ثم نضغط سجل

ملاحظة ما تنسو تعملو نشر للقالب



الخطوة الثانية :

ليشتغل ستايل الكود علينا تركيب الكود التالي في صفحة الأنماط الأنسيابية

لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
ذ
الكود:
 /* code by asm hameed */

    html, body {
    border: 0; margin: 0; padding: 0;
    }
    #login_panel {
    top: 0px;
    position: absolute ;
    width: 100% ;
    z-index: 999;
    }
    #container {
    width: 100%;
    height: 100%;
    text-align: center;
    }
    /* code by asm hameed */
    /* Login Panel */
    #top {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/login_10.png) repeat-x 0 0;
    height: 38px;
    position: relative;
    }
    #top ul.login {
    display: block;
    position: relative;
    float: right;
    clear: right;
    height: 38px;
    width: auto;
    font-weight: bold;
    line-height: 38px;
    margin: 0;
    right: 150px;
    color: white;
    font-size: 80%;
    text-align: center;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/login_11.png) no-repeat right 0;
    padding-right: 45px;
    }
    #top ul.login li.left {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/login_12.png) no-repeat left 0;
    height: 38px;
    width: 45px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    }
    #top ul.login li {
    text-align: left;
    padding: 0 6px;
    display: block;
    float: left;
    height: 38px;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/login_13.png) repeat-x 0 0;
    }
    #top ul.login li a {
    color: #33CCCC;
    }
    #top ul.login li a:hover {
    color: white;
    }
    /*Login*/
    /* code by asm hameed */
    #login {
    width: 100%;
    color: white;
    background: #333333;
    overflow: hidden;
    position: relative;
    z-index: 3;
    height: 0;
    }
    #login a {
    text-decoration: none;
    color: #33CCCC;
    }
    #login a:hover {
    color: white;
    }
    #login .loginContent {
    width: 700px;
    margin:5px auto;
    text-align: left;
    font-size: 0.85em;
    }
    #login .loginContent .left {
    width: 100px;
    float: left;
    padding-left: 120px;
    font-size: 0.95em;
    }
    #login .loginContent .right {
    width: 350px;
    float: right;
    text-align: right;
    padding-right: 90px;
    font-size: 0.95em;
    }
    #login .loginContent form {
    margin: 0 0 10px 0;
    height: 26px;
    }
    #login .loginContent input.field {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px #5e5e5e solid;
    background: #464646;
    margin-right: 5px;
    margin-top: 4px;
    color: white;
    height: 16px;
    }
    #login .loginContent input:focus.field {
    background: #777777;
    }
    #login .loginContent input.rememberme {
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    }
    #login .loginContent input.button_login {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #4d4d4d;
    color: #a8a8a8;
    cursor: pointer;
    border: 1px solid #5e5e5e;
    }
    #login .loginContent input.button_login:hover {
    color: #d2d2d2;
    border: 1px solid #7f7f7f;
    }
    #toggleLogin {
    text-decoration: none;
    }
/* code by asm hameed */

و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله ..


avatar
مشآرڪآتي: : 1 نقآطيّ ›› *: : 20301 تاريخ الميلاد : 03/05/1991 تاريخ التسجيل : 10/01/2016 العمر : 27
معاينة صفحة البيانات الشخصي للعضو

رد: كود الدخول بتقنية جديدة و مدعومة بــ Javascript

في الأحد يناير 10, 2016 6:15 pm
شكرا
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى