نحوه تغییر رنگ پیوندها در سایت

فهرست مطالب:

نحوه تغییر رنگ پیوندها در سایت
نحوه تغییر رنگ پیوندها در سایت

تصویری: نحوه تغییر رنگ پیوندها در سایت

تصویری: نحوه تغییر رنگ پیوندها در سایت
تصویری: چگونه رنگ صفحه وب سایت را تغییر دهیم؟?How to change background-color of website 2024, نوامبر
Anonim

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

نحوه تغییر رنگ پیوندها در سایت
نحوه تغییر رنگ پیوندها در سایت

در این حالت ، باید بدانید که رنگ پیوندها با استفاده از CSS (Cascading Style Sheets) - ورق های سبک آبشار تغییر می کند. این جداول جداول مورد استفاده برای ایجاد یک منبع وب در کنار زبان برنامه نویسی هستند. CSS مسئول ساختار سایت ، یعنی سبک ، شکل ظاهری و HTML آن است - برای محتوای منبع. CSS ادامه تکامل HTML است.

رنگ پیوند در سایت

بنابراین ، می توانید رنگ پیوندها را هم برای سایت به طور کلی و هم برای هر پیوند به طور جداگانه تغییر دهید. رنگ های پیوند به عنوان صفتی از برچسب اصلی تنظیم می شوند. ویژگی چیزی است که شما نیازی به نوشتن در کد ندارید ، زیرا برخی از آنها به طور پیش فرض از قبل تنظیم شده اند. ویژگی پیوند رنگ پیوندهای موجود در صفحه سایت را تعیین می کند. پیش فرض آبی است. Alink صفتی است که رنگ پیوندهای فعال را تعیین می کند ، به طور پیش فرض قرمز است. Vlink - از پیوندهای بازدید شده ، رنگ پذیرفته شده آنها بنفش است.

غالباً ، رنگ پیوندها در صفحات وب با نماد هگزادسیمال (#EEEEEE - خاکستری) یا در قالب rgb (# 808080 - خاکستری) تنظیم می شود ، اما می توانید از علامت گذاری سنتی رنگ انگلیسی (خاکستری - خاکستری) نیز استفاده کنید. علاوه بر این ، رنگ را می توان به درجه تنظیم کرد ، قالب HSL برای این مناسب است. نمودارهای رنگی به راحتی در اینترنت پیدا می شوند.

رنگ پیوندها را تغییر دهید

برای تغییر رنگ همه پیوندهای صفحه ، کافی است رنگ ویژگی رنگ را در سبک ها تغییر دهید. برای انجام این کار ، فایل style.css را پیدا کنید ، آن را باز کنید و ویژگی را پیدا کنید. به عنوان مثال ، A {color: green؛ / * رنگ پیوند * /} ، جایی که A پیوندی است ، رنگ آن را به سبز تغییر می دهیم. با استفاده از هر یک از سیستم های علامت گذاری رنگ می توانید مقدار رنگ را به دلخواه تغییر دهید. مرورگر شما را "درک" می کند. این سبک برای همه پیوندهای موجود در صفحه وب اعمال خواهد شد. می توانید رنگ ویژگی های دیگر را به همین ترتیب تغییر دهید ، به عنوان مثال ، رنگ پیوندی كه با نشانگر ماوس بر روی آن قرار می گیرید.

برای ایجاد پیوندهایی با رنگهای مختلف در یک صفحه وب ، از ورودی زیر در صفحه سبک استفاده کنید:

.menu a {color: grey؛ }

.content a {color: green؛ }

از این مثال می توان پیوندهای منو خاکستری و پیوندهای موجود در بلوک محتوا سبز نشان داد.

اگر سبک ها در یک فایل جداگانه نیستند ، بلکه در خود سند html هستند ، می توان مراحل مشابه را با پیوندها انجام داد. اینها انتخابگرهای زمینه ای هستند.

اگر می خواهید به سرعت سبک ها را ویرایش کرده و رنگ پیوندها را تغییر دهید ، بهتر است از ویرایشگر بصری Dreamwever استفاده کنید. نکته اصلی که باید به یاد داشته باشید این است که پیوندها باید در ارتباط با کل صفحه وب ارگانیک به نظر برسند. برای پس زمینه های روشن ، پیوندهای تیره بهتر هستند و برعکس.

توصیه شده: