النتائج 1 إلى 4 من 4

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

  1. #1

    تصغير الصور بدون هاك ولا كود فقط تعديل المقاس



    مرحبآ اخواني ,

    طريق بسيطة لتصغير الصور داخل الموضوع اتبع الشرح ,

    يوجد طرقتين لتصغير الصور هم
    1-
    ادخل على القالب Postbit.css
    كود:
    #posts IMG { max-width: 600px; } #collapseobj_threadreview IMG { max-width: 600px; }
    يمكنك بالطبع تغيير القيمة 600px الى ما يناسبك


    2-

    التعديل على المتغر من لوحة التحكم الدخول على الاستايل المراد تغير الحكم common وتحصل خيارات تصغير الصور

    الكبيرة - المتوسطة - الصغيرة - المصغرة
    Image Large Max
    Image Medium Max
    Image Small Max
    Image Thumbnail Max

    وهذا درس للمتغير common درس تصميم وتعديل متغيرات Common





    __________________
    سوالف سوفت ( المعلومة تأتي أولآ )
    استخدم خاصية تنبيه المشرفين للضرورة وعند ملاحظة موضوع يخالف قوانين منتديات سوالف وسيتم مراجعة الموضوع او المشاركة المبلغ عنها على الفور


  2. #2
    عضو نشيط جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    508


    السلام عيلكم و رحمة الله

    بالنسبة للطريقة الاولى اذا كانت الصورة متلا عرضها 800 و طولها 800
    عيب هذا الكود سيصغر العرض و يبقى الطول كما هو لذلك ستضهر الصورة مشوهة و جودتها سيئة

    الكود التالي يصغر العرض و الطول معا بشكل متساوي

    كود HTML:
    #post img{
      height: auto;
      max-width: 100%;
      width: inherit;
    }






    __________________
    قوالب ووردبريس مدفوعة

    تابع احدث الاعمال على الفيسبوك :https://www.facebook.com/almtwer


  3. #3
    عضو جديد
    تاريخ التسجيل
    Jan 2009
    المشاركات
    9


    السلام عليكم
    شكرا لك اخي ,, تم التطبيق بنجاح على نسخة المنتدى الجيل الرابع , ولكن ارجو ان تطرح لنا طريقة تصغير الصور في مجلة vbadvanced ايضا
    لأنها لم تتأثر بهذا التعديل انظر هنا .. http://www.nourcafe.com/c.php
    ولكم الشكر






  4. #4
    عضو جديد
    تاريخ التسجيل
    Jan 2009
    المشاركات
    9

    تصغير صور قالب الاخبار للمجلة vBadvanced CMPS



    وجدت الكود وقمت بإضافة بعض التعديلات عليه .. لمن يبحث عنه .. تصغير صور قالب الاخبار للمجلة vBadvanced

    اذهب الى .. التحكم بالستايلات .. تعديل القوالب .. قوالب CSS .. بعدها adv_portal.css اضف في نهايته
    كود PHP:
    .news IMG  
    {
        
    max-width480px;
        
    /* Resize the image for IE6 */
        
    widthexpression(this.width 480 480true);

    ثم اذهب الى .. قوالب vBadvanced CMPS ثم adv_portal_newsbits ابحث عن {vb:raw news.message} واضف قبلها الكود لتصبح بالشكل التالي
    كود PHP:
    <div class="news IMG" align="right"> {vb:raw news.message
    تمت التجربة بنجاح .. والسلام عليكم.










ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
0
أضف موقعك هنا