نحوه تغییر مکان نما در سایت

فهرست مطالب:

نحوه تغییر مکان نما در سایت
نحوه تغییر مکان نما در سایت

تصویری: نحوه تغییر مکان نما در سایت

تصویری: نحوه تغییر مکان نما در سایت
تصویری: Escape To The Country 2021 - Derbyshire -November 03,2021 HD 2024, ممکن است
Anonim

سایت هایی با ظاهری جذاب مورد توجه بازدیدکنندگان قرار می گیرند. برای بهبود ظاهر منبع ، صاحبان آنها معمولاً به طور کامل یا جزئی طرح را تغییر می دهند. متأسفانه افزودن عناصر رنگارنگ جدید برای تزئین صفحه زمان زیادی را می گیرد. یک راه سریع برای جلب توجه بازدیدکنندگان منابع ، جایگزینی نشانگر معمول با یک تصویر کوچک است. برای نصب چنین عنصری در سایت ، باید چند مرحله ساده انجام دهید.

نحوه تغییر مکان نما در سایت
نحوه تغییر مکان نما در سایت

لازم است

  • - سایت خود
  • - حداقل دانش اولیه در مورد HTML داشته باشید
  • - بدانید کد CSS در سایت چیست

دستورالعمل ها

مرحله 1

ابتدا تصویری را که جایگزین اشاره گر در سایت می شود بارگیری کنید. تصاویر از قالب های گرافیکی رایج (.bmp ،.gif ،.jpg

گام 2

برای جایگزینی نشانگر ، به یک عکس در قالب.cur یا.ani نیاز دارید. برای به دست آوردن چنین تصویری ، در اینترنت تصاویری را که مخصوص مکان نما طراحی شده اند جستجو کنید. پسوند.cur مخصوص تصاویر ساکن است و پسوند.ani مخصوص تصاویر متحرک است. فایلی را که دوست دارید در رایانه خود ذخیره کنید.

مرحله 3

اما برای تغییر نشانگر ، تهیه تصویر نهایی اصلاً ضروری نیست. اگر می خواهید خودتان یک عکس بسازید ، از یکی از برنامه های ویژه برای ایجاد مکان نما یا تبدیل فرمت های فایل گرافیکی استفاده کنید.

مرحله 4

تصویر مکان نما را در سایت پر کنید. سپس ، در کد منبع ، برچسب را پیدا کرده و تغییرات زیر را در آن اعمال کنید:

به جای نوشتن "images / 1.ani" ، مسیر تصویر بارگذاری شده در سایت خود را نشان دهید.

مرحله 5

اگر می خواهید مکان نما هنگام قرار گرفتن در بالای لینک ، به صورت یک تصویر باشد و در صورت عدم وجود عنصر پیوند دهنده - مانند تصویر دیگری به نظر برسد ، بهتر است برای تغییر نشانگر از CSS استفاده کنید. برای انجام چنین تغییراتی ، ابتدا پرونده دیگری را با پسوند.cur یا.ani در سایت بارگذاری کنید.

مرحله 6

سپس ، در CSS سایت خود ، "body {cursor: url ('1.ani')؛}" را وارد کنید ، به جای "1.ani" ، مسیر تصویر اصلی را برای نشانگر آپلود شده در آن مشخص کنید. سایت. این کد ویژگی را برای تغییر مکان نما به تصویر مشخص شده به برچسب اضافه می کند که در آن محتوای تمام صفحات منبع نوشته شده است.

مرحله 7

سپس در CSS خط "a {cursor: url ('2.ani')؛}" را بنویسید ، "2.ani" را جایگزین مسیر نشانگر نشانگر بارگذاری شده در منبع کنید ، که باید هنگام نشانگر نشانگر نشان داده شود ارتباط. ورودی ایجاد شده به شما این امکان را می دهد تا هنگام اشاره گر به هر پیوندی در سایت ، مکان نما را با تصویر مربوطه جایگزین کنید ، زیرا باعث تغییر در ویژگی برچسب می شود.

توصیه شده: