[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

مشكوررررر جدا

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

برب .. بجربه قبل ^^

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

هذآ الكود آبدآع

يسلمو آستآذ

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

السلام عليكم
ممكن استفسار
لماذا هذه الاكواد مثل بعض
الي هي سيتم استبدالها في قالب المواضيع الكود الي هيتشال مثل الي سوف يوضع مكانه ايضا
اذا لمذا يتم تغييره

الكود:

<!-- 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 -->

مثل هذا بالضبط لاكن فرق سطر ليس شي اخر

الكود:

<!-- 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 -->

ارجوا وضع القالب الصحيح لاني ركبته كذا مره ولا يعمل

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

شكراً

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

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

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

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

ياسلام سلم والله مبدع ماشاء الله عليك
تحياتي لك Sam Hameed

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

شكرا اخى على موضوعك

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

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

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

لمذا لم يتم الرد علي انا الكود لا يعمل عندي

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

مشكوووور

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

مشكوؤر

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

شكرا لك

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

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

اخي يرجى إعطائي الكود كاملا الموجود في هذه الصفحة
http://www1.3rab.pro/10108.js
لأني اخدته ووضعته مكان الكود في الأعلى ولم يعمل لأنك لم تعطينا امكانية تحكم اكبر في هذه الخاصية
مع التحية

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

اخي يرجى إعطائي الكود كاملا الموجود في هذه الصفحة
http://www1.3rab.pro/10108.js
لأني اخدته ووضعته مكان الكود في الأعلى ولم يعمل لأنك لم تعطينا امكانية تحكم اكبر في هذه الخاصية
مع التحية

مرحبا اخي العزيز اعتذر عن التأخير و السبب انو مشغول بدراسة

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

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

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

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

ثانكس

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

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

روووووووعة

لكن يوجد مشكلة

عند الضغط على الصورة
يأتي هذا الرابط
www.my-as7ab.com

أريد استبداله برابط المنتدى
http://edu4pal.yoo7.com/t1378-topic


كيف أخي أستبدله برابط منتداي ؟ بدلاً من رابط منتديات ماي أصحاب

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

الف شكر

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

شكرا

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

روووووووعة

لكن يوجد مشكلة

عند الضغط على الصورة
يأتي هذا الرابط
www.my-as7ab.com

أريد استبداله برابط المنتدى
http://edu4pal.yoo7.com/t1378-topic


كيف أخي أستبدله برابط منتداي ؟ بدلاً من رابط منتديات ماي أصحاب

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

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

اشهار اونلاين http://eshar.onlinegoo.com/

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