منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

نافذة تسجيل الدخول متطورة

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

تم الحل نافذة تسجيل الدخول متطورة

مُساهمة من طرف روبي ديزاين في السبت 3 يونيو 2017 - 5:25

سلام عليكم 
ارغب بان تظهر عندي هذه النافذة المبثقة عند التسجيل 



فهل من مساعده جزاكم الله خيرا


عدل سابقا من قبل روبي ديزاين في الأحد 4 يونيو 2017 - 3:43 عدل 1 مرات
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 326
معدل النشاط : 526
السُمعة : 18

https://www.roubi-des.com

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف OuSsaMa BeDdAi في السبت 3 يونيو 2017 - 20:20

طريقة التركيب مكونة من خطوتين 
اولا :
لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل اكواد javascript
اختار نعم وسجل ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي :
الكود:
$(function() {
    if (_userdata["session_logged_in"] == "0") {
        /* PERSONNALISATION DES TEXTES */
        var txt_username = "Username",
            txt_password = "Password",
            txt_login = "Log In",
            txt_remember = "Log in automatically",
            txt_guest = "Have you not registered yet ?",
            txt_create = "Register",
            txt_lost = "Have you forgotten your password ?",
            txt_recover = "Retrieve it";
        /* END OF PERSONALISATION - Do not modify the code below */
 
        $('body').prepend('<div id="quickloginform_overlay" style="display:none;z-index:2147483647"></div><div id="quickloginform" style="display:none;z-index:2147483647"><form id="fa-login-form" class="login-form" name="form_login" method="post" action="/login"><input type="text" maxlength="40" name="username" placeholder="' + txt_username + '" required=""><input type="password" maxlength="32" name="password" placeholder="' + txt_password + '" required=""><button name="login">' + txt_login + '</button><label><p>' + txt_remember + ' <input type="checkbox" style="vertical-align: middle;" name="autologin"></p></label><p style="float:left; text-align:left;">' + txt_guest + '<br><a href="/register">' + txt_create + '</a></p><p style="float:right; text-align:right;">' + txt_lost + '<br><a href="/profile?mode=sendpassword">' + txt_recover + '</a></p><div style="clear:both;"></div><input name="redirect" value="' + window.location.pathname + '" type="hidden"></form></div>');
 
        $('a[href*="/login"]').click(function() {
            $('#quickloginform, #quickloginform_overlay').fadeIn();
            $('#quickloginform input[name="username"]').focus();
            return false;
        });
 
        $(document).click(function(e) {
            if ($(e.target).closest('#quickloginform form').length === 0) {
                $('#quickloginform, #quickloginform_overlay').fadeOut();
            }
        });
        $(document).keyup(function(e) {
            if (e.keyCode == 27) {
                $('#quickloginform, #quickloginform_overlay').fadeOut();
            }
        });
    }
});
الخطوة الثانية :
 مظهر المنتدى. صور والوان. الوان. ورقة css 
وضيف الكودد ده :
الكود:
#quickloginform_overlay {
  background-color:#333;
  height:100%;
  left:0;
  opacity:0.7;
  position:fixed;
  top:0;
  width:100%;
}
#quickloginform {
  height:100%;
  position:fixed;
  top:20%;
  width:100%;
}
#quickloginform>form {
  background-color:#fff;
  box-sizing:border-box;
  margin:auto;
  padding:20px 30px;
  width:360px;
  border-radius:3px;
}
#quickloginform input[type="password"],#quickloginform input[type="text"] {
  background:#f2f2f2 none repeat scroll 0 0;
  border:0 none;
  box-sizing:border-box;
  font-family:"Helvetica";
  font-size:14px;
  margin:0 0 15px;
  outline:0 none;
  padding:15px;
  width:100%;
}
#quickloginform button {
  background-color:#369fcf;
  border:0 none;
  color:#ffffff;
  cursor:pointer;
  font-family:"Helvetica";
  font-size:14px;
  outline:0 none;
  padding:15px;
  text-transform:uppercase;
  width:100%;
}
#quickloginform p:nth-child(n) {
  margin-bottom:0;
  margin-top:20px;
  text-align:center;
}
#quickloginform form p {
  color:#b3b3b3;
  font-size:11px;
}
#quickloginform form a {
  color:#2b86b3;
  text-decoration: none;
}
Cool
avatar
OuSsaMa BeDdAi
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 147
معدل النشاط : 252
السُمعة : 10

http://mercato.0wn0.com/

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف روبي ديزاين في السبت 3 يونيو 2017 - 21:54

اخي جربتها لكنها ليست كما ارغب كما انك اذا ضغطت عليها تختفي 
يمكنك المعانية من المنتدى 
http://roubi-des.yoo7.com
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 326
معدل النشاط : 526
السُمعة : 18

https://www.roubi-des.com

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف OuSsaMa BeDdAi في السبت 3 يونيو 2017 - 23:18

اعطيني لوحة بجرب
avatar
OuSsaMa BeDdAi
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 147
معدل النشاط : 252
السُمعة : 10

http://mercato.0wn0.com/

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف روبي ديزاين في الأحد 4 يونيو 2017 - 1:59

اخي انت مفعل كمدير الرجاء التعديل
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 326
معدل النشاط : 526
السُمعة : 18

https://www.roubi-des.com

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف OuSsaMa BeDdAi في الأحد 4 يونيو 2017 - 2:15

تم الاصلاح ,, تأكدي
avatar
OuSsaMa BeDdAi
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 147
معدل النشاط : 252
السُمعة : 10

http://mercato.0wn0.com/

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف روبي ديزاين في الأحد 4 يونيو 2017 - 3:16

تم لكنها غير معربة
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 326
معدل النشاط : 526
السُمعة : 18

https://www.roubi-des.com

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف روبي ديزاين في الأحد 4 يونيو 2017 - 3:17

سؤال هل هاذا الكود يؤثر على الكود تبع صندوق الرد اللي عطيتوني ياه قبل شوي كان شغال تمام بس هسه ماصار مبين ؟؟؟
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 326
معدل النشاط : 526
السُمعة : 18

https://www.roubi-des.com

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف OuSsaMa BeDdAi في الأحد 4 يونيو 2017 - 3:21

جوري ولا معتصم قوليلو يعربها لك
المهم تم الحل اضغطي على ايقونة تم الحل
avatar
OuSsaMa BeDdAi
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 147
معدل النشاط : 252
السُمعة : 10

http://mercato.0wn0.com/

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف OuSsaMa BeDdAi في الأحد 4 يونيو 2017 - 3:22

@روبي ديزاين كتب:سؤال هل هاذا الكود يؤثر على الكود تبع صندوق الرد اللي عطيتوني ياه قبل شوي كان شغال تمام بس هسه ماصار مبين ؟؟؟
هتأكد
avatar
OuSsaMa BeDdAi
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 147
معدل النشاط : 252
السُمعة : 10

http://mercato.0wn0.com/

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف OuSsaMa BeDdAi في الأحد 4 يونيو 2017 - 3:27

تم تعديل الصندوق
avatar
OuSsaMa BeDdAi
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 147
معدل النشاط : 252
السُمعة : 10

http://mercato.0wn0.com/

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

تم الحل رد: نافذة تسجيل الدخول متطورة

مُساهمة من طرف روبي ديزاين في الأحد 4 يونيو 2017 - 3:41

اوكي تم الحل شكرا لك اخي
avatar
روبي ديزاين
 
 

انثى
عدد المساهمات : 326
معدل النشاط : 526
السُمعة : 18

https://www.roubi-des.com

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

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


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