یادگیری آسانِ وب و رایانه


این مطلب برای وبگردها مناسبه ; شده تا حالا وارد یه سایتی بشین و از تصویر بک گراند یا همون تصویر زمینه سایت خوشتون بیاد اما … اما نمیتونین ورش دارین ، حالا باید چیکار کنیم ؟

خب نگران نباشید راه حلش دو تا کلیکه فقط ، ادامه مطلب رو بخونید …

روش اول : استفاده از قابلیت inspect elements در مرورگرها

  1. روی صفحه سایت کلیک راست کرده و سپس از منوی باز شده گزینه inspect elements را بزنید
  2. در مرورگر شما بخشی شامل نمایش کدهای سایت باز میشود
  3. در سمت چپ پنل باز شده کدهای html و در سمت راست کدهای css مربوط به هرکدام از تگها و کلاسها قرار میگیرد
  4. برای برداشتن تصویر زمینه باید روی تگ Body از بخش html کلید کنید (ویژگیهای کلی صفحه سایت شامل تصویر زمینه در تگ body قرار میگیرد)
  5. حالا در بخش سمت راست کلاس body را پیدا کنید و خواهید دید که درون آن کلاس مشخصه ای با عنوان background قرار دارد
  6. کافیست روی آدرس عکس در مقابل مشخصه background از کلاس Body در این پنل css از تنظیمات inspect elements کلیک کنید تا تصویر باز شود و بتوانید آن را ذخیره کنید

روش دوم : استفاده از قابلیت view source در مرورگرها

  1. کلیک راست روی صفحه
  2. انتخاب گزینه View source یا view page source
  3. یه صفحه باز میشه که تمام کدهای اون صفحه رو نمایش میده ، اینجا باید کلیدهای ترکیبی Ctrl+F رو بزنید تا کادر جستجوی  مرورگر فعال بشه
  4. حالا پسوند عکس رو باید جستجو کنید تا هر چی عکس توی صفحه کد هست های لایت بشه

غالبا پسوند تصاویر بک گراند وبسایتها یا jpg هستند یا png که شما با جستجوی اینها به تصویر مورد نظر میرسید

  1. برای این که بفهمین کدوم تصویر همون بک گراند یا عکس دلخواه شماست باید آدرس عکس رو که بین دو علامت “” قرار داره کپی کنین و در صفحه جدید مرور گر بازش کنین تا عکس رو ببینید .
  2. در پایان هم که عکس پیدا شد روی عکس کلیک راست کنید و save کنید.
  3. البته روش راحت تر اینه که در صفحه view source تگ body که منحصربه فرد هم هست رو پیدا کنید و آدرس عکس رو از مشخصه background اون بردارید.

به همین راحتی تصویر زمینه هر سایت یا وبلاگی قابل دسترسی خواهد بود.

پانوشت:

در نگاه اول این کار برای برداشت تصویر زمینه جالبه اما استفاده های دیگه ای هم داره که بدرد کد نویس ها و برنامه نویس ها هم میخوره چون با قابلیتهای مرورگرهای جدید بخصوص گزینه inspect elements میشه فهمید هرکدام از بخشهای سایت به چه صورت کدنویسی شده البته فقط کدهای html و css سایت .
 
اگر سوالی بود بپرسید
موفق باشید .
مقالات مرتبط

سوالی دارید؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

۱ دیدگاه