الرئيسيةاليوميةالمنشوراتمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول
المواضيع الأخيرة
» فصل المخاليط علوم الصف الخامس الابتدائى - لوحات مدرسية - ابن حميدو لتصميمات الفوتوشوب
من طرف أبن حميدو أمس في 3:39 am

» حروف المد لغة عربية - لوحات مدرسية - ابن حميدو لتصميمات الفوتوشوب
من طرف أبن حميدو أمس في 2:51 am

» لوحات مدرسية - الالوان بالانجليزي - ابن حميدو لتصميمات الفوتوشوب
من طرف parisi الأربعاء أكتوبر 24, 2018 9:07 pm

» لوجو / شعار منصور شيفرولية Mansour Chevrolet logo - ابن حميدو لتصميمات الفوتوشوب
من طرف heshamalmalah الجمعة أكتوبر 19, 2018 10:55 pm

» اكشن فوتوشوب لعمل نموذج 4 فى 6 للمعامل والاستوديوهات - ابن حميدو لتصميمات الفوتوشوب
من طرف andalus_alsony الإثنين أكتوبر 15, 2018 3:59 pm

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

» تصميم منيو / قائمة اسعار صلصة اسيوط 2016 - Salsa Menu Design 2016 - ابن حميدو لتصميمات الفوتوشوب
من طرف kiro hany7 الخميس يوليو 19, 2018 11:41 am

» مجموعة اشكال للتصميم مقصوصة وبجودة عالية للتصميمات - ابن حميدو لتصميمات الفوتوشوب
من طرف kiro hany7 الخميس يوليو 19, 2018 11:36 am

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

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


شاطر | 
 

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

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

sms :

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


فايرفوكس
مصرى
ذكر
السرطان
عدد المساهمات : 390
نقاط : 49436
التقييم : 0
تاريخ التسجيل : 25/04/2012
العمر : 31
الموقع 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 وضع صورة فوق الفئات مثل vb من دون template للنسخة الثالثة

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

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

↑ Grab this Headline Animator



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

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

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