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

ارسال شده در 5 ارديبهشت 1389 - توسط SalaR

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

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

img { max-width:500px;}

500px رو هم بر اساس بلوک مطالب میتونید کم و زیاد کنید . تو IE و FF هم تست شده .

برچسب ها: اندازه, بلوک, مطالب, دربیاد, تغییر, سایز, چیکار, پستها, ترین, فقط, ویرایش فایل, هستش, راه, ساده, عکسهای, کنیم,
سعید ملک زاده، maroc و nimapendar و 32 نفر دیگر تشکر کرده‌‌اند.

نظرات

کاربران 29 نظر ارسال کرده اند...

teta گفته:

5/02/1389 - 20:25

اولللللللللللللللللل :)
خوبه ولی زیادم سخت نبود ؟!
البته بازم دستتون درد نكنه

__________________
friendha.com ----> Fun
Nermia.com ---> Download
Nermia.co -----> Hosting & Domain

مدیر ویترین سایت ها

SalaR گفته:

5/02/1389 - 20:27

teta,
100 نفر پرسیدن تو انجمن هیشکی جواب نداد . میدونستم تا این رو بزارم همه میگن ما میدونستیم hahahoho

مدیر سایت

P30siS گفته:

5/02/1389 - 20:40

Love You Liver !!! love

عضو فعال

teta گفته:

5/02/1389 - 20:48

SalaR ,
سالار جون شما راست میگین من 3 ماهه كه به انجمن سر نزدم ببخشید اگه حرف بدی زدم ! what

__________________
friendha.com ----> Fun
Nermia.com ---> Download
Nermia.co -----> Hosting & Domain

مدیر ویترین سایت ها

tahmiineh گفته:

5/02/1389 - 20:50

مرسی

عضو سایت

abolfazlgoodarzi گفته:

5/02/1389 - 21:37

چرا هیچ وقت تصاویری که از ماژول می ذارید با خود ماژول درنمی یاد ؟
بازم ممنون . دستت درد نکنه زحمت کشیدی .

عضو سایت

afsoongar_ghadiri گفته:

5/02/1389 - 22:59

مرسی اقا SalaR
ولی من تو فایل قرار دادم و درست نشد
این style سایت من هست
Download

عضو سایت

SalaR گفته:

5/02/1389 - 23:28

afsoongar_ghadiri,
بعد از

a img {
border: none;
}

بزار
بعد کش مرورگرت رو پاک کن

مدیر سایت

afsoongar_ghadiri گفته:

6/02/1389 - 00:11

مرسی اقا SalaR درست شود

به خوبی هم کار میکنه

عضو سایت

elhacker گفته:

6/02/1389 - 01:11

با این كار حجم عكس تغییر میكنه یا سایز عكس...یعنی فقط كوچیك میشه اما حجمش همون قبلی باشه....چه جوریه ؟

عضو سایت

ramin006 گفته:

6/02/1389 - 01:41

elhacker,
تاثیری در حجم فایل نداره و فقط ابعاد نمایش تصویر کوچیکتر میشه در واقع اگه تصویر حجم زیادی داشته باشه ( مثلا 1 مگ ) همون یک مگ باز هم لود خواهد شد

عضو سایت

nasirrayan گفته:

6/02/1389 - 15:47

SalaR,
وقتی این كد اضافه می كنم بنر سایت هم كوچك میشه! belay

چه كار كنم؟

عضو سایت

thaniashar گفته:

6/02/1389 - 15:57

ممنون سالار
نکته پر کاربردی بود flower

عضو سایت

SalaR گفته:

6/02/1389 - 16:24

nasirrayan,
من اول خواستم بگم تو Class ی که مربوط به short-story و Full-story بگم که گفتم الان همه میگن تازه class چیه :دی

اگه از Css سر در میاری که این کد رو باید واسه class تعریف کنی . سر در نمیاریم فایل short-story با style.css رو بده تا بهت بگم

مدیر سایت

SMostafa گفته:

6/02/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>

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

__________________
سلام شبهای دل کندن / هنوزم دوستش دارم...

مدیر کل

SalaR گفته:

6/02/1389 - 19:05

SMostafa,
اینم میشه haha

مدیر سایت

windom گفته:

6/02/1389 - 19:48

جالبه،ممنون love

عضو سایت

Majid_h گفته:

6/02/1389 - 23:40

بدرد می خوره . بازم ممنون

عضو فعال

nasirrayan گفته:

7/02/1389 - 15:41

SalaR,
SMostafa,
دستتون درد نكنه درست شد.

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

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

short-story , full-story

عضو سایت

dlbax گفته:

7/02/1389 - 15:49

ممنون

عضو سایت

simsim00 گفته:

18/02/1389 - 03:00

it does not work in my template. Please tell me how i can auto resize images in my posts.
thanks

عضو سایت

saeidking گفته:

21/02/1389 - 21:07

سلام.بعد از نصبش یه مشکل برام پیش اومده,موقع نوشتن مطلب,مطلب توی کادر به صورت کد نوشته میشه و حالت معمولی نداره.چیکار کنم؟ممنون

عضو سایت

EaS گفته:

15/04/1389 - 11:11

http://www.yoursite.com/admin.php?mod=options&action=syscon
http://www.datalifeengine.ir//engine/skins/images/conf_images.png

عضو سایت

orbitnic گفته:

6/05/1389 - 12:59

روی IE جواب نداد !!!! soot

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

برای IE چه کنیم که کار نمیکنه ؟!!!

عضو سایت

northboy گفته:

9/05/1389 - 00:36

سلام اگه بخوایم ارتفاع بصورت اتوماتیک تنظیم بشه .
فایل style.css
به جای کدی که جناب موسوی گفتن یعنی :

#post-img img{max-width: 500px}

این کد رو وارد می کنیم

#post-img img{max-width: 500px; height:auto;}

درسته دیگه ؟ ممنون

عضو سایت

hamsah گفته:

18/06/1389 - 20:05

بسیار عالی بود ممنون

عضو سایت

salarkhiabani گفته:

29/06/1389 - 15:50

ممنون ولی هیچ فرقی نكرد!!!!!!!!!!!!!!!!!!!!!!!!!!!!
نه تو فایر فاكس نه اپرا نه IE و نه كروم و نه سافاری
چه كد جالبی!!!
حتی ذخیره گاه رو پاك كردم و كش مرورگرا رو حذف.

__________________
همیشه ماندن دلیل عاشق بودن نیست،خیلی ها رفتن كه ثابت كنند عاشقند...

عضو سایت

sir_iman گفته:

3/08/1389 - 09:49

سلام ... می خوام به جای متنی که روی عکس میفته (DE datalife) یه متن به دلخواه من نوشته بشه... این ممکنه؟؟

عضو سایت

amirali-e گفته:

6/06/1390 - 23:29

ممنون

عضو سایت

اطلاعات

برای ارسال نظر، باید در سایت عضو شوید.

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