реклама

оранжево меню оранжевоИнтерфейсът на Firefox е напълно адаптивен, включително оранжевия му бутон на Firefox. Можете да промените неговото име или цвят на всичко, което искате - дори можете да зададете персонализирано фоново изображение или да добавите собствено лого. След като сте ощипали вида на самия бутон, можете лесно да персонализирате опциите, които се появяват, когато щракнете върху бутона на менюто на Firefox.

За да направим повечето от тези промени, ще редактираме файла на userChrome.css на Firefox - чрез промяна на този файл можем да променете външния вид и функционалността на интерфейса на Firefox 3 добавки на Firefox, които предоставят функциите на Chrome, които обичате и пропускатеКакто вероятно сте сами преживявали, когато свикнете с браузър, независимо от досадите, има някои функции, които наистина растат върху вас. Функции, които смятате, че не можете без тях и поддържате ... Прочетете още . Файлът userChrome.css се намира във вашия Папка за профил на Firefox Как да използвате Firefox профили и да стартирате няколко профила на Firefox наведнъж

instagram viewer
Firefox съхранява вашите данни в браузъра - отметки, история, предпочитания, разширения и всичко останало - в директория, известна като профил. Всеки потребителски акаунт има един профил по подразбиране, но не е нужно да ... Прочетете още - ако този файл не съществува, ще трябва да го създадете

Създаване на вашия userChrome.css файл

За да отворите папката си с профил на Firefox, щракнете върху оранжевия бутон на менюто на Firefox, посочете Помощ и изберете Информация за решаване на проблемите. Превъртете надолу и щракнете върху Показване на папка бутон на страницата, която се отваря.

оранжево меню оранжево

В папката на профила на Firefox, която се появява, щракнете двукратно върху хром и след това щракнете двукратно върху файла userChrome.css вътре в него, за да го редактирате с Notepad. Можете също да го редактирате с всеки друг текстов редактор AkelPad срещу Notepad Plus - Може ли дори да се конкурира като алтернатива на бележника?Има много замествания на Notepad навън и изглежда, че всеки има своя любима. Notepad ++ е един от най-популярните, но AkelPad е по-минимална опция. AkelPad е бърз, ... Прочетете още предпочиташ, харесваш Notepad ++ Суп за текстовия редактор на Notepad ++ с добавки от хранилището на Notepad Plus [Windows]Notepad ++ е достоен заместител на вградения и много обичан текстов редактор на Windows и се предлага изключително високо препоръчва се, ако сте програмист, уеб дизайнер или просто някой, който се нуждае от мощна сила обикновена ... Прочетете още .

Ако не виждате папката chrome или файла userChrome.css, ще трябва да ги създадете. Кликнете с десния бутон на мишката в папката на профила на Firefox, която се появи след като щракнете върху бутона, насочете към нов, изберете папкаи го назовете хром. Отвори хром папка и създайте нов текстов файл по същия начин, именувайки го userChrome.css (заменете разширението на файла .txt с .css). Ако не виждате .txt разширението на файла, ще трябва кажете на Windows да не крие разширенията на файловете 4 Общи проблеми и поправки на Windows 7 Прочетете още .

оранжев бутон оранжево

Персонализиране на външния вид на бутона

Копирайте и поставете следния код във вашия userChrome.css файл, за да започнете:

URL адрес @namespace („ http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
# бутон за приложението {
фон: #orange! важно;
}
# appmenu-button dropmarker: преди {
съдържание: „Firefox“! важно;
цвят: #FFFFFF! важно;
}
# appmenu-button .button-text {
дисплей: няма! важно;
}

Ако вече имате някакъв текст във файла си userChrome.css, пропуснете първия ред (този, който започва с пространството @names) и копирайте останалите редове текст в долната част на файла.

Всеки ред тук е предварително попълнен с настройките по подразбиране, но можете да промените всяка настройка.

  • За да промените цвета на фона на бутона: Промяна на #orange след фон: на друг цвят. Например, за да използвате тъмно синьо, заменете #orange с # 0404B4.
  • За да промените текста на бутона: Заменете „Firefox“ с желаното от вас име. Например, можете да въведете „MakeUseOf“.
  • За да промените цвета на текста на бутона: Заменете #FFFFFF след цвят: с желания от вас цвят. По подразбиране #FFFFFF представлява бяло - за да използвате светлосиво, вместо това използвайте # F2F2F2.

За да изберете персонализираните си цветове, ще ви е необходим шестнадесетичен цветен код (известен също като HTML цветен код) за желания цвят. Можете да получите тази информация от различни уебсайтове или програми, включително RaphaelColorPicker, които покрихме в директорията.

След като направихме примерно ощипване по-горе, завършваме със следния код:

URL адрес @namespace („ http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);
# бутон за приложението {
фон: # 0404B4! важно;
}
# appmenu-button dropmarker: преди {
съдържание: „MakeUseOf“! важно;
цвят: # F2F2F2! важно;
}
# appmenu-button .button-text {
дисплей: няма! важно;
}

оранжев бутон оранжево

Запази userChrome.css файл и рестартирайте Firefox, след като направите промените си.

оранжев бутон оранжево

Добавяне на фоново изображение или лого

Може да искате допълнително да персонализирате бутона, като добавите персонализирано фоново изображение. Това може да се използва, за да добавите логото на организацията (или всяко друго изображение, което харесвате) към вашия бутон от менюто на Firefox.

За целта заменете „фон: #orange! важно;"Линия със следния ред:

background-image: url (“image.png”)! важно;

Заменете image.png по-горе с пълния път към вашия файл с изображения. Това може да бъде местен път, започващ с файл: // или отдалечен път (URL), започващ с HTTP: //.

Можете също така да включите както фон: и фон-изображение: линии. Ако вашето фоново изображение е частично прозрачно, то ще се наслагва върху цвета на фона. Например, ако имах PNG файл с изображение на име makeuseof.png, запазен в папката Снимки на моя потребителски акаунт, бих могъл да използвам следния код за секцията с бутони на приложението:

# бутон за приложението {
фон: # 0404B4! важно;
background-image: url (“файл: /// C: /Users/Chris/Pictures/makeuseof.png”)!
}

оранжево оранжево меню меню

Персонализиране на съдържанието на менюто

Използвайте добавката за персонално меню за Firefox, за да персонализирате опциите, които се появяват, когато щракнете върху бутона на менюто си Firefox. Този адон ви дава Редактиране на това меню опция, когато щракнете върху бутона на менюто си Firefox.

оранжево оранжево меню меню

Щракнете върху опцията и ще видите лесен за използване графичен прозорец за редактиране на съдържанието на вашето оранжево меню Firefox. Можете да добавите нови опции, да премахнете съществуващите или да ги пренаредите.

оранжево меню оранжево

Ако сте потребител на Firefox, не забравяйте да проверите нашите редовно актуализирани списък на най-добрите добавки за Firefox Най-добрите добавки за FirefoxFirefox е известен със своите разширения. Но кои добавки са най-полезни? Ето тези, които смятаме за най-добри, какво правят и къде можете да ги намерите. Прочетете още .

Как персонализирате и настройвате вашата инсталация на Firefox? Оставете коментар и споделете всички готини трикове, които използвате!

Крис Хофман е технологичен блогър и всеобщ технологичен наркоман, живеещ в Юджийн, Орегон.