منتديات واحد مصرىدخول

برامج ، ألعاب ، تنزيل، جافا ، خطوط ، تعليم، شفرات ، دردشة ، توظيف، علوم ، علم، مجاني، اسلاميات ، html ، اشهار ، أرشفة ، صور ، يوتيوب ، نكت


شاطر

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

more_horiz
| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت 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 */


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


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

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