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

شروع موضوع توسط Poorya.L ‏2012/1/17 در انجمن گرافیک

  1. Poorya.L

    Poorya.L کاربر فوق حرفه ای

    ارسال‌ها:
    1,140
    امتیازات:
    +4,827 / -76
    نام مرکز سمپاد:
    شهید بهشتی
    شهر:
    نیشابور
    دانشگاه:
    -
    رشته دانشگاه:
    مکانیک
    خب این تاپیک برای افرادیه که میخوان در پست هاشون از عکس استفاده کنن مخصوصا کسانی که خیلی توی هنر و رسانه فعالیت میکنن
    خب اول بگم که "thumbnail" یعنی تصاویر کوچیکی که با کلیک بر روی اون ها میتونید اون تصویر رو به صورت بزرگ ببینید، یک مزیت بسیار مفیدی که داره اینه که باعث میشه پست هایی که درشون عکس هست،حجمشون کم بشه و در نتیجه تاپیک ها و صفحه هایی که موضوعشون مربوط به عکس هست زود تر بالا بیان و لودشون سریع تر بشه مثل تاپیک های انجمن های هنر و گرافیک و از همه مهم تر عکس
    خب برای شروع من یه سایت رو معرفی میکنم که از نظر من واقعا مثل اسمش بهترینه چون یه قابلیت بسیار خوبی که این سایت داره اینه که شما بعد ثبت نام میتونید یک فایل منیجر داشته باشین آدرس سایت: http://up.behtarin.com/ => [​IMG]
    خب بعد از آپلود به شما تعدادی کد میده که فقط سه قسمتش واسه اینجا مهمه:
    • لینک تصویر بنداگشتی (نمای کوچک) عکس
    • لینک مستقیم تصویر اصلی
    • لینک مربوط به حذف فای
    [​IMG]

    حالا برای قرار دادن تصویر thumbnail باید کد مقابل "لینک تصویر بنداگشتی (نمای کوچک) عکس" رو کپی کنین و به جای "http://up.behtarin.com/" در کد:
    کد:
    [url=http://up.behtarin.com/][IMG]http://up.behtarin.com/uploads/thumbs/753dc5673f1.jpg[/IMG][/url]
    کد مقابل "لینک مستقیم تصویر اصلی" رو جایگزین کنید کنید
    برای مثال:
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    خب من به خاطر اینکه این سایت لیستی از فایل های آپلود شدهی شما در اختیارتون میذاره گفتم که از این سایت استفاده کنید چون اگر یه بار یک عکس رو آپلود کنید دیگه لازم نیست هر وقت خواستین اون عکس رو توی نت بذارین دوباره آپلود کنین فقط کافیه به فایل منیجرتون توی سایت برین
    ولی
    اگر حالو حوصله ی این کار ها رو ندارین یه روش بسیار ساده تر هم هست فقط باید به این سایت برین و بعد از آپلود ، متن جلوی "پیش نمایش برای انجمن ها" رو کپی کنید و در قسمت "پاسخ" سمپادیا پیست کنید (همین) اینم سایتش http://www.up.98ia.com/
     
    • لایک لایک x 21
  2. Poorya.L

    Poorya.L کاربر فوق حرفه ای

    ارسال‌ها:
    1,140
    امتیازات:
    +4,827 / -76
    نام مرکز سمپاد:
    شهید بهشتی
    شهر:
    نیشابور
    دانشگاه:
    -
    رشته دانشگاه:
    مکانیک
    توضیح دستور گذاشتن عکس

    خب بهتره یه توضیحی هم درباره ی کد گذاشتن عکس بدم:
    تو این کد از دو تا دستور استفاده میشه
    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]
    
    [​IMG]
     
    • لایک لایک x 8
  3. Neg@r

    [email protected] کاربر حرفه ای

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

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

    Poorya.L کاربر فوق حرفه ای

    ارسال‌ها:
    1,140
    امتیازات:
    +4,827 / -76
    نام مرکز سمپاد:
    شهید بهشتی
    شهر:
    نیشابور
    دانشگاه:
    -
    رشته دانشگاه:
    مکانیک
    پاسخ : (بدون موضوع)

    آره یه روش دیگش هم همونه که خودت گفتی
    فرض کن دو تا لینک داری

    عکس کوچیک: 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]
    یعنی دستور [​IMG]
     
    • لایک لایک x 2
  5. Poorya.L

    Poorya.L کاربر فوق حرفه ای

    ارسال‌ها:
    1,140
    امتیازات:
    +4,827 / -76
    نام مرکز سمپاد:
    شهید بهشتی
    شهر:
    نیشابور
    دانشگاه:
    -
    رشته دانشگاه:
    مکانیک
    پاسخ : آموزش قرار دادن عکس در پست ها به صورت 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 مناسب است.

    نمونه کد :

    عکس با سایز اصلی:
    [​IMG]

    سایز تغییر یافته:
    [​IMG]
     
    • لایک لایک x 1