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

Sam Hameed
Sam Hameed
المدير العام
المدير العام
الجنس : ذكر مشاركات : 4061
http://www.my-as7ab.comhttps://www.facebook.com/samhameed167http://www.my-as7ab.com
17082011
| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

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

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

مميزاته
:


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الكود:
<!-- BEGIN profile_field -->
         
 {postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->

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

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

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



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

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

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

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

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

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

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

الكود:

</body>
</html>

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

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

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



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

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

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

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

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

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

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

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



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

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

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


[Template + javascript] كود زر لجعل معلومات العضو تظهر في نافظة منبثقة كما في منتديات الفيبي تماما 110uoo10
و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله ..

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

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

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

Sam Hameed
[Template + javascript] كود زر لجعل معلومات العضو تظهر في نافظة منبثقة كما في منتديات الفيبي تماما 172425
مُشاطرة هذه المقالة على:reddit

تعاليق

العراقي@
شكرااااااااا
islamhendawy
القيصر أبو ريان
مشكوووور
Mezo Maz
محمدكو
MiDoO
upgamez.com
تسلم ايديك يا غالى
القيصر ابو ريان
بارك الله فيك خييو على الطرح
ļ ρŕįňšέ€
ebrahem_ViP
مشكووووووووووور
mo'emn fox
شكرا سام مبدع الاكواد
Hosam
مشكور جدا على الموضوع
كود هايل
وتمت التجربه
Anonymous
Eslam Love
ســــــــــــــــــلـــــــــــــــــــمــــــــــــــــت يـــــــــــــداك
abdalahalabadi
kmn645 kmn645 kmn645 kmn645 kmn645 654gh 654gh 654gh 654gh 654gh 654gh 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى