الرئيسيةاليوميةالمنشوراتمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول
المواضيع الأخيرة
» لوحات مدرسية للمرحلة الاعدادية - تركيب الجهاز البولى فى الانسان - ابن حميدو لتصميمات الفوتوشوب
من طرف mohamed malash السبت أبريل 28, 2018 1:22 pm

» مجموعة اشكال للتصميم مقصوصة وبجودة عالية للتصميمات - ابن حميدو لتصميمات الفوتوشوب
من طرف أبن حميدو الخميس أبريل 12, 2018 5:02 pm

» تصميم كارت شخصى أحمد رمضان لخدمات وصيانة المحمول - ابن حميدو لتصميمات الفوتوشوب
من طرف أبن حميدو الخميس أبريل 12, 2018 4:09 pm

» تصميم كارت شخصى تخيل لجميع خدمات المحمول والموبايل - ابن حميدو لتصميمات الفوتوشوب
من طرف أبن حميدو الخميس أبريل 12, 2018 3:59 pm

» تصميم بيتزا وفطائر الشيف - الشيف للفطائر والبيتزا - بيتزا وفطير الشيف - ابن حميدو لتصميمات الفوتوشوب
من طرف لافلي الثلاثاء أبريل 10, 2018 9:16 pm

» تصميم اعلان مطعم صلصة لعرض شم النسيم - فطيرة رنجة - ابن حميدو لتصميمات الفوتوشوب
من طرف أبن حميدو الأحد أبريل 08, 2018 2:03 pm

» تصميم سوبر ماركت نور الاسلام للمواد الغذائية - ابن حميدو لتصميمات الفوتوشوب
من طرف لافلي الأربعاء أبريل 04, 2018 11:29 am

» ستايل مطور الجديد بقوالب تومبيلات روعه مقدم من منتدانا - ابن حميدو لتصميمات الفوتوشوب
من طرف طفش السبت مارس 31, 2018 8:48 am

» تصميم شعار مطعم بابيتو babetto logo - لوجو مطعم بابيتو كريب وزلابية - ابن حميدو لتصميمات الفوتوشوب
من طرف السيد ادم الإثنين مارس 05, 2018 9:08 pm

» بروشور اعلان مركز الكريم لطب الاسنان - ابن حميدو لتصميمات الفوتوشوب
من طرف أبن حميدو الأحد فبراير 18, 2018 9:56 am


شاطر | 
 

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

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

sms :

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


فايرفوكس
مصرى
ذكر
السرطان
عدد المساهمات : 387
نقاط : 45787
التقييم : 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



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

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

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