صفحة 3 من اصل 3 • 1, 2, 3
25012012
| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..
مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت ماي أصحاب من كل مكان
اليوم و بعد غياب 2 شهر عن الانترنت لسبب الدراسة عدت لكم بأحجمل كود رايح تشووفه في حياتكم و هو كود
لأظهار الصور بطريقة مميزة مثل المنتديات و المنتديات و مع خاصية تصفح الصور
مميزاته :
يقوم الكود بجعل جميع صور المنتدى الموجودة في المواضيع بأظهارها بشكل أحترافي و عرضها مثل المدونات و المنتديات الفيبي
و هاد أول مرة بتحصل في تاريخ منتديات أحلى منتدى بوضع خاصية عرض الصور بهذا الشكل
برمجة الكود من قبل اخوكم Sam Hameed
مدة التي أستغرقه الكود لبرمجة
ساعة 2.30
|صورة للمعينة الكود و مكان ظهورة |
https://i.servimg.com/u/f41/14/81/17/27/11111110.jpg
و لتركيب الكود بشكل الحصحيح تابع الشرح معي
ملاحظة : يجب عمل جميع الخطوات بشكل الصحيح و بترتيب حتى يعمل معرض الصور على المواضيع
شرح تركيب الكود :
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --overall_header
نقوم بلبحث عن الكود التالي :
و أسفله مباشرة نقوم بوضع الكود التالي :
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
و من ثم نضغط على زر سجل
و من ثم نضغط على لنشر القالب
و الأن سنقوم بتعديل على قالب المواضيع حتى يعمل المعرض على الصور بداخل المواضيع فقط
و هاد الخطوة مهمة جدا فأذا لم تركب فلن يعمل الكود أبدا
نذهب إلى
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --viewtopic_body
نبحث عن الكود التالي
و نستبدله بلكود التالي
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
و من ثم نضغط على زر سجل
و من ثم نضغط على لنشر القالب
و الأن الخطوة ما قبل الأخيرة
و هي أضافة كود الـ CSS حتى يعمل شكل و ستايل معرض الصور
طريقة وضع الكود:
لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
و الأن الخطوة الأخيرة و الأهم
لوحة إدارة - إدارة عامة -الرسائل و الإيميلات -تشكيل - المساهمات و المواضيع
تعديل ابعاد الصور التي يضعها الأعضاء في المساهمات :
نقوم بتفريغ المربعات الطول و العرض من الأرقام
و من ثم نضغط سجل
و الأن نذهب إلى المواضيع و نعمل معاينة على الصور
عن طريق الضغط عليها و أستمتعو و متعو أعضائكم
بالخاصية الجديدة و المتميزة
و كن من الأوائل في منتديات أحلى منتدى يستخدم هاد الخاصية
و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله ..
ملاحظة هامة :- لن اسمح لاحد بأزالة حقوقي من الكود بتاتا
مبرمجة الكود من قبل أخوكم :-
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
تعاليق
رد: [Template] كود لعرض صورفي المواضيع بتقنية الصور المنبثقة كما في المدونات
الجمعة أغسطس 31, 2012 4:29 pmislamhendawy
الف شكر
السبت سبتمبر 01, 2012 1:58 pm
تسلم يا غالى ان شاء الله اجربه
الإثنين سبتمبر 17, 2012 3:33 pm
شكراااااااااااااااااا
الأربعاء يناير 30, 2013 4:08 pm
مشكورررررررررررررر جداً و تسلم إيدك
الثلاثاء فبراير 26, 2013 4:08 am
مشكوووووووووووووووووووووو
الجمعة أبريل 05, 2013 5:44 am
الجمعة أبريل 26, 2013 11:52 am
مشكووووووووور
الجمعة أغسطس 23, 2013 3:01 pm
ســــــــــــــــــلـــــــــــــــــــمــــــــــــــــت يـــــــــــــداك
الأحد سبتمبر 08, 2013 4:19 pm
شككرا جزيلا
موضوعع راائع
موضوعع راائع
الأحد سبتمبر 15, 2013 10:05 am
شكراااااااااااااااااااا
الخميس يوليو 17, 2014 10:49 am
thks a lot
الأربعاء أبريل 15, 2015 1:07 pm
يسلموا
صفحة 3 من اصل 3 • 1, 2, 3
- [Template] كود يمنع ظهور الصور في المواضيع لزوار و تستبدل الصور بكتابة تدعوا إلى التسجيل لمشاهدة الصور
- [Template] كود قالب المواضيع المطور الذي يجعل قالب المواضيع يعرض المواضيع بطريقة الأنجليزية
- [Template] كود الدخول بتقنية جديدة و مدعومة بــ Javascript مقدم من منتديات ماي أصحاب
- [Template] كود نافذة الدخول بتقنية ذات الظلال الخفيفة و التي لا تؤثر على التصفح جربها و لن تندم !
- [Template] كود قالب قائمة المواضيع الخاص بمنتديات ماي أصحاب
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى