[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات

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

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

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

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

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

برمجة الكود من قبل اخوكم Sam Hameed

مدة التي أستغرقه الكود لبرمجة
ساعة 2.30


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



https://i.servimg.com/u/f41/14/81/17/27/11111110.jpg



و لتركيب الكود بشكل الحصحيح تابع الشرح معي
ملاحظة : يجب عمل جميع الخطوات بشكل الصحيح و بترتيب حتى يعمل معرض الصور على المواضيع

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

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

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

الكود:

<script src="{JQUERY_PATH}" type="text/javascript"></script>

و أسفله مباشرة نقوم بوضع الكود التالي :

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




و من ثم نضغط على زر سجل

و من ثم نضغط على لنشر القالب


و الأن سنقوم بتعديل على قالب المواضيع حتى يعمل المعرض على الصور بداخل المواضيع فقط
و هاد الخطوة مهمة جدا فأذا لم تركب فلن يعمل الكود أبدا

نذهب إلى

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

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

الكود:

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

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

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





و من ثم نضغط على زر سجل

و من ثم نضغط على لنشر القالب


و الأن الخطوة ما قبل الأخيرة

و هي أضافة كود الـ CSS حتى يعمل شكل و ستايل معرض الصور

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

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

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





و الأن الخطوة الأخيرة و الأهم

لوحة إدارة - إدارة عامة -الرسائل و الإيميلات -تشكيل - المساهمات و المواضيع

تعديل ابعاد الصور التي يضعها الأعضاء في المساهمات :

نقوم بتفريغ المربعات الطول و العرض من الأرقام

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


و الأن نذهب إلى المواضيع و نعمل معاينة على الصور

عن طريق الضغط عليها و أستمتعو و متعو أعضائكم

بالخاصية الجديدة و المتميزة

و كن من الأوائل في منتديات أحلى منتدى يستخدم هاد الخاصية



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



ملاحظة هامة :- لن اسمح لاحد بأزالة حقوقي من الكود بتاتا

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

Sam Hameed

شكرا

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

العفو ولو هاد واجبنا

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

خقةة الكود يا شيخ
يسلمو إيدينك

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

ههههه يسلمو ولو يا غالي

لسا في جعبتي المزيد من الأكواد

ازا بك تحصل عليها كون على تواجد يومي لدينا لتحصل عليها

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

شكرا يا مبدع

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

ابداع رايع

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

جزاكم الله خيرا

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

lqm;vvvvvvvvvv

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

شكرا

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

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

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

شكرا لكم لمروركم الطيب لموضوعي اخواني الاعزاء

شكرا لكم و بتوفيق لكم

و أنتظروا كل جديد و حصري فقط على منتديات ماي أصحاب

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

الف شكر الك بس ياريت تطورو الكود وتخلوه لباقي النسخ بدون إستخدام التومبلايت

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

أن شاء الله أخي العزيز

بس مشكلة الكود هي مشكلة واحدة و هي استبدال هاد الكود

الكود:

<!-- BEGIN switch_image_resize -->
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
<!-- END switch_image_resize -->

من قالب صفحة المواضيع بكود اخر

و هنا تكمن المشكلة كيف سنقوم بأستبداله دون تومبيلات

ولاكن لا تقلق سنحاول اخي الفاضل

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

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

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

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

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

رائع جدا

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

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

مشكور

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

شكرا لك

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

رنس

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

يسلمو إيدينك

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

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

لك وللجميع

خادم الاسلام

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

اكثر من رائع

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