منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم
لقد نسيت كلمة السر
منتديات تقنيات
1 / 4
تقنيات حصرية
2 / 4
اطلب استايلك مجانا
3 / 4
استايلات تومبلايت جديدة
4 / 4
دروس اشهار الموقع



جافا سكريبت + css اظهار صور العضو باي مكان تريدة



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

جافا سكريبت + css اظهار صور العضو باي مكان تريدة

مُساهمة  في 07/10/16, 09:29 pm

جافا سكريبت + css اظهار صور العضو باي مكان تريدة
السلام عليكم ورحمة الله وبركاته
كود جافا سكربت يقوم باظهار صورة الشخصية العضو المتصل
صورة للامر

الكود جافا سكريبت يتم اضافته  بقالب
overall_header
ونبحث عن
</head>
ونضع اعلاه كود جافا سكريبت

الرمز:

<script type="text/javascript">
jQuery(document).ready(function() {
                $('#aa').before('<div id="av_quickreply"></div>');
                if(typeof(_userdata)!="undefined") {
                $('#av_quickreply').html(_userdata['avatar']);
                }
                else {
                $('#av_quickreply').load('/profile?mode=editprofile&page_profil=avatars #register .forumline .row1 img');
                }
                });
</script>

ثم نضيف الكلاس الاتي باي مكان تريدة بقالب التومبلايت

الرمز:

<div id="aa">
   </div>

نضيف الان ورقة css بورقة css
من مظهر المنتدى . صور والوان . الوان . ورقة css

الرمز:

#aa {
    float: left;
}
#av_quickreply img {
    border: 1px solid #000;
    border-radius: 100px;
    height: 80px;
    text-align: right;
    width: 80px;
    float: right;
    margin-top: 60px;
    margin-right: 95px;
}

فقط ومبروك الخاصية ^_^
شرح تم من جرح


عدل سابقا من قبل JAR7 في 07/10/16, 09:37 pm عدل 1 مرات



JAR7
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 2339
التقييم : 299
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: جافا سكريبت + css اظهار صور العضو باي مكان تريدة

مُساهمة  في 07/10/16, 09:33 pm

جميل جدا اختي الغالية
بارك الله فيك على جديدكي

YaSsInE BaBLiL
عضو نشيط


عدد المساهمات : 65
التقييم : 8
تاريخ التسجيل : 27/02/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: جافا سكريبت + css اظهار صور العضو باي مكان تريدة

مُساهمة  في 08/10/16, 03:52 am

روعة بارك الله فيك اختي على العطاء



BAZOKA Libya
عضو نشيط


الجنس : ذكر
عدد المساهمات : 59
التقييم : 30
تاريخ الميلاد : 14/01/1996
تاريخ التسجيل : 07/10/2016
العمر : 21
الموقع : ليبيا
العمل/الترفيه : Developper & Coder
المزاج : الحمد لله
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://www.techno-livya.ga/

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

رد: جافا سكريبت + css اظهار صور العضو باي مكان تريدة

مُساهمة  في 07/12/16, 09:36 pm

منورين جميعا



JAR7
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 2339
التقييم : 299
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: جافا سكريبت + css اظهار صور العضو باي مكان تريدة

مُساهمة  في 08/12/16, 01:07 am

شكرا لجهودك الطيبة
مزيدا من التالق



Delta
عضو نشيط


الجنس : ذكر
عدد المساهمات : 180
التقييم : 12
تاريخ التسجيل : 05/03/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: جافا سكريبت + css اظهار صور العضو باي مكان تريدة

مُساهمة  في 01/01/17, 04:42 pm

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي

Judy
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 560
التقييم : 23
تاريخ التسجيل : 23/04/2016

معاينة صفحة البيانات الشخصي للعضو

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

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

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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