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

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

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

تغییر اندازه عکسها

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

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


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

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

img { max-width:500px;}


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

نظرات کاربران
Amir در 05 اردیبهشت 1389 - 20:25 گفته:
عضو سایتنظرات: 26

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

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

SalaR در 05 اردیبهشت 1389 - 20:27 گفته:
مدیر بازنشستهنظرات: 312

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

P30siS در 05 اردیبهشت 1389 - 20:40 گفته:
عضو سایتنظرات: 60

Love You Liver !!! love

Amir در 05 اردیبهشت 1389 - 20:48 گفته:
عضو سایتنظرات: 26

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

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

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;
}


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

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>


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

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

SalaR در 06 اردیبهشت 1389 - 19:05 گفته:
مدیر بازنشستهنظرات: 312

SMostafa,
اینم میشه haha

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

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 و نه كروم و نه سافاری
چه كد جالبی!!!
حتی ذخیره گاه رو پاك كردم و كش مرورگرا رو حذف.

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

sir_iman در 03 آبان 1389 - 09:49 گفته:
عضو سایتنظرات: 10

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

Amirali در 06 شهریور 1390 - 23:29 گفته:
عضو سایتنظرات: 178

ممنون excisted makhsoosefreeiran pray happy

ارسال نظر
نام:*
ایمیل:*
متن نظر:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
کد را وارد کنید: *
عکس خوانده نمی‌شود؟ کلیک کنید!