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

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

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

تغییر اتوماتیک سایز

تغییر اتوماتیک سایز عکس

حتما تا حالا با این مشکل مواجه شدید که مثلا یه عکسی از پهنای قالب شما بزرگتره و باعث میشه قالب شما به هم بریزه
برای افرادی که با این جور مشکلات مواجه میشن این هکی که میخوام معرفی کنم یه هک بسیار کاربردی هست
شیوه کار این هک اینجور هست که شما یه سایز میدید و این بار هر عکسی تو سایت قرار بدید به اون سایز تغییر پیدا میکنه

آموزش نصب
فایل style.css از قالب خود را باز کنید و این کدها را در انتهای آن قرار دهید :


#post-img img{width: XXXpx}
#post-img img{height: XXXpx}



به جای XXX سایز عکس را قرار بدید ( طولش و ارتفاعش )

اکنون shortstory.tpl را باز کنید و به دنبال کد زیر بگردید :


{*short-story}



به جای کد فوق این کد را قرار دهید :


<span id="post-img">{*short-story}</span>



اکنون عکس های موجود در متن اولیتون همگی تغییر سایز پیدا میکنن

حالا میریم سراغ همین تغییرات این بار تو ادامه مطلب :
fullstory.tpl را باز کنید و به دنبال کد زیر بگردید :


{*full-story}


به جای کد فوق این کد را قرار بدید :


<span id="post-img">{*full-story}</span>



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

حتما علامت * را در کد های بالا بردارید
تصاویر
تغییر اتوماتیک سایز عکس
نظرات کاربران
شهاب در 08 اسفند 1390 - 12:51 گفته:
عضو سایتنظرات: 69

سلام
جالب بود و کاربردی
خسته نباشی
این چند وقته کارات حسابی به دیتالایف انجین جون داده
دم همه بچه های دیتالایف انجینی گرم

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

IMP در 08 اسفند 1390 - 16:08 گفته:
مدیر بازنشستهنظرات: 917

ممنون،
هر چند که این هک نیست، فقط یک کد CSS ساده هستش flower

امید  در 08 اسفند 1390 - 16:18 گفته:
عضو سایتنظرات: 28

دستتون درد نكنه
ولی به درد سایت نمی خوره به گفته آقای IMP تغییری در حجم نمی كنه

1001night.ir در 08 اسفند 1390 - 17:46 گفته:
عضو سایتنظرات: 55

noredin,
IMP,
به هر حال خوبه دیگه مشکله خیلیا رو حل میکنه نــــــــــــــــــــــــــــــــه! imp

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

donyayeclip در 08 اسفند 1390 - 19:20 گفته:
عضو سایتنظرات: 61

flower

ahmad4u در 08 اسفند 1390 - 19:22 گفته:
عضو سایتنظرات: 83

خوبه
اما اگه میتونست با تغییر سایز حجم را هم کم کنه دیگه آخرش بود delicious

علیرضا در 08 اسفند 1390 - 21:48 گفته:
عضو سایتنظرات: 51

آخرش بود دیگه این آموزش
راستی امضای بنده رو هم یه نگاهی بندازید. ممنون میشم

saeid.s در 09 اسفند 1390 - 01:20 گفته:
عضو سایتنظرات: 59

IMP,
noredin,
درسته ولی متاسفانه بنده به هاست برای تغییر قالب دسترسی ندارم که موضوع جدید رو در قالب اعمال کنم

ahmad4u,
نه دیگه این مورد نمیشه

alireza2222,
چشم به چشم خورد آماده میکنم

saeedi در 09 اسفند 1390 - 21:32 گفته:
عضو سایتنظرات: 30

تشكر
خیلی خوبه چون میبایست این كار را دستی انجام میدادیم

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

ایمان برومند در 10 اسفند 1390 - 20:11 گفته:
عضو سایتنظرات: 129

سلام دادا سعید...

واقعا مرسی...
انشاالله اونجا هم سر میزنم ببخش خیلی وقته سر نزدم و مطلبی ارسال نکردم

به هر حال حتما مزاحم میشم با مطالب جدید makhsoosefreeiran

vahid_esp در 10 اسفند 1390 - 22:28 گفته:
عضو سایتنظرات: 22

با توجه به اینکه shortstory در سایت چندین بار تکرار میشه استفاده از id اشتباهه و بهتره از class استفاده بشه

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

IMP در 11 اسفند 1390 - 21:13 گفته:
مدیر بازنشستهنظرات: 917

اگر دوستان به دنبال ماژولی هستند که عکس رو هم تغییر سایز بده، باید از ماژول CSSY استفاده کنند، البته فارسی نیست، از ورژن ۹ به بالا هم باید خودتون فایل کانفیگ اون رو ویرایش کنید! yes

Mostafa در 26 مرداد 1391 - 00:53 گفته:
عضو سایتنظرات: 5

دمت گرم کدنویسی ساده ای هست اما اهمیت زیادی توی نظم سایت داره.

iman در 27 شهریور 1391 - 13:22 گفته:
عضو سایتنظرات: 5

سلام اول خیلی ممنون بعد این که من تا ادامه مطلب پیش رفتم ولی هرچی تو فایل full-story.tpl کلمه {full-story} رو سرچ میکنم چیزی پیدا نمیشه.کمک کنین خیلی نیاز دارم.

Mileyfans در 22 اردیبهشت 1392 - 21:07 گفته:
عضو سایتنظرات: 4

خیلییییی دمتون گرم

بنیامین در 15 تیر 1395 - 08:30 گفته:
میهمان

بهسلام. به جای id از class باید استفاده کرد. این روش کلا روش خوبی نیس و باعث کشیدگی تصویر میشه

ارسال نظر
نام:*
ایمیل:*
متن نظر:
  • 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
کد را وارد کنید: *
عکس خوانده نمی‌شود؟ کلیک کنید!