دیتالایف انجین فارسی

تغییر اندازه عکسها در مطالب به صورت خودکار

تاریخ انتشار: 5 اردیبهشت 1389
ارسال کننده: SalaR
تغییر اندازه عکسها در مطالب به صورت خودکار


تغییر اندازه عکسها در مطالب به صورت خودکار:
تو انجمن خیلی ها این رو پرسیده بودن که اگه بخوایم از سایت های دیگه عکس بزاریم و اندازه تصاویر ( عکسهای با سایز بالا ) با اندازه بلوک پستها جور دربیاد چیکار کنیم که این ساده ترین راه هستش ( فقط 1 خط کد css)
1. فایل css/style.css رو در فولدر قالب مورد نظر باز کنید :

در زیر خط }body کد زیر رو وارد کنید :

img { max-width:500px;}


500px رو هم بر اساس بلوک مطالب میتونید کم و زیاد کنید . تو IE و FF هم تست شده .
    36 نفر (36 کاربر و 0 میهمان) از این مطلب تشکر کرده اند.
    تشکر
    عضو سایت
    05 اردیبهشت 1389 - 20:25
    اولللللللللللللللللل :)
    خوبه ولی زیادم سخت نبود ؟!
    البته بازم دستتون درد نكنه

    --------------------
    مدیر بازنشسته
    05 اردیبهشت 1389 - 20:27
    teta,
    100 نفر پرسیدن تو انجمن هیشکی جواب نداد . میدونستم تا این رو بزارم همه میگن ما میدونستیم hahahoho
    عضو سایت
    05 اردیبهشت 1389 - 20:40
    Love You Liver !!! love
    عضو سایت
    05 اردیبهشت 1389 - 20:48
    SalaR ,
    سالار جون شما راست میگین من 3 ماهه كه به انجمن سر نزدم ببخشید اگه حرف بدی زدم ! what

    --------------------
    عضو سایت
    05 اردیبهشت 1389 - 20:50
    مرسی

    عضو سایت
    05 اردیبهشت 1389 - 21:37
    چرا هیچ وقت تصاویری که از ماژول می ذارید با خود ماژول درنمی یاد ؟
    بازم ممنون . دستت درد نکنه زحمت کشیدی .
    عضو سایت
    05 اردیبهشت 1389 - 22:59
    مرسی اقا SalaR
    ولی من تو فایل قرار دادم و درست نشد
    این style سایت من هست
    Download
    مدیر بازنشسته
    05 اردیبهشت 1389 - 23:28
    afsoongar_ghadiri,
    بعد از
    a img {
        border: none;
    }


    بزار
    بعد کش مرورگرت رو پاک کن
    عضو سایت
    06 اردیبهشت 1389 - 00:11
    مرسی اقا SalaR درست شود

    به خوبی هم کار میکنه
    عضو سایت
    06 اردیبهشت 1389 - 01:11
    با این كار حجم عكس تغییر میكنه یا سایز عكس...یعنی فقط كوچیك میشه اما حجمش همون قبلی باشه....چه جوریه ؟
    عضو سایت
    06 اردیبهشت 1389 - 01:41
    elhacker,
    تاثیری در حجم فایل نداره و فقط ابعاد نمایش تصویر کوچیکتر میشه در واقع اگه تصویر حجم زیادی داشته باشه ( مثلا 1 مگ ) همون یک مگ باز هم لود خواهد شد
    عضو سایت
    06 اردیبهشت 1389 - 15:47
    SalaR,
    وقتی این كد اضافه می كنم بنر سایت هم كوچك میشه! belay
    چه كار كنم؟
    عضو سایت
    06 اردیبهشت 1389 - 15:57
    ممنون سالار
    نکته پر کاربردی بود flower
    مدیر بازنشسته
    06 اردیبهشت 1389 - 16:24
    nasirrayan,
    من اول خواستم بگم تو Class ی که مربوط به short-story و Full-story بگم که گفتم الان همه میگن تازه class چیه :دی

    اگه از Css سر در میاری که این کد رو باید واسه class تعریف کنی . سر در نمیاریم فایل short-story با style.css رو بده تا بهت بگم
    مدیر سایت
    06 اردیبهشت 1389 - 16:51
    اینجوری اگه عکسی توی سایت باشه نه فقط توی پستها که نخوایم کوچیک بشه هم کوچیک میشه donoghted
    اینجوری باشه بهتره
    1- فایل style.css قالب رو باز کنید و کد زیر رو انتهای استایل قرار بدید:
    #post-img img{max-width: 500px}

    2- فایل shortstory.tpl قالب رو باز کنید و به دنبال کد زیر بگردید:
    {short-story}

    و با کد زیر جایگزین کنید:
    <span id="post-img">{short-story}</span>

    3- فایل fullstory.tpl قالب رو باز کنید و به دنبال کد زیر بگردید:
    {full-story}

    و با کد زیر جایگزین کنید:
    <span id="post-img">{full-story}</span>


    donoghted donoghted donoghted
    به هر حال ممنون loveu

    --------------------
    مدیر بازنشسته
    06 اردیبهشت 1389 - 19:05
    SMostafa,
    اینم میشه haha
    عضو سایت
    06 اردیبهشت 1389 - 19:48
    جالبه،ممنون love
    عضو سایت
    06 اردیبهشت 1389 - 23:40
    بدرد می خوره . بازم ممنون

    --------------------
    عضو سایت
    07 اردیبهشت 1389 - 15:41
    SalaR,
    SMostafa,
    دستتون درد نكنه درست شد.

    -----------------------------------------


    SMostafa,
    فقط توی قالب من بین shortstory و fullstory "-" هست
    یعنی اینجوی: (كه اونم حل شد)

    short-story , full-story
    عضو سایت
    07 اردیبهشت 1389 - 15:49
    ممنون
    عضو سایت
    18 اردیبهشت 1389 - 03:00
    it does not work in my template. Please tell me how i can auto resize images in my posts.
    thanks
    عضو سایت
    21 اردیبهشت 1389 - 21:07
    سلام.بعد از نصبش یه مشکل برام پیش اومده,موقع نوشتن مطلب,مطلب توی کادر به صورت کد نوشته میشه و حالت معمولی نداره.چیکار کنم؟ممنون
    عضو سایت
    15 تیر 1389 - 11:11
    http://www.yoursite.com/admin.php?mod=options&action=syscon
    http://www.datalifeengine.ir//engine/skins/images/conf_images.png
    عضو سایت
    06 مرداد 1389 - 12:59
    روی IE جواب نداد !!!! soot

    http://www.img4up.com/images1/63850173553529672750.jpg

    برای IE چه کنیم که کار نمیکنه ؟!!!
    عضو سایت
    09 مرداد 1389 - 00:36
    سلام اگه بخوایم ارتفاع بصورت اتوماتیک تنظیم بشه .
    فایل style.css
    به جای کدی که جناب موسوی گفتن یعنی :
    #post-img img{max-width: 500px}

    این کد رو وارد می کنیم
    #post-img img{max-width: 500px; height:auto;}

    درسته دیگه ؟ ممنون
    عضو سایت
    18 شهریور 1389 - 20:05
    بسیار عالی بود ممنون
    عضو سایت
    29 شهریور 1389 - 15:50
    ممنون ولی هیچ فرقی نكرد!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    نه تو فایر فاكس نه اپرا نه IE و نه كروم و نه سافاری
    چه كد جالبی!!!
    حتی ذخیره گاه رو پاك كردم و كش مرورگرا رو حذف.

    --------------------
    عضو سایت
    03 آبان 1389 - 09:49
    سلام ... می خوام به جای متنی که روی عکس میفته (DE datalife) یه متن به دلخواه من نوشته بشه... این ممکنه؟؟
    عضو سایت
    06 شهریور 1390 - 23:29
    ممنون excisted makhsoosefreeiran pray happy
    جهت ارسال نظر، فرم زیر را تکمیل نمائید:
    نام:*
    ایمیل:*
    متن نظر:

     
    پررنگکج خط دارخط دار در وسط|سمت چپوسط سمت راست|قرار دادن شکلکانتخاب رنگ|پنهان کردن متنقراردادن نقل قولتبدیل نوشته ها به زبان روسیقراردادن Spoiler
    کد امنیتی: *