الأحد ديسمبر 02, 2018 10:25 am #1
وضع صورة العضو صاحب اخر مساهمه في القسم في خانة "اخر مساهمه في الرئيسيه" أسم العضو : أفندينا هل ترغب في التعليق على رسالة العضو أفندينا ؟
وضع صورة العضو صاحب اخر مساهمه في القسم في خانة "اخر مساهمه في الرئيسيه" السلام عليكم ورحمة الله وبركاته اليوم اتيت لكم بكود جميل جدا الا وهو وضع صورة العضو صاحب اخر مساهمه في القسم في خانة "اخر مساهمه في الرئيسيه" الان طريقة وضع الكود : اولا في الجافا لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد العنوان:كما تريد اضف الكود الى:جميع الصفحات كود Javascript * : الكود: $(function(){ if(!window.localStorage) return; // Avatar por defecto var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png'; // Tiempo de cache, aqui 24 h * 60 m * 60 s * 1000 ms entonces un dيa var caching_time= 24*60*60*1000; // Tiempo de cache de un error, ici 60 s * 1000 ms entonces un minuto var caching_error= 60*1000; var set_avatar= function(id) { $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />'); }; var get_avatar= function(id) { if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error)) { localStorage.setItem('d_ava'+id, default_avatar); $.get('/u'+id, function (d){ localStorage.setItem('t_ava'+id,+new Date); localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar); set_avatar(id); }); } return localStorage.getItem('d_ava'+id); }; var to_replace= {}; $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){ to_replace[$(this).attr('href').substr(2)]= 1; $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>'); }); for(i in to_replace) { set_avatar(i); }; });
ثانيا اكواد ال css لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الوان>>ورقة تصميم ال css وضع الكود التالي: الكود: .mini_ava { float: left; } .mini_ava img { width: 40px; height: 40px; margin: 0 5px; border-radius: 10px; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } .mini_ava img:hover { width: 80px; height: 80px; }
الى هنا انتهى الشرح الموضوع الاصلي : منتدى الدعم و المساعدة
تعليمات المشاركةلاتستطيع الرد على المواضيع في هذا المنتدى
كود HTML معطلة
إحصائيات المنتدى أفضل الاعضاء هذا الشهر أخر المشاركات