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

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

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

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

~~مميزاته~~ :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الكود:: {postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

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

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

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

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

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

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

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

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

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

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

الكود:

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

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

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

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

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

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

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

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

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

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

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

الكود:: <table width="90%" align="center" border="0" cellpadding="3" cellspacing="1"><tr><td class="quote">
[color=#0000ff][b].spll {
width: 90px;
height: 30px;
}[/b][/color]
.spll div.splCont {
height: auto;
[b][color=#008000]width: 160px;[/color][/b]
[b][color=orange]background-color: #fff!important;[/color][/b]
padding: 15px 5px;
z-index: 999;
margin-top: 3px;
[b][color=#ff0000]border: 1px solid #7E580A;[/color] [/b]
}
</td></tr></table>

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

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

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

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

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

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

[/color]

[/color]

» الان وحصريا كود تعديل بيانات العضو مثل الفيبي تماما::.+مع صورة توضيحية
» [Template] كود الدخول بتقنية جديدة و مدعومة بــ Javascript