احلي بيت




تحميل برامج, تصميم صور وعروض اشراف ومسابقات, ومعلومات عامة, اسلاميات, معاني الاسماء
 
الرئيسيةالبوابةس .و .جبحـثالتبادل الاعلانيالتسجيلدخول
أهلا بك من جديد يا http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifزائر http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif آخر عضو مسجل http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif naz http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifفمرحباً به

شاطر | 
 

 (JAVASCRIPT+Css)كود معاينة البيانات الشخصيه بشكل احترافي

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

avatar

انثى
عدد المساهمات : 11990
تاريخ التسجيل : 20/05/2010





http://a7labeet.ba7r.org
مُساهمةموضوع: (JAVASCRIPT+Css)كود معاينة البيانات الشخصيه بشكل احترافي   الأربعاء 22 يوليو 2015, 3:39 pm

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


صوره للكود:



طريقة وضع الكود:
اولا:لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال 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}

طريقة وضع الكود:
اولا:لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال 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}

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

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(); });
 }); }); });













لمراسلة الادارة اتصل بنا واضغط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



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

avatar

ذكر
عدد المساهمات : 125
تاريخ التسجيل : 10/08/2015
العمر : 46


http://anwarbasal.alamuntada.com/
مُساهمةموضوع: رد: (JAVASCRIPT+Css)كود معاينة البيانات الشخصيه بشكل احترافي   الأربعاء 12 أغسطس 2015, 12:04 am


انجاز رائع ومواضيع مميزة وابداع راقي
سلمتم وسلمت الايادي التي شاركت وساهمت في هذا الطرح الجميل
بارك الله بكم ولا تحرمونا من ابداعاتكم وتميزكم المتواصل
واصلوا في كل ما هو جديد ومفيد لديــــــــــــــكم
فنحن بانتظار جديدكم الرائع والجميــــــل
كوجودكم المتواصل والجميل

اخوكم انور ابو البصل

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
(JAVASCRIPT+Css)كود معاينة البيانات الشخصيه بشكل احترافي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
احلي بيت :: أكــــواد للمنـــتديات :: أكواد الجافا إسكريبت JAVA-