تغییر رنگ selection متن

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

شیوه نامه تغییر رنگ selection متن

برای این کار به شیوه نامه (style.css) وبلاگ , قالب وردپرس و … خود رفته و در یک جا معمولا همون اوایل این دوتا شیوه نامه را اضافه کنید.

::selection {
 background: #F2CD27;
 color: #222;
}
::-moz-selection {
 background: #F2CD27;
 color: #222;
}

الان رنگ انخاب متن شما به زرد درمیاد.اگر دوست دارید عوضش کنید و رنگ دلخواه خودتونو قرار بدید عدد مربوطه رنگ خود را جایگزین کنید.

امتیاز شما برای این مقاله
22 نظرات
  1. محمدرضا می گوید

    سلام خسته نباشین ارش جان من یه سوالی داشتم خیلی وقته واسم معماست من میخوام مثل این سایت وقتی روی کلمه ای میرم پنجره ای براش باز بشه که اون کلمه رو توضیح بده مثل دیجی کالا یا خیلی از سایت های دیگه هر از گاهی به همچین سایت های بر میخورم که بعضی هاشونم وردپرس بوده

    1. دکتر آرش حیدری می گوید

      سلام
      میتونی سایت های وردپرسی که مشاهده کردید رو معرفی کنید تا افزونه های مورد استفاد رو بهتون معرفی کنم ؟
      تشکر

  2. lalik می گوید

    ممنون خیلی عالی بود.

  3. سجاد می گوید

    ارش میدونستی خیلی باحالی؟ خخخخخخخ دمت گرم

  4. ابوالفضل می گوید

    سلام واقعا سایتتون عالیه

    فقط در مورد کد و اسکریپت زیاد مطلب بزارید

    اگه میشه هم تو سایتتون ایدی یاهو بزارید در تماس باشیم

  5. mehrsa می گوید

    کجا باید اضافه کنم دقیقا؟؟من نفهمیدم

    1. آرش حیدری می گوید

      یکبار با دقت بخونید متن رو ، هر کجاشو متوجه نشدید بگید راهنمایی کنم …

  6. طراحی سایت می گوید

    خوب بود.ممنون

  7. رضا می گوید

    آرش میدونستی خیلی باحالی.

    1. آرش حیدری می گوید

      جان ؟!

  8. حمید می گوید

    سلام
    ممنون از محبت هات.
    من تا حدودی html و css بلدم.
    از مطالبت لذت بردیم!!!
    موفق باشی و خداوند کمکت کند.

  9. بهمن می گوید

    میشه بدونم قالب های به زبان خارجی رو چه جوری میشه به زبان فارسی کرد؟

    1. آرش خیدری می گوید

      نیاز به آشنایی با css و html هستش ، یکم سخته خوب.اگر امری هست تیم ما در خدمته.

  10. محمد می گوید

    واقعا از جوابتون ممنونم
    ( نتونستم پیدا کنم )
    میشه شیوه نامه خودتون رو برام بفرستید . چون هم رنگ و هم طرحش خوبه
    بازم ممنون

  11. محمد می گوید

    سلام دوست عزیز
    یه سوال داشتم
    چجوری میشه در بخش ستون سمت راست وقتی روی هر مطلب که میرم , یک کادر رنگی کل مطلب رو بپوشاند یا رنگش عوض بشه ؟ ؟ ؟ ( مثل سایت خودتون )
    ( الان وقتی رو هر مطلب سایتم میرم یه خط زیرش میاد )

    1. آرش حیدری می گوید

      درون فایل style.css مربوط به قالبتون در جایی که لینک های مورد نظرتون وجود دارن کلاس a،شیوه نامه ای با عنوان hover وجود دارد که باید ویرایش کنید.
      میتونید با دیدن سورس با شیوه نامه من با راست کلیک کزدن!،شیوه نامه منو کپی کنید!
      ببخشید دیگه با گوشی جواب دادم نشد کامل تر بگم
      مرسی سرزدی ،موفق باشی دوست عزیز

      1. WebDesignNube می گوید

        سایت بسیار خوبی رو ایجاد کردید تبریک میگم دارم از تک تک مطالبتون استفاده می کنم
        من دارم از قالب مینیمالیستی که شما لطف کرید قرار دادین استفاده می نم هرچی تو شیوه نامه می گرم جایی برای تغییر رنگ رنگ پس زمینه پیدا نمی کنم ؟؟؟

  12. had می گوید

    داداش دمت گرم استفاده کردم جواب داد

    1. آرش حیدری می گوید

      داداش خواهش !

  13. علی کاویانی می گوید

    جالب بود.

    1. آرش حیدری می گوید

      مر30

    2. سعید می گوید

      پارتی بازی؟؟ :D

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.