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

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


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

شكل العارضة الجديد به خلل [كود]

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

معلومة شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف لؤي03 في 2016-03-13, 1:27 pm

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

رابط الموضوع الذي أخذت منه الكود :
http://help.ahlamontada.com/t1069783-topic

والكود هو :

الكود:
#fa_toolbar {
    background-color: transparent !important;  
}
#fa_right {
    background-color: #657488;  
    border-radius: 0 0 40px 40px;  
    padding-left: 10px;  
    padding-right: 10px;
    position: relative;  
    right: 20px;
}
 
#fa_left {
    background-color: #657488;  
    border-radius: 0 0 0 40px;  
    position: relative;  
    left: 20px;  
    margin-top: -1px;  
    padding-left: 10px;
    padding-right: 10px;  
}
 
#fa_search {
    background-color: #657488;  
    margin-top: -1px;  
    padding-left: 10px;
    padding-right: 10px;  
}
 
#fa_share {
    background-color: #657488;  
    border-radius: 0 0 40px;
    position: relative;  
    left: -20px;
    margin-top: -1px;  
    padding-left: 10px;
    padding-right: 10px;  
}



هو الكود رقم 3 لكن أنا غيرت لون العارضة

ندخل على الموضوع : المشكلة هي بعد ما ركبت الكود ودخلت على العضوية عندما أضغط على مرحبا زائر القائمة لا تظهر على اليسار بل تظهر على اليمين ولا تظهر كاملة

صورة للمشكلة : 



عدل سابقا من قبل لؤي03 في 2016-03-14, 5:23 pm عدل 1 مرات
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1332
السُمعة : 3

http://bank.ahlamontada.com/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف Ahd allah في 2016-03-13, 3:52 pm

اخي الفاضل
احذف هذا الكود
ثم ضع هذا الكود في الجافا سكربت  فقد يكون ملائما لطلبك .
الكود:
jQuery(function () {
    jQuery('li.row a[href*="/u"], .img-whois+p a[href*="/u"], .page-bottom a[href*="/u"], .postprofile a[href*="/u"], p.author a[href*="/u"], form:has(.vf_jumpbox)~a[href*="/u"], .tcr a[href*="/u"], #stats a[href*="/u"], #onlinelist a[href*="/u"], .tcl.tdtopics a[href*="/u"], .pun .user a[href*="/u"], .ipbtable .row1 a[href*="/u"], #fo_stat a[href*="/u"], .activeusers-box a[href*="/u"], td.row3.over a[href*="/u"], .forumline:has(#i_whosonline) a[href*="/u"], span.name a[href*="/u"], span.postdetails a[href*="/u"], #info_open a[href*="/u"]').attr('id', 'profilePopup').click(function(){return false});
    jQuery('a[href*="/u"]:has(img)').removeAttr('id').click( function(){window.open(jQuery(this).attr('href'),'_self');});
    jQuery('a#profilePopup').click(function(){
    var UID = jQuery(this).attr('href');
    var UNM = jQuery(this).text();
    jQuery('body').append('<div id="profilefilter" style="position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div><div id="profcont-container" style="background:#D1D1D1;top:20%;left:15%;right:15%;padding:4px;position:fixed;font-size:12px;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;z-index:50;"><div id="userprofile" style="max-height:400px;overflow-y:auto;"><center><span class="profileLoading" style="font-weight:bold;font-size:18px;">Loading...</span></center></div><span id="profileLinks"><a href="'+UID+'">مشاهدة البيانات الشخصية</a><span id="interactionLinks"> | <a href="/privmsg?mode=post&u='+UID.replace('/u', '')+'">ارسال رسالة خاصة</a> | <a href="/privmsg?mode=post_profile&u='+UID.replace('/u', '')+'">إضافة تعليق جديد</a>|<span style="float:right;"><a href="/profile?friend='+UNM.replace(/ /, "+")+'&mode=editprofile&page_profil=friendsfoes">اضافة الى قائمة الاصدقاء</a> | <a href="/profile?foe='+UNM.replace(/ /, '+')+'&mode=editprofile&page_profil=friendsfoes">اضفة الى قائمة المنبوذون</a>|</span></span></div>');
    jQuery('#userprofile').load(UID + '#cp-main .panel, .forumline:has(#profile-advanced-details), .clear + #profile-advanced-details');
    if (!document.getElementById('logout')){jQuery('#interactionLinks').remove();}
    jQuery('#profilefilter').click(function () {jQuery('#profilefilter, #profcont-container').remove();});
    });
    });

avatar
Ahd allah
 
 

ذكر
عدد المساهمات : 3026
معدل النشاط : 5268
السُمعة : 209

http://madany.moontada.net

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف لؤي03 في 2016-03-14, 12:15 am

ان الكود لا يعمل
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1332
السُمعة : 3

http://bank.ahlamontada.com/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف Ahd allah في 2016-03-14, 12:20 am

ابحث في ورقة التصميم عن كود مشابه واحذقه اولا
وضع هذا الكود في الجافا
فالكود يعمل جيدا جدا .
بالتوفيق
avatar
Ahd allah
 
 

ذكر
عدد المساهمات : 3026
معدل النشاط : 5268
السُمعة : 209

http://madany.moontada.net

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف لؤي03 في 2016-03-14, 12:26 am

لكن هذا ما فعلته

أرجو ان تجربه في منتداك
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1332
السُمعة : 3

http://bank.ahlamontada.com/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف Ahd allah في 2016-03-14, 12:40 am

هههههههههه
حبيبي : هو بالفعل الموجود عندنا .
بالتوفيق
avatar
Ahd allah
 
 

ذكر
عدد المساهمات : 3026
معدل النشاط : 5268
السُمعة : 209

http://madany.moontada.net

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف Mohamed Nsr في 2016-03-14, 1:08 am

استبدل الكود اللي لديك بهذا

الكود:
#fa_toolbar {
    background-color: transparent !important;  
}
#fa_right {
    background-color: #657488;  
    border-radius: 0 0 40px 40px;  
    padding-left: 10px;  
    padding-right: 10px;
    right: 20px;
}
 
#fa_left {
    background-color: #657488;  
    border-radius: 0 0 0 40px;  
    position: relative;  
    left: 20px;  
    margin-top: -1px;  
    padding-left: 10px;
    padding-right: 10px;  
}
 
#fa_search {
    background-color: #657488;  
    margin-top: -1px;  
    padding-left: 10px;
    padding-right: 10px;  
}
 
#fa_share {
    background-color: #657488;  
    border-radius: 0 0 40px;
    position: relative;  
    left: -20px;
    margin-top: -1px;  
    padding-left: 10px;
    padding-right: 10px;  
}




 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
 لا يتم المساعدة على الخاص! 


avatar
Mohamed Nsr
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 13559
معدل النشاط : 13124
السُمعة : 452

https://www.egylive.org/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف لؤي03 في 2016-03-14, 2:00 am

جزاك الله الف خير الكود يعمل لكن فيه مشكلة بسييطة

انا ركبت كود تسجيل الدخول من العارضة شوف الجزء اللي على اليمين لمن ترفع العارضة كيف يظهر

http://bank.ahlamontada.com/
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1332
السُمعة : 3

http://bank.ahlamontada.com/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف Mohamed Nsr في 2016-03-14, 2:06 am

ممكن الكود الدخول الذي ركبته  Cool




 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
 لا يتم المساعدة على الخاص! 


avatar
Mohamed Nsr
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 13559
معدل النشاط : 13124
السُمعة : 452

https://www.egylive.org/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف لؤي03 في 2016-03-14, 12:08 pm

الكود:
$(function(){$(function(){                      $('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith('<form action="/login.forum" method="post"><input class="fa_login"type="text" name="username" maxlength="50" placeholder="اسم المستخدم" /><input class="fa_login" type="password" name="password" maxlength="50" placeholder="كلمة السر"/><input type="submit" name="login" id="fa_enter" value="دخول"/></form>');    })});

يوضع في الجافا سكريبت جميع الصفحات
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1332
السُمعة : 3

http://bank.ahlamontada.com/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف Mohamed Nsr في 2016-03-14, 2:46 pm

هو الكود الذي يسبب المشكله 

عموما يمكنك استعمال الكود التالي افضل
الكود:
(function() {
  var lang = {
    title : 'الرجاء ادخال اسم الاشتراك وكلمة السر للدخول.',
    username : 'اسم العضو: ',
    password : 'كلمة السر: ',
    automatic : 'ادخلني بشكل آلي عند زيارتي مرة اخرى : ',
    login : 'دخول',
    register : 'التسجيل',
    forgot : 'نسيت كلمة السر',
  
    redirect : 'window.location.href' // page the user is redirected to upon login
  };
 
  // quick login theme
  document.write('<style type="text/css">#fa_quick_login{color:#333;font-size:13px;font-family:Arial,Verdana,Sans-serif;background:#FFF;border:1px solid #CCC;border-radius:3px;box-shadow:0 6px 12px rgba(0,0,0,.175);margin-top:20px;position:fixed;z-index:40000;width:400px}#fa_quick_login:before{content:url(http://i21.servimg.com/u/f21/18/21/41/30/arr10.gif);position:absolute;right:15px;top:-10px}#fa_right a.rightHeaderLink[href$="/login"]{padding:0 6px}#fa_right a.rightHeaderLink.fa_login_actif{color:#333!important;background-color:#FFF!important}#fa_quick_login a.gensmall{color:#069}#fa_quick_login a.gensmall:hover{color:#333}#fa_quick_login input{color:#333;background:#FFF;border:1px solid #CCC;border-radius:3px;padding:3px;margin:2px;cursor:text}#fa_quick_login input:hover{border-color:#39C}#fa_quick_login input:focus{border-color:#333;outline:0}#fa_quick_login input.mainoption{color:#39C;border:1px solid #39C;background:0 0;font-weight:700;display:block;width:100%;padding:6px 3px;margin-top:10px;cursor:pointer;transition:300ms}#fa_quick_login input.mainoption:hover{color:#FFF;background:#39C}#fa_quick_login input.mainoption:focus{color:#FFF;background:#8B5;border-color:#8B5}#fa_quick_login table.forumline,#fa_quick_login td,#fa_quick_login th,#fa_quick_login tr{border:none!important;background:0 0!important;border-radius:0!important;white-space:normal}#fa_quick_login .thHead{color:#333;font-size:13px;font-family:"Trebuchet MS",Arial,Verdana,Sans-serif}#fa_quick_login td{font-size:13px;padding:3px}</style>');
 
  $(function() {
    if (!_userdata.session_logged_in && _userdata.activate_toolbar) {
      var container = document.createElement('DIV');
      container.id = 'fa_quick_login';
      container.style.display = 'none';
      container.innerHTML = '<form action="/login" method="post" name="form_login"><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="4" align="center"><tbody><tr><th colspan="3" class="thHead" nowrap="nowrap" height="25">' + lang.title + '</th></tr><tr><td width="100%" align="center" class="row1"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><td class="row1 align_gauche"><table width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr><td class="align_droite" width="50%"><span class="gen">' + lang.username + '</span></td><td width="50%"><input type="text" name="username" value="" size="25" maxlength="40"></td></tr><tr><td class="align_droite"><span class="gen">' + lang.password + '</span></td><td><input type="password" name="password" size="25" maxlength="32"></td></tr><tr align="center"><td colspan="2"><span class="gen">' + lang.automatic + '<input type="checkbox" name="autologin" checked="checked"></span></td></tr><tr align="center"><td colspan="2"><input type="hidden" name="redirect" value="' + lang.redirect + '"><input type="hidden" name="query" value=""><input type="hidden" name="tt" value="1"><input class="mainoption" type="submit" name="login" value="' + lang.login + '"></td></tr><tr align="center"><td colspan="2"><br><span class="gensmall"><a class="gensmall" href="/register">' + lang.register + '</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a class="gensmall" href="/profile?mode=sendpassword">' + lang.forgot + '</a></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></form>';
      document.body.appendChild(container);
 
      $(function() {
        var right = document.getElementById('fa_right');
 
        if (right) {
          right.firstChild.onclick = function() {
            var login = document.getElementById('fa_quick_login'), offset = this.getBoundingClientRect(), loffset;
 
            if (login) {
              if (/none/.test(login.style.display)) {
                login.style.display = '';
              
                loffset = login.getBoundingClientRect();
                login.style.top = offset.top + 30 + 'px';
                login.style.left = offset.left - ((loffset.right - loffset.left) - (offset.right - offset.left)) + 'px';
              
                login.getElementsByTagName('FORM')[0].username.focus();
                this.className += ' fa_login_actif';
              } else {
                login.style.display = 'none';
                this.className = this.className.replace(/fa_login_actif/, '');
              }
            }
          
            return false;
          };
        }
      });
    }
  });
}());

سيكون بالشكل التالي 



وايبضا هناك خاصيه في الكود وهي توجيه للعضو بعد الدخول للصفحه التي تريدها عن طريق هذا الجزئيه من الكود
الكود:
    redirect : 'window.location.href' // page the user is redirected to upon login

كل ما عليك هو تغيير window.location.href بالمكان الذي تريد ان يتوجه اليه العضو عند تسجيل الدخول مثلا لو كانت اليوميه ده مثلا ده رابط اليوميه
http://help.ahlamontada.com/calendar

كل ما عليك هو ان تأخذ هذه /calendar وتضعها مكان window.location.href وايضا بالنسبه للبوابه تأخذ /portal وتضعها مكان window.location.href وهكذا 

بالتوفيق




 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
 لا يتم المساعدة على الخاص! 


avatar
Mohamed Nsr
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 13559
معدل النشاط : 13124
السُمعة : 452

https://www.egylive.org/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف لؤي03 في 2016-03-14, 4:17 pm

أرجو منك معاينة مربع الدخول عندي : http://bank.ahlamontada.com/

اختار احدى الامرين :
1- تصغر زر (دخول) وخانات البيانات
2- تكبر عرض المربع

وأعتذر على الإزعاج
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1332
السُمعة : 3

http://bank.ahlamontada.com/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف Mohamed Nsr في 2016-03-14, 5:01 pm

يمكنك تكبيير عرض الصندوق عن طريق كود ال css الموجود في الجافا

الكود:
index:40000;width:400px}#fa_quick_login

وافضل ان تكون 500 لاني جربت على 500 واصبح الصندوق بشكل جيد 

كما ترى في الصوره هنا 




 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
 لا يتم المساعدة على الخاص! 


avatar
Mohamed Nsr
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 13559
معدل النشاط : 13124
السُمعة : 452

https://www.egylive.org/

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

معلومة رد: شكل العارضة الجديد به خلل [كود]

مُساهمة من طرف لؤي03 في 2016-03-14, 5:23 pm

@Mohamed Nsr كتب:يمكنك تكبيير عرض الصندوق عن طريق كود ال css الموجود في الجافا

الكود:
index:40000;width:400px}#fa_quick_login

وافضل ان تكون 500 لاني جربت على 500 واصبح الصندوق بشكل جيد 

كما ترى في الصوره هنا 

جزاك الله ألف خير شكرراً شكرراً لكك  جازاك الله خيراً

تم الحل :)  :تحية مع الشكر:
avatar
لؤي03
 
 

ذكر
عدد المساهمات : 418
معدل النشاط : 1332
السُمعة : 3

http://bank.ahlamontada.com/

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

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


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