آموزش تغییر رنگ پیش فرض هنگام انتخاب متن

آموزش تغییر رنگ پیش فرض هنگام انتخاب متن

سلام به همه , در خدمتتون هستم با آموزش تغییر رنگ پیش فرض هنگام انتخاب متن اگه به تصویر این پست توجه کنید هنگام انتخاب متن در صفحات وب زمینه ی متن به صورت پیش فرض یه رنگی داره که شاید شما دوست داشته باشید این رنگ پیش فرض رو به رنگ دلخواهتون تغییر بدید

کار بسیار آسونیه و با یه کد ساده می تونید مشخص کنید که در سایت شما هنگامی که متن اتنتخاب شد رنگ زمینه ی متن چه رنگی باشه به صورت های لایت برای این کار کافیه کد زیر رو به فایل استایل قالب خود اضافه کنید.

برای دسترسی به فایل استایل style.css کافیه در قسمت مدیریت ( گزینه ی نمایش / ویرایشگر ) رو بزنید تا ویرایشگر وردپرس براتون باز بشه و اولین فایل به صورت پیش فرض در این ویرایشگر همون فایل style.css هستش به اخرین خط کدهای موجود در این فایل برید و کد زیر را به انتهای فایل اضافه کنید و فایل را ذخیره کنید.

::-moz-selection {
background-color: #ff6200;
color: #fff;
}

::selection {
background-color: #ff6200;
color: #fff;
}

به همین راحتی 🙂

اگه حالا در صفحه سایت خود متنی رو انتخاب کنید زمینه یا های لایت شدن متن به رنگی نمایش داده میشه که انتخاب کردید می توانید در کد رنگ ها رو به دلخواه خودتون تغییر بدید این ویژگی در اینترنت اکسپلورر 9 به بالا , گوگل کروم , فایرفاکس , اپرا پشتیبانی میشه.

امیدوارم مفید .اقع بشه براتون , آرزومند بهترین ها برای شما …

منبع: بیگ تم

لینک کوتاه: https://bigtheme.ir/?p=2563

یک نظر

  1. محمد

    سلام من این کدها را در فایل style.css سایتم گذاشتم اما المنت سلکشن بعنوان مثال ::selection {
    background-color: #ff6200;
    color: #fff;
    }
    به css من اضافه نشد.

  2. هادی قربانی

    سلام اگه منظورتون قرار دادن لینک هست باید کد رنگ سفید بهش داده بشه

  3. ارزو

    باتشکر از آمورش های مفیدی که ارائه میدهید میخواستم بدونم اگه مثلا تو سایت شخصی که درست شده رزومه کاریتون رو بصورت پی دی اف بزارید ولی لینکش به صورت رنگ سفید نمایش داده بشه برای تغییر رنگ لینک چیکار باید کرد

  4. هادی قربانی

    این مورد رو برید به تنظیمات قالب ببینید قالب بخشی برای تغییرات داره یا نه ؟
    این آموزش مربوط به هایلایت کردن متن هست

  5. رزا

    با سلام و تشکر از آموزش های خوبتون. می خواستم بپرسم این آموزش برای تغییر رنگ منوی بالای سایت هم مورد استفاده قرار می گیره؟ خیلی تو نت سرچ کردم ولی نتونستم به جواب درستی برسم. منظورم کشوهای منوی بالای سایت هستن. مثلا بخش فروشگاه یک کشو داره که شامل چند تا برگ مختلف هست. می خوام کاربر روی هر کدوم از این برگ ها که ماوس رو قرار میده، رنگ اون برگه تغییر کنه که برگه ها با هم قاطی نشن چون تعدادشون خیلی بیشتر از این هست و هنوز تکمیلش نکردم. آیا امکانش هست؟ باز هم تشکر که وقت می گذارین

دیدگاهتان را بنویسید

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