مجتمع ألوآن ~
مجتمع ألوآن ~
أههلا وسههلا بكي في مجتمع ألوان نورتي المجتمع

مجتمع ألوآن ~

أهلآأ و سههلآأ بكـي في مجتمع ألوآن ~
 
الرئيسيةالأحداثالتسجيلدخول


شاطر | 
 

 (JAVASCRIPT) كود معاينة البيانات الشخصيه عند الضغط على اسم العضو

اذهب الى الأسفل 
كاتب الموضوعرسالة
Şώễễŧ
عضوهةُ ~♥ ]
عضوهةُ ~♥ ]


المساهمات : 10
تاريخ التسجيل : 11/06/2018

مُساهمةموضوع: (JAVASCRIPT) كود معاينة البيانات الشخصيه عند الضغط على اسم العضو   الإثنين يونيو 11, 2018 4:46 pm

 

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

اليوم اتيت اليكم بكود جميل جدا الا وهو 

مشاهدة البيانات الشخصيه الخاصه للعضو بمجرد الضغط على اسم العضو 

في اي مكان سواء كانت على الرئيسيه او في الموضوع او غيره 

صورة للكود 


تكبير الصورة معاينة الأبعاد الأصلية.

اقتباس :
https://i.servimg.com/u/f86/19/41/76/98/7410.png




 ناتي لطريقة وضع الكود:

لوحة الاداره>>عناصر إضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>

تفعيل نظام إدارة أكواد Javascript :نعم 

انشاء كود جديد 

العنوان * :حسب ما تريد 
أضف الكود الى :جميع الصفحات

كود Javascript * :


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

تكبير الصورة معاينة الأبعاد الأصلية.

اقتباس :
https://i.servimg.com/u/f86/19/41/76/98/7310.png
منقول للافادة




وبهذا قد انتهى الشرح 

بالتوفيق ليكم 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Şώễễŧ
عضوهةُ ~♥ ]
عضوهةُ ~♥ ]


المساهمات : 10
تاريخ التسجيل : 11/06/2018

مُساهمةموضوع: رد: (JAVASCRIPT) كود معاينة البيانات الشخصيه عند الضغط على اسم العضو   الإثنين يونيو 11, 2018 4:46 pm

بسم الله الرحمن الرحيم
السلام عليكم اخواني واخواتي 
اقدم اليكم اليوم كود معاينة البيانات الشخصيه بشكل احترافي عند الضغط على اسم العضو 



[size]

صوره للكود:

تكبير الصورة معاينة الأبعاد الأصلية.


[/size]


طريقة وضع الكود:
اولا:لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال Css 

الكود:
الكود:
#profile-tip {
position: fixed;
top: 50%;
left: 30%;
background: white;
padding: 10px;
border: 1px solid black;
box-shadow: 0 0 50px black;
border-radius: 20px;
z-index: 9999 !important;
}
#profile-tip .panel {
background: transparent !important;
}
.column2 {
float: none !important;
}
#close-profile {
cursor: pointer;
padding: 5px;
position: absolute;
left: -15px;
top: -25px;
}
#prevBG{background:rgba(0, 0, 0, 0.31);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99!important}
[size]


ثانيا:لوحة الاداره>>عناصر اضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان * : كما تريد 
أضف الكود الى : جميع الصفحات
كود Javascript * :

الكود:
[/size]
الكود:
jQuery(document).ready(function() { jQuery('a[href^="/u"]').click(function(e) {e.preventDefault();  var link = jQuery(this).attr('href'), t = jQuery(this).find('strong').html(); jQuery.get(link + 'rpg',function(data) { var i = jQuery('div.panel div.inner', data).html(); jQuery('body').prepend('<div id="prevBG"></div><div id="profile-tip">    <span id="close-profile"><img src="http://icons.iconarchive.com/icons/gakuseisean/ivista-2/48/Alarm-Error-icon.png" /></span>        <strong><a href="' + link + '">' + t + '</a></strong>' + i + '</div>');
 jQuery("#close-profile").click(function() { jQuery("#prevBG, #profile-tip").fadeOut(); });
 }); }); });




[size]

منقول للافادة وتم التعديل والترجمة من قبلي [/size]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Şώễễŧ
عضوهةُ ~♥ ]
عضوهةُ ~♥ ]


المساهمات : 10
تاريخ التسجيل : 11/06/2018

مُساهمةموضوع: رد: (JAVASCRIPT) كود معاينة البيانات الشخصيه عند الضغط على اسم العضو   الإثنين يونيو 11, 2018 4:46 pm

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



تم ايجاد كود (JAVASCRIPT) يقوم باضافة روابط هامه عند الضغط على اسم العضو على الاقسام فقط 



صورة للكود :



https://i.servimg.com/u/f68/16/46/77/76/uo_ouo84.png



 مشاهدة البيانات الشخصية |

إرسال رسالة خاصة |

إضافة تعليق جديد |

إضافة إلى قائمة الأصدقاء |

إضافة إلى قائمة المنبوذون |




والكود اختصار للوقت والجهد من الذهاب إلى البيانات لكتابة رسالة أو اضافته للاصدقاء




الآن طريقة التركيب




لوحة الادارة >> عناصر إضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript >>






تفعيل نظام إدارة أكواد Javascript :نعم






انشاء كود جديد 






العنوان * : حسب ما تريد 

أضف الكود الى : الصفحة الرئيسية + المنتديات الثانوية






كود Javascript * :

الكود:
الكود:
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:2%;left:40%;right:40%;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;"><center><span id="profileLinks"><br><a href="'+UID+'">مشاهدة البيانات الشخصية</a><span id="interactionLinks"> |<br> <a href="/privmsg?mode=post&u='+UID.replace('/u', '')+'">إرسال رسالة خاصة</a> |<br> <a href="/privmsg?mode=post_profile&u='+UID.replace('/u', '')+'">إضافة تعليق جديد</a> |<br><span"><a href="/profile?friend='+UNM.replace(/ /, "+")+'&mode=editprofile&page_profil=friendsfoes">إضافة إلى قائمة الأصدقاء</a> |<br> <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();});
});
});
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
(JAVASCRIPT) كود معاينة البيانات الشخصيه عند الضغط على اسم العضو
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مجتمع ألوآن ~ :: 。・゜・( خُدٓمَآْتٌ مُنّتَدَآْنَاّ )・゜・。 :: ورشهه لمنتدآككِ !!-
انتقل الى: