-

جديد اليوم على ليالي مصرية

الرئيسيةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول


تم النشر بقلم :Yassine Bablil:30/10/15, 02:57 pm - -

 المشاركة رقم: #1
مصراوي مفيش منه
تواصل معى
معاينة صفحة البيانات الشخصي للعضو
بيانات اضافيه [+]
 الجنس : ذكر
 عدد الرسائل : 107
 نقاط : 2443
 تاريخ التسجيل : 26/10/2015
 رأيك في العضو/هـ : 0
لوني المفضل : Tomato
(تومبيلت) إضافة صورة الشخصية للعضو في شريط آخر المواضيع حصريا
بسم الله الرحمان الرحيم

نعرض لكم اليوم كود جديد وجميل وهو عرض صورة الشخصية في شريط آخر المواضيع حصريا

صورة للكود


http://i21.servimg.com/u/f21/18/04/55/46/12110.png

طريقة التركيب سهلة جدا

 الخطوة الأولى :  
لوحة الإدارة > مظهر المنتدى > التومبيلات و القوالب > البوابة > نضغط تعديل  على قالب mod_recent_topics


نبحث عن الكود :

الكود:
            <!-- BEGIN recent_topic_row -->
           
» <a href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br
 />
            <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

ونستبدل الكود بالتالي :

الكود:
           <!-- BEGIN recent_topic_row -->
       
<div class="yassine_bablil">» <a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br
 />
           <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;</div>

 لخطوة التانية :  
لوحة الإدارة > عناصر إضافية > إدارة أكواد Javascript > إنشاء كود جديد

العنوان : لك حرية اختيار الاسم الدي تريده
نحدد : جميع الصفحات 
ونضع الكود التالي في المحتوى

الكود:
$(function(){$(function(){$('.yassine_bablil').prepend('<span class="rt_avatar">'+_userdata.avatar+'</span>')})});

 الخطوة الثالثة :  
لوحة الإدارة > مظهر المنتدى > ألوان > ورقة تصميم css

ونضيف الكود التالي

الكود:
        .rt_avatar img {
            border-radius: 3px;
            height: 25px;
            margin-bottom: -6px;
            width: 25px;
        }

نتهينا من تركيب الكود ومبروووووك عليك اضافة صورة الرمزية للاعضاء في شريط آخر مواضيع

في حالة واجهتم اي مشكلة في التركيب تفضل بتقديم طلبك بقسم الدعم و المساعدة لمساعدتك

وفقكم الله جميعا
يرجى دكر المصدر عند النقل


تم النشر بقلم :Yassine Bablil30/10/15, 02:57 pm    

تعليقات القراء



توقيع : Yassine Bablil






الإشارات المرجعية



الــرد الســـريـع

رفع الصور رفع فيديو أغانى فوتوشوب ترجمة رموز الكتابة ردود جاهزة صندوق متطور



مواضيع ذات صلة



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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة