• اگر سمپادی هستی همین الان عضو شو :
    ثبت نام عضویت

آموزش قرار دادن عکس در پست ها به صورت thumbnail(تصویر کوچک)

  • شروع کننده موضوع
  • #1

Poorya.L

کاربر فوق‌حرفه‌ای
ارسال‌ها
1,140
امتیاز
4,776
نام مرکز سمپاد
شهید بهشتی
شهر
نیشابور
مدال المپیاد
-
دانشگاه
-
رشته دانشگاه
مکانیک
خب این تاپیک برای افرادیه که میخوان در پست هاشون از عکس استفاده کنن مخصوصا کسانی که خیلی توی هنر و رسانه فعالیت میکنن
خب اول بگم که "thumbnail" یعنی تصاویر کوچیکی که با کلیک بر روی اون ها میتونید اون تصویر رو به صورت بزرگ ببینید، یک مزیت بسیار مفیدی که داره اینه که باعث میشه پست هایی که درشون عکس هست،حجمشون کم بشه و در نتیجه تاپیک ها و صفحه هایی که موضوعشون مربوط به عکس هست زود تر بالا بیان و لودشون سریع تر بشه مثل تاپیک های انجمن های هنر و گرافیک و از همه مهم تر عکس
خب برای شروع من یه سایت رو معرفی میکنم که از نظر من واقعا مثل اسمش بهترینه چون یه قابلیت بسیار خوبی که این سایت داره اینه که شما بعد ثبت نام میتونید یک فایل منیجر داشته باشین آدرس سایت: http://up.behtarin.com/ =>
a0df00e8ba1.jpg

خب بعد از آپلود به شما تعدادی کد میده که فقط سه قسمتش واسه اینجا مهمه:
  • لینک تصویر بنداگشتی (نمای کوچک) عکس
  • لینک مستقیم تصویر اصلی
  • لینک مربوط به حذف فای
753dc5673f1.jpg


حالا برای قرار دادن تصویر thumbnail باید کد مقابل "لینک تصویر بنداگشتی (نمای کوچک) عکس" رو کپی کنین و به جای "http://up.behtarin.com/" در کد:
کد:
[url=http://up.behtarin.com/][IMG]http://up.behtarin.com/uploads/thumbs/753dc5673f1.jpg[/IMG][/url]
کد مقابل "لینک مستقیم تصویر اصلی" رو جایگزین کنید کنید
برای مثال:
a666b1e11e1.jpg

a666b1e11e2.jpg

a666b1e11e3.jpg

a666b1e11e4.jpg

خب من به خاطر اینکه این سایت لیستی از فایل های آپلود شدهی شما در اختیارتون میذاره گفتم که از این سایت استفاده کنید چون اگر یه بار یک عکس رو آپلود کنید دیگه لازم نیست هر وقت خواستین اون عکس رو توی نت بذارین دوباره آپلود کنین فقط کافیه به فایل منیجرتون توی سایت برین
ولی
اگر حالو حوصله ی این کار ها رو ندارین یه روش بسیار ساده تر هم هست فقط باید به این سایت برین و بعد از آپلود ، متن جلوی "پیش نمایش برای انجمن ها" رو کپی کنید و در قسمت "پاسخ" سمپادیا پیست کنید (همین) اینم سایتش http://www.up.98ia.com/
 
  • شروع کننده موضوع
  • #2

Poorya.L

کاربر فوق‌حرفه‌ای
ارسال‌ها
1,140
امتیاز
4,776
نام مرکز سمپاد
شهید بهشتی
شهر
نیشابور
مدال المپیاد
-
دانشگاه
-
رشته دانشگاه
مکانیک
توضیح دستور گذاشتن عکس

خب بهتره یه توضیحی هم درباره ی کد گذاشتن عکس بدم:
تو این کد از دو تا دستور استفاده میشه
1.
کد:
[url] [/url]
کد:
[IMG][/IMG]
در کد های برنامه نویسی برای پایان دادن به کد مورد نظر از "/" قبل اسم کد استفاده میشه مثلا اگر بخواهیم عکسی رو به صورت بزرگ (سایز اصلی) توی پستمون بذاریم دستور با
کد:
[IMG]
شروع و با
کد:
[/IMG]
تموم میشه و ما باید برای قرار دادن عکس ادرس عکس رو بین این دوتا کد قرار بدیم
url هم برای لینک کردن استفاده میشه یعنی اگر ابتدا کد:
کد:
[url]
و سپس
کد:
[/url]
رو بذاریم،بین این دو کد اگر هر ادرسی قرار بدیم در حالت نمایش به لینک قابل کلیک کردن تبدیل میشه
اما چطور این دو کد رو با هم استفاده کنیم:
خب ما میخوایم وختی روی عکسی کلیک کردیم تصویر بزرگ تری یا حتی وبسایتی رو مشاهده کنیم برای این کار باید عکسمون رو لینک کنیم(به عکس قابلیت کلیک کردن بدیم)
یعنی دستور "img" رو داخل دستور "url" قرار بدیم
کد:
[url][IMG][/IMG][/url]
خب برای قرار دادن عکس که باید ادرس عکس رو بین دستور "img" قرار بدین و برای تبدیل به لینک شدن باید جلوی دستور"url" بعد از یک علامت مساوی ادرسی رو که میخواین کاربران بعد از کلیک روی عکس به اونجا برن رو وارد کنید مثلا من میخوام که شما بعد از کلیک بر روی عکس google ، به ادرس سایتش برین:
کد:
[url=http://google.com][IMG]http://www.google.com/images/srpr/logo3w.png][/IMG][/url]
 

[email protected]

کاربر حرفه‌ای
ارسال‌ها
460
امتیاز
1,606
نام مرکز سمپاد
دبیرستان فرزانگان 1
شهر
مشهد
رشته دانشگاه
دارو ســازی
پاسخ : آموزش قرار دادن عکس در پست ها به صورت thumbnail(تصویر

خیلی خوب بود واقعا دستت درد نکنه . . .
من خیلی وقت بود میخواستم بدونم که چه طوریه؟
من فک میکردم باید از عکس بزرگ کپی بگیری و اونو ریسایز (کوچیک) کنی بعد عکس کوچیک رو لینک کنی به عسک اصلی !
(که راستش اونم نمیدوستم چه طوری ؟ :D )
 
  • شروع کننده موضوع
  • #4

Poorya.L

کاربر فوق‌حرفه‌ای
ارسال‌ها
1,140
امتیاز
4,776
نام مرکز سمپاد
شهید بهشتی
شهر
نیشابور
مدال المپیاد
-
دانشگاه
-
رشته دانشگاه
مکانیک
پاسخ : (بدون موضوع)

به نقل از NΞ[email protected]гeh :
خیلی خوب بود واقعا دستت درد نکنه . . .
من خیلی وقت بود میخواستم بدونم که چه طوریه؟
من فک میکردم باید از عکس بزرگ کپی بگیری و اونو ریسایز (کوچیک) کنی بعد عکس کوچیک رو لینک کنی به عسک اصلی !
(که راستش اونم نمیدوستم چه طوری ؟ :D )
آره یه روش دیگش هم همونه که خودت گفتی
فرض کن دو تا لینک داری

عکس کوچیک: www.x.com/small.jpg
عکس بزرگ : www.x.com/big.jpg

خب اول که تصویر عکس کوچیک رو میذاری تا دیده بشه اینجوری:
کد:
[IMG]www.x.com/small.jpg[/IMG]

بعد همون کد بالا رو به صورت لینک، لینکش میکنی به آدرس عکس بزرگه اینجوری:
کد:
[url=www.x.com/big.jpg][IMG]www.x.com/small.jpg[/IMG][/url]

یعنی دستور
 
  • شروع کننده موضوع
  • #5

Poorya.L

کاربر فوق‌حرفه‌ای
ارسال‌ها
1,140
امتیاز
4,776
نام مرکز سمپاد
شهید بهشتی
شهر
نیشابور
مدال المپیاد
-
دانشگاه
-
رشته دانشگاه
مکانیک
پاسخ : آموزش قرار دادن عکس در پست ها به صورت thumbnail(تصویر

♦(روش ساده تر)♦

اگر سایز عکسی که می خواهید در سایت بگذارید بزرگ است و از محدوده پست ها بیشتر می شود از طریق کد زیر می توانید سایز آن را کوچک تر کنید.
کد عادی عکس :
کد:
[IMG]http://s4.picofile.com/file/7841318488/Qayeq.jpg[/IMG]

سایز کوچک شده :
کد:
[IMG]http://s4.picofile.com/file/7841318488/Qayeq.jpg[/IMG]

width همان عرض عکس و height همان ارتفاع عکس است. توصیه میشه عرض عکس را بیشتر از 600 و ارتفاع آن را بیش از 500 قرار ندهید. برای نمایش بهتر اندازه عرض 500 و ارتفاع 400 مناسب است.

نمونه کد :

عکس با سایز اصلی:
Qayeq.jpg

سایز تغییر یافته:
Qayeq.jpg
 
بالا