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

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

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

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

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

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

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


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

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

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

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

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


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

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

نقوم بلبحث عن الكود التالي :
الكود:
<script src="{JQUERY_PATH}" type="text/javascript"></script>

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

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

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


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

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

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


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


نذهب إلى

لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --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 -->

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

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



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

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

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


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

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

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

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


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



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

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


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

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

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

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

[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات 110uoo10
و الأن نذهب إلى المواضيع و نعمل معاينة على الصور
[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات 172425
عن طريق الضغط عليها و أستمتعو و متعو أعضائكم
[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات 668399
بالخاصية الجديدة و المتميزة
[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات 314553
و كن من الأوائل في منتديات أحلى منتدى يستخدم هاد الخاصية
[Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات 441614

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

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

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

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

Sam Hameed
مُشاطرة هذه المقالة على:reddit

تعاليق

Shabab Gded
شكرا
Sam Hameed
العفو ولو هاد واجبنا
مدري
خقةة الكود يا شيخ
يسلمو إيدينك
Sam Hameed
ههههه يسلمو ولو يا غالي

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

ازا بك تحصل عليها كون على تواجد يومي لدينا لتحصل عليها
mo'emn fox
شكرا يا مبدع
القيصر ابو ريان
ابداع رايع
Hosam
جزاكم الله خيرا
rih
lqm;vvvvvvvvvv
أحمد عماد أحمد
شكرا
المهندس محمد
مشكووووووووووووور
Sam Hameed
شكرا لكم لمروركم الطيب لموضوعي اخواني الاعزاء

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

و أنتظروا كل جديد و حصري فقط على منتديات ماي أصحاب
forum.ba7r.org
الف شكر الك بس ياريت تطورو الكود وتخلوه لباقي النسخ بدون إستخدام التومبلايت
Sam Hameed
أن شاء الله أخي العزيز

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

الكود:
<!-- 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 -->

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

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


ولاكن لا تقلق سنحاول اخي الفاضل
forum.ba7r.org
شكرا الك لكن انتم متميزين ولديكم خبراء وانشاء الله هذه لن تصعب عليكم باذن الله
ارجو حين تصميم الكود ارسال رسالة خاصة لجميع الأعضاء تضعو فيها رابط الكود لكي يستفيد منه الجميع
وشكرا لكم
Sam Hameed
EGYELBASS
admylife
رائع جدا
tito20
الجزائري عبد المعز
مشكور [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات 407692
oussama24
شكرا لك
alinani
رنس
كابتن
يسلمو إيدينك
خادم الاسلام
ما شاء الله سلمت اياديك على موضوك المميز و جعلها في ميزان حسناتك وبالتوفيق

لك وللجميع

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