بيانات كاتب الموضوع
[Template + javascript] كود زر لجعل معلومات العضو تظهر في نافظة منبثقة كما في منتديات الفيبي تماما كاتب الموضوع رسالة المعلومات الكاتب:
اللقب:
مستشارهـ الكافية
الرتبه:
الصورة الرمزية
البيانات الجنس : العمر : 32 عدد المساهمـات : 1458
الإتصالات الحالة: وسائل الإتصال:
موضوع: [Template + javascript] كود زر لجعل معلومات العضو تظهر في نافظة منبثقة كما في منتديات الفيبي تماما 10/6/2011, 14:18
| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| .. مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت كافية المصريين من كل مكان كود تومبيلات مميز يقوم الكود بجعل البينات تظهر كالفيبي حيث تكون البينات على شكل زر وقت الضغط عليه تظهر البينات الشخصية مميزاته : يقوم الكود بجعل معلومات العضو تكون على شكل زر حين الضغط عليه تظهر المعلومات العضو في مربع و مدعوم بجافا سكربت | صور للمعينة الكود | صورة قبل الضغط على زر أظهار البينات 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>
و نقوم بوضع الكود التالي قبلها تماما الكود: <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>
و من ثم نضغط سجل ملاحظة ما تنسو تعملو نشر للقالب الخطوة الثالثة : سنقوم بأضافة كود cssبصفحة الأنماط الأنسيابية طريقة وضع الكود: لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css الكود: .spll { width: 90px; height: 30px; } .spll div.splCont { height: auto; width: 160px; background-color: #fff!important; padding: 15px 5px; z-index: 999; margin-top: 3px; border: 1px solid #7E580A; }
و إلى هنا اخوانيـ ..ينتهي موضوعنا لهذا اليوم .. في أمل اللقاء بكمـ .إن شاء الله في مواضيع جديدة .. والسلام عليكم و رحمة الله .. ملاحظة هامة :- لن اسمح لاحد بنقل الموضوع بتاتامبرمجة الكود من قبل أخوكم :- Sam Hameed
ضع تعليق بحسابك فى الفيس بوك
الموضوعالأصلي : [Template + javascript] كود زر لجعل معلومات العضو تظهر في نافظة منبثقة كما في منتديات الفيبي تماما // المصدر : منتديات ثقف نفسك // الكاتب: sahar w bas
sahar w bas ; توقيع العضو
المعلومات الكاتب:
اللقب:
زبون طلب مشاريب
الرتبه:
الصورة الرمزية
البيانات الجنس : العمر : 28 عدد المساهمـات : 596
الإتصالات الحالة: وسائل الإتصال:
[Template + javascript] كود زر لجعل معلومات العضو تظهر في نافظة منبثقة كما في منتديات الفيبي تماما