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

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

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

رابط الموضوع الذي أخذت منه الكود :
https://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 لكن أنا غيرت لون العارضة

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

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

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

من طرف 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();}); }); });

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

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

من طرف Ahd allah الأحد 13 مارس 2016 - 23:20

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

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

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

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

من طرف Ahd allah الأحد 13 مارس 2016 - 23:40

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

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

الكود:: #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; }

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

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

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

http://bank.ahlamontada.com/

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

الكود:: $(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>'); })});

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

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

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

الكود:: (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>  |  <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; }; } }); } }); }());

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

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

وايبضا هناك خاصيه في الكود وهي توجيه للعضو بعد الدخول للصفحه التي تريدها عن طريق هذا الجزئيه من الكود

الكود:: redirect : 'window.location.href' // page the user is redirected to upon login

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

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

بالتوفيق

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

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

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

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

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

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

كما ترى في الصوره هنا
شكل العارضة الجديد به خلل [كود] 878710

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

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

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

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

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