الرئيسية
| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..
مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت ماي أصحاب من كل مكان
اليوم و بعد غياب 2 شهر عن الانترنت لسبب الدراسة عدت لكم بأحجمل كود رايح تشووفه في حياتكم و هو كود
لأظهار الصور بطريقة مميزة مثل المنتديات و المنتديات و مع خاصية تصفح الصور
مميزاته :
يقوم الكود بجعل جميع صور المنتدى الموجودة في المواضيع بأظهارها بشكل أحترافي و عرضها مثل المدونات و المنتديات الفيبي
و هاد أول مرة بتحصل في تاريخ منتديات أحلى منتدى بوضع خاصية عرض الصور بهذا الشكل
برمجة الكود من قبل اخوكم Sam Hameed
مدة التي أستغرقه الكود لبرمجة
ساعة 2.30
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
|صورة للمعينة الكود و مكان ظهورة |
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و لتركيب الكود بشكل الحصحيح تابع الشرح معي
ملاحظة : يجب عمل جميع الخطوات بشكل الصحيح و بترتيب حتى يعمل معرض الصور على المواضيع
شرح تركيب الكود :
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --overall_header
نقوم بلبحث عن الكود التالي :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و أسفله مباشرة نقوم بوضع الكود التالي :
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و من ثم نضغط على زر سجل
و من ثم نضغط على [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] لنشر القالب
و الأن سنقوم بتعديل على قالب المواضيع حتى يعمل المعرض على الصور بداخل المواضيع فقط
و هاد الخطوة مهمة جدا فأذا لم تركب فلن يعمل الكود أبدا
نذهب إلى
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --viewtopic_body
نبحث عن الكود التالي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و نستبدله بلكود التالي
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و من ثم نضغط على زر سجل
و من ثم نضغط على [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] لنشر القالب
و الأن الخطوة ما قبل الأخيرة
و هي أضافة كود الـ CSS حتى يعمل شكل و ستايل معرض الصور
طريقة وضع الكود:
لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و الأن الخطوة الأخيرة و الأهم
لوحة إدارة - إدارة عامة -الرسائل و الإيميلات -تشكيل - المساهمات و المواضيع
تعديل ابعاد الصور التي يضعها الأعضاء في المساهمات :
نقوم بتفريغ المربعات الطول و العرض من الأرقام
و من ثم نضغط سجل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و الأن نذهب إلى المواضيع و نعمل معاينة على الصور
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
عن طريق الضغط عليها و أستمتعو و متعو أعضائكم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بالخاصية الجديدة و المتميزة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و كن من الأوائل في منتديات أحلى منتدى يستخدم هاد الخاصية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ملاحظة هامة :- لن اسمح لاحد بأزالة حقوقي من الكود بتاتا
مبرمجة الكود من قبل أخوكم :-
Sam Hameed
مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت ماي أصحاب من كل مكان
اليوم و بعد غياب 2 شهر عن الانترنت لسبب الدراسة عدت لكم بأحجمل كود رايح تشووفه في حياتكم و هو كود
لأظهار الصور بطريقة مميزة مثل المنتديات و المنتديات و مع خاصية تصفح الصور
يقوم الكود بجعل جميع صور المنتدى الموجودة في المواضيع بأظهارها بشكل أحترافي و عرضها مثل المدونات و المنتديات الفيبي
و هاد أول مرة بتحصل في تاريخ منتديات أحلى منتدى بوضع خاصية عرض الصور بهذا الشكل
برمجة الكود من قبل اخوكم Sam Hameed
مدة التي أستغرقه الكود لبرمجة
ساعة 2.30
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
|صورة للمعينة الكود و مكان ظهورة |
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و لتركيب الكود بشكل الحصحيح تابع الشرح معي
ملاحظة : يجب عمل جميع الخطوات بشكل الصحيح و بترتيب حتى يعمل معرض الصور على المواضيع
شرح تركيب الكود :
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --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
