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

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

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

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

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

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

مُساهمة من طرف لؤي03 في الأحد 13 مارس 2016 - 12:27

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

رابط الموضوع الذي أخذت منه الكود :
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 في الإثنين 14 مارس 2016 - 16:23 عدل 1 مرات

لؤي03
 
 

ذكر
عدد المساهمات : 413
معدل النشاط : 946

http://bank.ahlamontada.com/

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

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

مُساهمة من طرف ahd allah في الأحد 13 مارس 2016 - 14:52

اخي الفاضل
احذف هذا الكود
ثم ضع هذا الكود في الجافا سكربت  فقد يكون ملائما لطلبك .
الرمز:
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();});
    });
    });


ahd allah
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 1747
معدل النشاط : 3490

http://madany.moontada.net

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

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

مُساهمة من طرف لؤي03 في الأحد 13 مارس 2016 - 23:15

ان الكود لا يعمل

لؤي03
 
 

ذكر
عدد المساهمات : 413
معدل النشاط : 946

http://bank.ahlamontada.com/

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

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

مُساهمة من طرف ahd allah في الأحد 13 مارس 2016 - 23:20

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

ahd allah
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 1747
معدل النشاط : 3490

http://madany.moontada.net

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

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

مُساهمة من طرف لؤي03 في الأحد 13 مارس 2016 - 23:26

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

أرجو ان تجربه في منتداك

لؤي03
 
 

ذكر
عدد المساهمات : 413
معدل النشاط : 946

http://bank.ahlamontada.com/

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

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

مُساهمة من طرف ahd allah في الأحد 13 مارس 2016 - 23:40

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

ahd allah
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 1747
معدل النشاط : 3490

http://madany.moontada.net

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

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

مُساهمة من طرف Mohamed Nsr في الإثنين 14 مارس 2016 - 0:08

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

الرمز:
#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;  
}

Mohamed Nsr
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 12954
معدل النشاط : 12451

http://help.ahlamontada.com/forum

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

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

مُساهمة من طرف لؤي03 في الإثنين 14 مارس 2016 - 1:00

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

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

http://bank.ahlamontada.com/

لؤي03
 
 

ذكر
عدد المساهمات : 413
معدل النشاط : 946

http://bank.ahlamontada.com/

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

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

مُساهمة من طرف Mohamed Nsr في الإثنين 14 مارس 2016 - 1:06

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

Mohamed Nsr
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 12954
معدل النشاط : 12451

http://help.ahlamontada.com/forum

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

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

مُساهمة من طرف لؤي03 في الإثنين 14 مارس 2016 - 11:08

الرمز:
$(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>');    })});

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

لؤي03
 
 

ذكر
عدد المساهمات : 413
معدل النشاط : 946

http://bank.ahlamontada.com/

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

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

مُساهمة من طرف Mohamed Nsr في الإثنين 14 مارس 2016 - 13:46

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

عموما يمكنك استعمال الكود التالي افضل
الرمز:
(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 وهكذا 

بالتوفيق

Mohamed Nsr
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 12954
معدل النشاط : 12451

http://help.ahlamontada.com/forum

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

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

مُساهمة من طرف لؤي03 في الإثنين 14 مارس 2016 - 15:17

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

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

وأعتذر على الإزعاج

لؤي03
 
 

ذكر
عدد المساهمات : 413
معدل النشاط : 946

http://bank.ahlamontada.com/

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

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

مُساهمة من طرف Mohamed Nsr في الإثنين 14 مارس 2016 - 16:01

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

الرمز:
index:40000;width:400px}#fa_quick_login

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

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

Mohamed Nsr
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 12954
معدل النشاط : 12451

http://help.ahlamontada.com/forum

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

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

مُساهمة من طرف لؤي03 في الإثنين 14 مارس 2016 - 16:23

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

الرمز:
index:40000;width:400px}#fa_quick_login

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

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

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

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

لؤي03
 
 

ذكر
عدد المساهمات : 413
معدل النشاط : 946

http://bank.ahlamontada.com/

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

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


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