За да променим външния вид на бутона за менюто на Firefox, ще редактираме файла userChrome.css. Този файл ви позволява да промените външния вид на всяка част от Firefox, както и функционалността му.
https://webdesigns.ms11.net/chromeditp.html
Кликнете върху бутона Добавяне към Firefox на страницата.
ЗАБЕЛЕЖКА: Бъдете много внимателни относно това, което разрешавате при инсталирането на разширения и друг софтуер. Ако не сте сигурни в продукта или не вярвате на компанията, не го инсталирайте. Тествахме ChromEdit Plus и намерихме, че е безопасна и надеждна.
ЗАБЕЛЕЖКА: Можете да промените продължителността на отброяването на бутона Инсталиране, но не препоръчваме да го деактивирате.
@namespace url(“https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); #appmenu-button { background: #orange !important; } #appmenu-button dropmarker:before { content: “Firefox” !important; color: #FFFFFF !important; } #appmenu-button.button-text { display: none !important; }
Вече може да имате файл userChrome.css, в който случай вече ще има текст в раздела userChrome.css. Копирайте целия текст по-горе, с изключение на първия ред, реда @namespace и го поставете някъде в лентата след @namespace. Ако искате да запазите това, което вече имате, можете да поставите горния текст в края на файла.
ВАЖНО: Уверете се, че всички котировки в userChrome.css НЕ са умни кавички, включително тези в реда @namespace. Те трябва да са обикновени, прави кавички. Ако някои от тях са умни цитати, файлът изобщо няма да се отрази на външния вид на Firefox.
Щракнете върху Рестартиране, за да рестартирате Firefox, като използвате новия или ревизиран файл userChrome.css.
За да промените цвета на фона, променете текста "#orange" на линията "фона" в секцията "# appmenu-button" на различен цвят, като използвате кода на цвят в шестнадесетичен цвят или цветния HTML код. Например, избрахме тъмно синьо с кода на шестнадесетичен цвят # 2C4362.
ЗАБЕЛЕЖКА: За да разберете кода за цвят на шестнадесетичен цвят, вижте нашите статии за получаване на цветни кодове от шестцифрени RGB цветове, избор на цветове от всяка точка на екрана и получаване на цветни кодове в различни формати.
За да промените текста на бутона, променете текста "Firefox" в реда "content" в секцията "# appmenu-button dropmarker: before" до желания от вас текст като "How-To Geek". Добавихме интервал след текста, за да има повече място между текста и стрелката за падащото меню на бутона.
Можете да промените цвета на текста, като промените цветната линия в същия раздел "# appmenu-button dropmarker: before". Оставихме цвета на текста като бял (#FFFFFF), но можете да го промените на нещо като светло сиво (# F2F2F2) или нещо подобно.
Кликнете върху Запазване и след това Рестартирайте, за да влезете в сила промените.
background-image: url(“file:///C:/Users/Lori/Pictures/htg_background.png”) !important;
Кликнете отново върху Запазване и рестартиране.