loading...
وبلاگ آموزشی مهدی
mahdi بازدید : 93 دوشنبه 24 مهر 1391 نظرات (0)

نحوه‌ ایجاد تغییر در ظاهر دکمه‌ نارنجی‌ رنگ فایرفاکس

 

 نحوه‌ ایجاد تغییر در ظاهر دکمه‌ نارنجی‌ رنگ فایرفاکس

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

 

بدین منظور:

ابتدا بر روی این دکمه‌ نارنجی‌ رنگ کلیک کرده و از منوی Help بر روی Troubleshooting Information کلیک کنید.

Firefox-Troubleshooting-Information
در تب باز شده، در بخش Application Basics و قسمت Profile Folder بر روی دکمه‌ی Show Folder کلیک نمایید.

Firefox-Show-Folder
اکنون در پنجره‌ باز شده، وارد پوشه‌ chrome شوید.

Firefox-Profile-Chrome-Folder

Check-Chrome-Fileنکته: در صورتی که چنین پوشه‌ای موجود نیست خودتان آن را ایجاد کنید و ادامه کار را طبق مراحل گفته شده جلو بروید.
در این مرحله اطمینان پیدا کنید قابلیت دیدن پسوند فایل‌ها در محیط ویندوز فعال است. بدین منظور از طریق Control Panel وارد Folder Options شده و در پنجره باز شده به تب View بروید. اکنون اطمینان پیدا کنید گزینه‌ی Hide extensions for known file types تیک نخورده باشد.
حال در این پوشه، بر روی فضای خالی از صفحه راست کلیک کرده و New > Text Document را فعال کنید.

New-Text-Document
نام این فایل را userChrome و پسوند آن را css قرار دهید (userChrome.css).

Save-As-User-Chrome
اکنون بر روی userChrome.css راست کلیک کرده و Open With > Notepad را انتخاب کنید تا این فایل با Notepad باز شود.
اکنون در محیط Notepad کدهای زیر را Copy و Paste کنید:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#appmenu-button
{
background: #FFA500 !important;
}
#appmenu-button dropmarker:before {
content: "Firefox" !important;
color: #FFFFFF !important;
}
#appmenu-button .button-text {
display: none !important;
}

Firefox-Chrome-CSS-Codeدر قسمتهای مشخص شده از کد شما می‌توانید رنگ پشت‌زمینه‌ی دکمه را تغییر دهید:

background: #FFA500 !important;

دقت کنید FFA500 کد رنگ نارنجی بر مبنای کد HEX است. در صورتی که قصد تغییر رنگ را دارید بایستی کد رنگ مورد نظر خود را به جای این کد رنگ کنونی وارد کنید.
لیست کد رنگ‌های HEX بدین صورت است:
مشکی:

#000000

قرمز:

#FF0000

سبز:

#00FF00

آبی:

#0000FF

زرد:

#FFFF00

فیروزه‌ای:

#00FFFF

صورتی:

#FF00FF

خاکستری:

#C0C0C0

سفید:

#FFFFFF

به عنوان مثال اگر قصد تغییر رنگ دکمه به آبی را داشته باشیم کد ما در این خط بدین صورت خواهد بود:

background: #0000FF !important;

همچنین در این خط می‌توانید متن دکمه را تغییر دهید:

content: "Firefox" !important;

کافی است به جای Firefox عبارت مورد نظر خود را وارد کنید.
برای تغییر رنگ متن دکمه نیز بایستی این خط را ویرایش کنید:

color: #FFFFFF !important;

در این خط نیز بایستی کد رنگ در مبنای HEX را وارد کنید.
در نهایت فایل را Save کرده و برای ایجاد تغییر در مرورگر یک‌بار مرورگر را به طور کامل بسته و آن را از نو باز کنید.

مطالب مرتبط
ارسال نظر برای این مطلب

کد امنیتی رفرش
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نظرسنجی
    بیشترین استفاده‌ای که از تلفن همراه‌تان می‌کنید مربوط به چه کاری است؟
    آمار سایت
  • کل مطالب : 1017
  • کل نظرات : 88
  • افراد آنلاین : 2
  • تعداد اعضا : 0
  • آی پی امروز : 103
  • آی پی دیروز : 85
  • بازدید امروز : 1,570
  • باردید دیروز : 1,502
  • گوگل امروز : 2
  • گوگل دیروز : 2
  • بازدید هفته : 4,146
  • بازدید ماه : 8,290
  • بازدید سال : 33,343
  • بازدید کلی : 427,367
  • کدهای اختصاصی