برای استفاده درست از امکانات سايت جاوا اسکريپت مرورگر خود را فعال نمائيد. چناچه جاوا اسکريپت نداريد، از وب سايت زير دانلود نمائيد:
java.com

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

پشتیبان رسمی سیستم مدیریت محتوا

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

جورچینتوسط SalaR05 اردیبهشت 1389

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

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

img { max-width:500px;}

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

تگ‌های خبر:اندازه بلوک دربیاد تغییر سایز چیکار پستها ترین فقط هستش راه ساده عکسهای کنیم

نظرات کاربران

Amir در 05 اردیبهشت 1389 - 20:25 گفته:

عضو سایتنظرات: 26

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

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

خبرناک - نو آوری جدید به کمک دیتالایف انجین
KhabarNak.iR

-------------
فیس من - نو آوری جدید دیگر (بزودی) باز هم با دیتالایف انجین
FaceMan.iR

3.5

SalaR در 05 اردیبهشت 1389 - 20:27 گفته:

مدیر بازنشستهنظرات: 312

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

1.5

P30siS در 05 اردیبهشت 1389 - 20:40 گفته:

عضو سایتنظرات: 60

Love You Liver !!! love

Amir در 05 اردیبهشت 1389 - 20:48 گفته:

عضو سایتنظرات: 26

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

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

1.5

tahmiineh در 05 اردیبهشت 1389 - 20:50 گفته:

عضو سایتنظرات: 24

مرسی

abolfazlgoodarzi در 05 اردیبهشت 1389 - 21:37 گفته:

عضو سایتنظرات: 31

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

afsoongar_ghadiri در 05 اردیبهشت 1389 - 22:59 گفته:

عضو سایتنظرات: 7

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

SalaR در 05 اردیبهشت 1389 - 23:28 گفته:

مدیر بازنشستهنظرات: 312

afsoongar_ghadiri,
بعد از

a img {
border: none;
}

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

1.5

afsoongar_ghadiri در 06 اردیبهشت 1389 - 00:11 گفته:

عضو سایتنظرات: 7

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

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

elhacker در 06 اردیبهشت 1389 - 01:11 گفته:

عضو سایتنظرات: 52

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

ramin006 در 06 اردیبهشت 1389 - 01:41 گفته:

عضو سایتنظرات: 91

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

nasirrayan در 06 اردیبهشت 1389 - 15:47 گفته:

عضو سایتنظرات: 7

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

چه كار كنم؟

thaniashar در 06 اردیبهشت 1389 - 15:57 گفته:

عضو سایتنظرات: 42

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

SalaR در 06 اردیبهشت 1389 - 16:24 گفته:

مدیر بازنشستهنظرات: 312

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

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

SMostafa Moosavi در 06 اردیبهشت 1389 - 16:51 گفته:

عضو سایتنظرات: 260

اینجوری اگه عکسی توی سایت باشه نه فقط توی پستها که نخوایم کوچیک بشه هم کوچیک میشه 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

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

احتمالاً با کمی فعالیت شروع کنم
SMostafa.ir

SalaR در 06 اردیبهشت 1389 - 19:05 گفته:

مدیر بازنشستهنظرات: 312

SMostafa,
اینم میشه haha

0.5

windom در 06 اردیبهشت 1389 - 19:48 گفته:

عضو سایتنظرات: 103

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

مجید حسین زاده در 06 اردیبهشت 1389 - 23:40 گفته:

عضو سایتنظرات: 156

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

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

در تلاش برای توسعه دیتالایف ...

nasirrayan در 07 اردیبهشت 1389 - 15:41 گفته:

عضو سایتنظرات: 7

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

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

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

short-story , full-story

0.5

dlbax در 07 اردیبهشت 1389 - 15:49 گفته:

عضو سایتنظرات: 1

ممنون

simsim00 در 18 اردیبهشت 1389 - 03:00 گفته:

عضو سایتنظرات: 2

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

saeidking در 21 اردیبهشت 1389 - 21:07 گفته:

عضو سایتنظرات: 3

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

EaS در 15 تیر 1389 - 11:11 گفته:

عضو سایتنظرات: 1

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

orbitnic در 06 مرداد 1389 - 12:59 گفته:

عضو سایتنظرات: 3

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

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

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

northboy در 09 مرداد 1389 - 00:36 گفته:

عضو سایتنظرات: 6

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

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

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

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

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

hamsah در 18 شهریور 1389 - 20:05 گفته:

عضو سایتنظرات: 1

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

سالارخیابانی در 29 شهریور 1389 - 15:50 گفته:

عضو سایتنظرات: 37

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

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

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