چگونگی تغییر ویژگی ها و style های (CSS) مربوط به مشاهده تمامی وب سایت ها، در مرورگر اینترنت Chrome :

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

مشخصات کلی ظاهر وب سایت ها، معمولا از طریق کدهای CSS (که در اصطلاح، آنها را style ها می نامیم) تعیین می شوند. بنابراین اگر بتوانیم کدهای CSS مورد نظر خودمان را به سایت ها تحمیل کنیم، آنگاه مطابق میل ما نمایش داده می شوند.

برای این منظور، در مرورگر اینترنت Chrome ، راه حلی وجود دارد. برای این مرورگر اینترنت، یک extension با نام Stylish وجود دارد که با نصب آن و نوشتن کدهای CSS مورد نظرمان در محیط آن، از آن به بعد، سایت ها با ویژگی هایی که تعیین کرده ایم (با کدهای CSS) در مرورگر اینترنت Chrome نمایش داده می شوند.

برای نصب این extension ، مرورگر اینترنت Chrome را اجرا کرده و در آن به صفحه اینترنتی زیر بروید :

https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en

صفحه ای مطابق شکل زیر نمایش داده می شود :

برای نصب، بر روی گزینه ADD TO CHROME کلیک می کنیم. یک پیام نمایش داده می شود که از ما می پرسد آیا می خواهیم این extension نصب شود یا خیر :

بر روی گزینه Add extension کلیک کنیم. extension دانلود و نصب می گردد. پیامی مبنی بر نصب extension نمایش داده می شود و آیکون extension نیز به پنجره Chrome افزوده خواهد شد :

بر روی آیکون آن کلیک می کنیم و سپس در پنجره ای که نمایش داده می شود، بر روی گزینه Manage installed styles کلیک می نماییم :

در پنجره ای که باز می شود، از منوی سمت چپ، گزینه Write new style را انتخاب می کنیم :

پنجره زیر نمایش داده می شود :

در قسمتی که با کادر قرمز نمایش داده ایم، یک نام دلخواه برای این Style انتخاب می کنیم (نام Kelidestan_Style، به دلخواه انتخاب شده است و دقت داشته باشید که این Style به همه وب سایت ها اعمال خواهد شد، نه فقط یک سایت خاص). در بخش Code ، کدهای CSS مورد نظرمان را می نویسیم. در انتها بر روی گزینه Save کلیک می کنیم.

خوب اکنون تغییرات اعمال شده اند. من با کد CSS زیر تعیین کرده ام که لینک هایی که قبلا بازدید کرده ایم، به رنگ قرمز نمایش داده شوند :

نکته مهم این است که باید برای تمامی مشخصه هایی که اعمال می کنید، عبارت important! را بنویسید، در غیر این صورت، ممکن است که مشخصه به برخی وب سایت ها اعمال نشوند (به دلیل اولویت بندی های آن وب سایت ها در کدهای CSS ای که در تعریف سایت به کار برده اند).

اکنون برای تست آن، در موتور جستجوی گوگل (google.com)، عبارت ((کلیدستان)) را جستجو می کنم :

مشاهده می کنید که لینک هایی که قبلا بازدید کرده ایم، با رنگ قرمز نمایش داده شده اند.

غیرفعال کردن Style تعریف شده :

برای غیرفعال کردن Style تعریف شده، تیک کنار گزینه Enabled را برمی داریم و سپس بر روی گزینه Save کلیک می کنیم :

بنابراین دیگر اثری از آن Style نمی باشد :