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

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

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

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

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

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



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



http://i41.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




مُشاطرة هذه المقالة على:diggdeliciousredditstumbleuponslashdotyahoogooglelive

تعاليق

avatar
avatar
تسلم يا غالى ان شاء الله اجربه
avatar
شكراااااااااااااااااا
avatar
مشكورررررررررررررر جداً و تسلم إيدك
avatar
مشكوووووووووووووووووووووو
avatar
avatar
avatar
ســــــــــــــــــلـــــــــــــــــــمــــــــــــــــت يـــــــــــــداك
avatar
شككرا جزيلا 

موضوعع راائع
avatar
شكراااااااااااااااااااا
avatar
avatar
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى