الرئيسيةاليوميةالمنشوراتمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول
المواضيع الأخيرة
» بروشور اعلان مركز الكريم لطب الاسنان - ابن حميدو لتصميمات الفوتوشوب
من طرف أبن حميدو الأحد فبراير 18, 2018 9:56 am

» للتسجيل في أي ماجستير والاستفسار اضغط على اللينك ادناة https://docs.google.com/forms/d/e/1FAIpQLScC8uWWxR9Akx0uKbps5xVqnUcXu7B5RzyzKEXGwtLO_ZhV0A/viewform
من طرف هويدا الدار الأحد فبراير 18, 2018 9:28 am

» اكشن فوتوشوب لعمل نموذج 4 فى 6 للمعامل والاستوديوهات - ابن حميدو لتصميمات الفوتوشوب
من طرف مصطفى منصف الأربعاء فبراير 14, 2018 10:18 pm

» 25 مارس بشرم الشيخ بحضور معالي الدكتور / مصطفى إبراهيم أحمد إبراهيم وزير المالية والاقتصاد والقوى العاملة - جمهورية السودان تعقد الدار العربية الملتقى المالي تخطيط مالية الحكومات (النظم المستجدة والمعاصرة)
من طرف هويدا الدار الأربعاء فبراير 14, 2018 9:30 am

» تصميم بروشور لمطعم صلصة اسيوط - Salsa brochure Design - ابن حميدو لتصميمات الفوتوشوب
من طرف abobasma الثلاثاء فبراير 13, 2018 7:37 pm

» تصميم شعار مطعم بابيتو babetto logo - لوجو مطعم بابيتو كريب وزلابية - ابن حميدو لتصميمات الفوتوشوب
من طرف abobasma الثلاثاء فبراير 13, 2018 7:36 pm

» المؤتمر العربى الخامس التكنولوجيا إدارة البلديات
من طرف هويدا الدار الإثنين يناير 15, 2018 10:26 am

» ماجستير إدارة المستشفيات المهني المصغر
من طرف هويدا الدار الأربعاء يناير 10, 2018 12:50 pm

» الدار العربية للتنمية الإدارية بالتعاون مع الإتحاد الدولى لمؤسسات التنمية البشرية وحدة البرامج التدريبية وورش العمل البرنامج التدريبي الموازنة الفعالة والرقابة على التكاليف القاهرة – جمهورية مصر العربية خلال الفترة من 25 فبراير الى 1 مارس 2018 م يهدف
من طرف هويدا الدار الثلاثاء يناير 02, 2018 2:02 pm

» تصميم اعلان انا متبرع للتبرع بالدم والعمل الخيرى - ابن حميدو لتصميمات الفوتوشوب
من طرف أبن حميدو الثلاثاء ديسمبر 26, 2017 2:30 pm


شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
أبن حميدو
مؤسس المنتدى
مؤسس المنتدى
avatar

sms :

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


فايرفوكس
مصرى
ذكر
السرطان
عدد المساهمات : 383
نقاط : 44035
التقييم : 0
تاريخ التسجيل : 25/04/2012
العمر : 30
الموقع ebn-hamedoo.yoo7.com

مُساهمةموضوع: [Template] كود لعرض الصور في المواضيع بتقنية الصور المنبثقة - ابن حميدو لتصميمات الفوتوشوب   الأربعاء سبتمبر 03, 2014 10:08 pm

   

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

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

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


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

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


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

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

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


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

و من ثم نضغط على زر سجل ثم نضغط على نشر القالب ليعمل بالشكل المطلوب


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

نذهب إلى 
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --viewtopic_body
نبحث عن الكود التالي
الكود:
<!-- BEGIN switch_image_resize -->[size=11][/size]
<script type="text/javascript">[size=11][/size]
//<![CDATA[[size=11][/size]
$(resize_images({[size=11][/size]
 'selector' : '.postbody', 'max_width' : [size=11][/size]
{switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : [size=11][/size]
{switch_image_resize.IMG_RESIZE_HEIGHT} }));[size=11][/size]
//]]>[size=11][/size]
</script>[size=11][/size]
<!-- END switch_image_resize -->

و نستبدله بلكود التالي

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

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



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



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

تعديل ابعاد الصور التي يضعها الأعضاء في المساهمات :
نقوم بتفريغ المربعات الطول و العرض من الأرقام 
و من ثم نضغط سجل

و الأن نذهب إلى المواضيع و نعمل معاينة على الصور

عن طريق الضغط عليها و أستمتعو و متعو أعضائكم





الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://ebn-hamedoo.yoo7.com
 
[Template] كود لعرض الصور في المواضيع بتقنية الصور المنبثقة - ابن حميدو لتصميمات الفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود css جعل جداول المنتدى مثل الفي بي من دون شراء TEMPLATE للنسخة الثانية
» كود css جعل جداول المنتدى مثل الفي بي من دون شراء TEMPLATE للنسخة الثانية
» كود css وضع صورة فوق الفئات مثل vb من دون template للنسخة الثالثة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى ابن حميدو لتصميمات الفوتوشوب :: تَطَوًّيَرَ مَنَتَدَيَاَتَ اَحَلَىَّ مَنَتَدَىَّ :: تقنيات اخرى للمنتديات-
انتقل الى:  

منتدى ابن حميدو لتصميمات الفوتوشوب

↑ Grab this Headline Animator



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

جميع الحقوق محفوظه لمنتدىابن حميدو
أنظم لمتآبعينا بتويتر ...

آو أنظم لمعجبينا في الفيس بوك ...