[Template + javascript] كود زر لجعل معلومات العضو تظهر في نافظة منبثقة كما في منتديات الفيبي تماما

[Sam Hameedالمدير العام]

| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت ماي أصحاب من كل مكان

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

مميزاته :

يقوم الكود بجعل معلومات العضو تكون على شكل زر حين الضغط عليه تظهر المعلومات العضو في مربع و مدعوم بجافا سكربت

برمجة الكود من قبل اخوكم sam hameed



|صور للمعينة الكود |

صورة قبل الضغط على زر أظهار البينات



https://i.servimg.com/u/f44/15/54/04/99/2011-063.png

صورة بعد الضغط على زر أظهار البينات



https://i.servimg.com/u/f44/15/54/04/99/2011-064.png



الخطوى الأولى :-

شرح تركيب الكود :

لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> إدارة عامة --viewtopic_body

و قوم بلبحث عن الكود التالي :

الكود:

<!-- BEGIN profile_field -->
         
 {postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->

و نقوم بحذفه و نستبدله بلكود الجديد :

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح




و من ثم نضغط سجل

ملاحظة ما تنسو تعملو نشر للقالب



الخطوى الثانية :-

نذهب الي ... كما مبين في الشرح

لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> إدارة عامة -- overall_footer

و نقوم بالبحث عن الكود التالي .. تقريبا هو موجود في أخر الصفحة

الكود:


</body>
</html>


و نقوم بوضع الكود التالي قبلها تماما

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح




و من ثم نضغط سجل

ملاحظة ما تنسو تعملو نشر للقالب



الخطوة الثالثة :

سنقوم بأضافة كود cssبصفحة الأنماط الأنسيابية

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

لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح





و هاد شرح لكود الـــ css

الأزرق : لا تلمسه أبدا
الأخضر : عرض القائمة النتبثقة بعد الضغط عليها
البرتقالي : لون خلفية النافذة المنبثقة للبينات الشخصية
الأحمر : ملك و نمط و لون الكتابة بداخل النافذة المنبثقة


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



ملاحظة هامة :- لن اسمح لاحد بنقل الموضوع بتاتا

مبرمجة الكود من قبل أخوكم :-

Sam Hameed

شكرااااااااا

أعجبني لم يعجبني

الف شكر

أعجبني لم يعجبني

مشكوووور

أعجبني لم يعجبني

شكرا

أعجبني لم يعجبني

مشكور

أعجبني لم يعجبني

أعجبني لم يعجبني

تسلم ايديك يا غالى

أعجبني لم يعجبني

بارك الله فيك خييو على الطرح

أعجبني لم يعجبني

شكرا

أعجبني لم يعجبني

مشكووووووووووور

أعجبني لم يعجبني

شكرا سام مبدع الاكواد

أعجبني لم يعجبني

مشكور جدا على الموضوع
كود هايل
وتمت التجربه

أعجبني لم يعجبني

مشكوووورررررررررررررر

ســــــــــــــــــلـــــــــــــــــــمــــــــــــــــت يـــــــــــــداك

أعجبني لم يعجبني

           

أعجبني لم يعجبني