یک نکته مهم در مورد عکس ها در مطالب ارسالی
با سلام
داشتم فکر میکردم چه مطلبی بزارم که به درد ملت بخوره یهو یه مطلبی به ذهنم رسید که رعایت نکردنش در بعضی سایت ها واقعا عذاب آوره:
آقا ما یه خاصیتی داریم در سی اس اس به نام max-width و max-height البته میدونم اساتید میگن آموزش د مده میزاره و مال سی اس اس 2 هستش ولی واقعا خصیصه های مهمی هستن این 2 تا.
خب دیگه تفره نمیرم بریم سراغ مطلب اصلی:
فرض کنید ما بخش مطالب ارسالیمون 500 پیکسل باشه حالا ما میخوایم پست ارسالیمون یه تصویر هم داشته باشه حالا اگه ما اومدیم و عرض عکسمون بیشتر از 500 بود مثلا 600 بود باید عکس از قسمت مطلب ما بزنه بیرون ؟نه .(البته این جزو وظایف تحلیل گر سایته)به کد پایین نگاه کنید :
<img src="image.jpg" />

فرض کنید عکسی که در قسمت اچ تی ام ال آوردم 600*1000 باشه.حالا میخوام با سی اس اس از خراب شدن استیل سایتم جلوگیری کنم . چجوری؟با کد پایین:

img{
max-width:400px;
max-height:400px;
}
در کد بالا اومدم گفتم آقا عکس منو اگه بیشتر از 400 پیکسل بود (یا همون 600 پیکسل گفته شده) کوچیکش کن و عرضشو بکن 400پیکسل.
نکته : فراموش  نکنید مسلما شما باید به تصاویرتون یه آی دی یا کلاس جداگانه بدید چون من کل تصاویرمو در نظر گرفتم.
البته اساتید شاید ایراد بگیرن که چرا height شو اندازه دادم ؟صرفا به خاطر زیبایی کار چون یه عکس 400 پیکسل در 1000 پیکسل صورت خوبی به کار نمیده.
امیدوارم مفید بوده باشه
موفق باشید
نویسنده :

X
دریافت پیغام خصوصی به هنگام دریافت اعتبار جدید
[plgname]PM On Reputation[/plgname] [plgversion]1.0[/plgversion] [plgmybb]1.6[/plgmybb] [plgpri ...
پلاگین 1.6
دیدگاه های کاربران 4
ارسال: 2
ممنون بابت این مطلب مفید،دوستان هم میتونین فقط سلکتور سی اس اس رو
عوض کنن تا باقی عکسها (که البته مشکلی ایجاد نمیکنه) که اندازه بزرگی دارن
ناجور نشه
.postbody img{
max-width:400px;
max-height:400px;
}

ولی یه نکته اینکه عکسها اکثرا مستطیل هستن و این کد شما اونا رو به مربع تبدیل میکنه که شاید ناجور بشه
بهتره در این جور مواقع فقط پهنا رو کم یا زیاد کرد که به نسبت اون ارتفاع هم تغییر کنه تا مربعی نشه مثل زیر
img{
max-width:400px;
}
البته دوستان دقت کنن که هردو کد حدسی هستن و برای استفاده تجاری یا شخصی باید کمی محسبات خیلی
ساده انجام داد....
ارسال: 3
(2014-04-27T09:14:57+00:00 2014-04-27T09:14:57+00:00)imanclassic نوشته :  ممنون بابت این مطلب مفید،دوستان هم میتونین فقط سلکتور سی اس اس رو
عوض کنن تا باقی عکسها (که البته مشکلی ایجاد نمیکنه) که اندازه بزرگی دارن
ناجور نشه
.postbody img{
max-width:400px;
max-height:400px;
}

ولی یه نکته اینکه عکسها اکثرا مستطیل هستن و این کد شما اونا رو به مربع تبدیل میکنه که شاید ناجور بشه
بهتره در این جور مواقع فقط پهنا رو کم یا زیاد کرد که به نسبت اون ارتفاع هم تغییر کنه تا مربعی نشه مثل زیر
img{
max-width:400px;
}
البته دوستان دقت کنن که هردو کد حدسی هستن و برای استفاده تجاری یا شخصی باید کمی محسبات خیلی
ساده انجام داد....

با سلام
ممنون ایمان جان موافقم .
منظور من از این پست و اندازه هایی که دادم صرفا برای فهم بهتر آموزش بود درغیراینصورت حق با شماست .
داخل پرانتز هم اشاره کردم که این اندازه ها به عهده تحلیل گر سایته.
موفق باشید
ارسال: 4
نقل قول: منظور من از این پست و اندازه هایی که دادم صرفا برای فهم بهتر آموزش بود درغیراینصورت حق با شماست .
در تکمیل صحبت شما گفتم که باید در نظر داشت مربعی نشه ;)
نقل قول: داخل پرانتز هم اشاره کردم که این اندازه ها به عهده تحلیل گر سایته.
منم واسه محکم کاری توصیه کردم;)
ارسال: 5
(2014-04-27T10:59:47+00:00 2014-04-27T10:59:47+00:00)imanclassic نوشته :  
نقل قول: منظور من از این پست و اندازه هایی که دادم صرفا برای فهم بهتر آموزش بود درغیراینصورت حق با شماست .
در تکمیل صحبت شما گفتم که باید در نظر داشت مربعی نشه ;)
نقل قول: داخل پرانتز هم اشاره کردم که این اندازه ها به عهده تحلیل گر سایته.
منم واسه محکم کاری توصیه کردم;)

بله آقا ایمان شما درست میگین Big Grinبنده فقط خواستم توضیحات کامل به اساتیدم در اینجا از جمله شما داده باشم.Tongue

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :