Приветствую.
По правде говоря в последнем Хроме вкладки далеко не треугольные. На глаза попадалось именно изменение под него.
Там в самом хроме в настройках можно легко переходить на старый дизайн, пока без проблем. Кстати, я так понял, мне скорее всего надо в
Stylish тему писать, а то я думал, что userChrome.css это приложения куда просто код вставлять надо))) А то что то не понимаю, как тут сделать
Отредактировано jetli (23-09-2018 20:27:34)
Отсутствует
Кстати, я так понял, мне скорее всего надо в Stylish тему писать, а то я думал, что userChrome.css это приложения куда просто код вставлять надо))) А то что то не понимаю, как тут сделать
Немного не так.
Stylish - когда-то умел менять оформление браузера и отдельных сайтов, сейчас умеет только сайты, к тому же был замечен в скрытой слежке за пользователями.
Сейчас для замены оформления браузера Вам надо будет именно userChrome.css (оформление браузера) править/редактировать/создавать.
Для замены оформления отдельных сайтов есть Stylus или userContent.css (это для ручной замены стилей сайта).
Ну и напоследок, ещё раз попробовал поискать Хромовы треугольные вкладки, безрезультатно, может кто другой подскажет.
Такие штуки обычно на reddit можно найти.
Отредактировано Acid Crash (23-09-2018 21:09:14)
Отсутствует
Немного не так.
Stylish - когда-то умел менять оформление браузера и отдельных сайтов, сейчас умеет только сайты, к тому же был замечен в скрытой слежке за пользователями.
Сейчас для замены оформления браузера Вам надо будет именно userChrome.css (оформление браузера) править/редактировать/создавать.
Для замены оформления отдельных сайтов есть Stylus или userContent.css (это для ручной замены стилей сайта).Ну и напоследок, ещё раз попробовал поискать Хромовы треугольные вкладки, безрезультатно, может кто другой подскажет.
Такие штуки обычно на reddit можно найти.
Ого, спасибо, вот как уже, значит Стайлиш уже безрезультатен для меня. Блин, думал, хотя бы какой то скин есть или дополнения, а то выходит надо терпеть эти большие прямоугольные вкладки, который сливаются в одну линию...
Отсутствует
Вот ещё вариант - компактные вкладки снизу, в несколько строк:
/* Оптимизировано для Linux - Firefox 56, Basilisk 52.9 */ @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */ @namespace html url(http://www.w3.org/1999/xhtml); @namespace svg url(http://www.w3.org/2000/svg); :root { /* переменные - настройка стиля */ --tab-my-height: 20px; /* высота вкладки */ --tab-max-width: 450px; --tab-min-width: 180px; --tab-pinned-width: 24px; --tab-min-width-selected: 250px; --tab-selected-bg: #FFFFD0; } /* Size fixes Margins and Paddings */ .tab-content{ /* Отступ в табе сверху */ padding-top: 0px !important; padding-right: 0px !important; -moz-padding-start: 2px !important; -moz-padding-end: 2px !important; } .tab-content[pinned]{ -moz-padding-start: 3px !important; } /* смещение вверх содержимого табов */ .tabbrowser-tab *{ margin-top: -2px !important; } .tabbrowser-tab, .tabs-newtab-button{ background: #cedbe9 !important; color: #000 !important; /* текст */ margin-right: 1px !important; /* расстояние между табами */ border-right:solid 1px royalblue !important; } /*.tab-close-button:not([pinned]){ -moz-margin-start: 0px !important;}*/ .tabs-newtab-button{ max-width: 24px !important; margin-left: 0px !important; margin-right: 0px !important; } /* Закреплённые вкладки */ .tabbrowser-tab[pinned]{ min-width: var(--tab-pinned-width) !important; max-width: var(--tab-pinned-width) !important; width: var(--tab-pinned-width) !important; } tab[pinned=true] .tab-content{ padding: 0 !important; padding-top: 2px !important; padding-left: 7px !important; } tab[pinned=true] .tab-text.tab-label, tab[pinned=true] .tab-icon-overlay{ display: none!important;} .tabbrowser-tabs[overflow=true] tab[pinned=true] .tab-content{ padding-left: 3px !important; } .tabbrowser-tab:not([selected=true]):hover, .tabs-newtab-button:hover{ background: var(--navbar-background) !important; /* наведение: остальные вкладки */ } .tabbrowser-tab[selected=true]:hover{ /* наведение: активная вкладка */ } .tabbrowser-tab:hover{ /* наведение: вкладка */ filter: contrast(110%) saturate(120%) drop-shadow(0px 0px 1px blue) !important; } .tabbrowser-tab[selected=true]:not(:-moz-lwtheme), .tabbrowser-tab[selected=true]:-moz-lwtheme{ background: var(--tab-selected-bg) !important; /* фон активной вкладки */ font-weight: bold !important; filter: drop-shadow(0px 0px 1px royalblue) !important; } .tabbrowser-tab[pinned][selected=true]:not(:-moz-lwtheme), .tabbrowser-tab[pinned][selected=true]:-moz-lwtheme{ background: var(--tab-selected-bg) !important; /* фон активной закрепленной вкладки */ } .tabbrowser-tab[pinned]:not(:-moz-lwtheme), .tabbrowser-tab[pinned]:-moz-lwtheme{ background: #f8f0b0 !important; /* фон неактивных закрепленных вкладок */ } /* кнопка закрытия вкладки скрывается на неактивных вкладках */ .tab-close-button:not([selected]){ display: none !important;} /* Убрать фигурные края табов */ .tab-background-start, .tab-background-end{visibility: hidden!important; box-shadow: none!important;} /* Убрать фон встроенной темы активной вкладки */ .tab-text.tab-label, .tab-background-middle{background: none!important;} /* иконка отключения звука */ .tab-icon-sound:not(:hover){ opacity: .5 !important;} .tabbrowser-tab .tab-icon{ padding-top: 1.4px !important;} .tabs-newtab-button .toolbarbutton-icon{ margin-bottom: -4px !important;} /* вкладка незагружена */ .tabbrowser-tab[pending]{ opacity: .5;} /* вкладка непрочитана */ #tabbrowser-tabs tab.tabbrowser-tab[unread=true] .tab-text.tab-label{ color: #000060 !important; font-style: italic !important; } .tab-throbber:not([pinned]), .tab-icon-image:not([pinned]){ -moz-margin-end: 3px !important; } /* Обводка табов */ #TabsToolbar .tabbrowser-tab, #TabsToolbar .tabs-newtab-button, #TabsToolbar .tabbrowser-tab > .tab-stack > .tab-content{ border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; border-image: none !important; border-style: unset !important; } /* убрать окантовку вкладок, скрыть кнопку закрытия */ #TabsToolbar, .tabbrowser-tab *:not([selected]), .tabs-newtab-button, .toolbarbutton, .tab-background *{ background-image: none !important; } /* Scroll buttons */ .tabbrowser-arrowscrollbox > .scrollbutton-up, .scrollbutton-down{ max-height: var(--tab-my-height) !important; background-color: rgba(226, 255, 253, 1) !important; border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; border-image: none !important; border-style: unset !important; } /* Remove right placeholder */ #main-window[sizemode="normal"] > #tab-view-deck > #browser-panel > #navigator-toolbox > #TabsToolbar > .titlebar-placeholder{ visibility: collapse !important;} #TabsToolbar .arrowscrollbox-scrollbox{ padding-left: 3px !important;} #TabsToolbar .titlebar-placeholder, #titlebar-buttonbox-container #titlebar-buttonbox{ margin-left: 1px !important;} .tabbrowser-tab:not([busy]):not([pinned]) .tab-icon-image:not([src]){ display: inline !important; } /* пределы ширины вкладки */ .tabbrowser-tab[fadein]:not([pinned]){ min-width: var(--tab-min-width) !important; max-width: var(--tab-max-width) !important; } .tabbrowser-tab[fadein][selected]:not([pinned]){ min-width: var(--tab-min-width-selected) !important; } #TabsToolbar { -moz-box-ordinal-group: 2; /* вкладки внизу: */ margin-top: -3px !important; min-height: calc(var(--tab-my-height) + 2px) !important; height: calc(var(--tab-my-height) + 2px) !important; } .tabbrowser-tab, .toolbarbutton, .tabs-newtab-button{ min-height: var(--tab-my-height) !important; max-height: var(--tab-my-height) !important; } /* Вкладки в несколько строк */ #TabsToolbar .tabbrowser-arrowscrollbox, #TabsToolbar .arrowscrollbox-scrollbox, #TabsToolbar .scrollbox-innerbox { display: block !important; } .scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator { display: none !important;} /* скрываются кнопки прокрутки табов влево/вправо */ .tabbrowser-tab { vertical-align: bottom !important;} /* коррекция для Windows #TabsToolbar { margin-top: 3px !important;} #titlebar{ visibility: visible !important;} */
Отредактировано Dobrov (24-09-2018 16:13:47)
Отсутствует
Ещё один вариант изменения формы вкладок: https://github.com/wilfredwee/photon-australis
Сделать вкладки узкими: about:config -> browser.tabs.tabMinWidth - уменьшить значение
Спасибо, пожалуй, при отсутствии возможности сделать вкладки триугольными как в хроме, это самая оптимальный вариант.
Добавлено 24-09-2018 15:45:06
about:config >> browser.tabs.closeWindowWithLastTab сделать false
Почему то не меняет ничего, даже значения 30 ставлю, ничего не меняется. Пробывал на стандартной теме Мозиллы, так и на той, что скинули после Вас
Отредактировано jetli (24-09-2018 15:45:06)
Отсутствует
Acid Crash пишетabout:config >> browser.tabs.closeWindowWithLastTab сделать false
Почему то не меняет ничего, даже значения 30 ставлю, ничего не меняется. Пробывал на стандартной теме Мозиллы, так и на той, что скинули после Вас
Этот параметр делает следующее:
browser.tabs.closeWindowWithLastTab >> true - при закрытии последней вкладки закроется и сам браузер
browser.tabs.closeWindowWithLastTab >> false - при закрытии последней вкладки сам браузер останется открыт а вместо последней закрытой вкладки откроется домашняя страница.
Отсутствует
Garalf
Выделить кодКод:
/* цвет пустой страницы */ browser {-moz-appearance: none !important; background: #000 !important;}
У меня этот код срабатывает как фон ещё не загруженной страницы. Когда страница долго грузится по какому-нибудь адресу.
А пустая страница прописалась так:
/* цвет пустой страницы */ @-moz-document url("about:newtab") { body { background-color: #000000 !important; } }
Отсутствует
Ребят! Подскажите пожалуйста !
как скрыть шапку приложения ?
Приветствую.
Попробуйте вот так.
P.S. Правда это полностью шапку у Сайдбара уберет
Отредактировано Acid Crash (26-09-2018 14:39:37)
Отсутствует
Подскажите пожалуйста можно ли убрать эти буквы на плитках
сделать уже поисковую строку на начальной странице
и убрать выбор поисковой системы
62.0.2
Отредактировано egorsemenov06 (29-09-2018 10:40:57)
Отсутствует
Помогите плиз переместить поле адресной строки на Bookmarks Bar
В общем наконец-то пришла пора переходить на Firefox 57+, но и соответвенно проблемы с интерфейсом. Сильно хочется сделать, как было настроено на старом Firefox-е:
Т.е.:
1. Панель вкладок в самом низу окна
2. Панель с адресной строкой самая нижняя из верхних панелей
3. Панель с закладками Bookmarks Bar между адресной панелью и основной панелью с кнопками Вперед-Назад-Домой.
4. По возможности поле статуса (URL ссылки при наведении на нее курсора) тоже куда-нибудь наверх, оптимально на основную панель за кнопками.
На старом Firefox-е я это делал с помощью Tab Mix Plus и Classic Theme Explorer. Вкладки вниз в помощью Tab Mix Plus, а в помощью Classic Theme Explorer я создавал дополнительную панель, перемещал на нее закладки из Bookmarks Bar, а саму панель Bookmarks Bar отключал. На остальные всё что нужно перемещал кнопки и адресную строку в режиме кастомизации.
Что сейчас. Firefox 62.
Исходно, так (после перемещения вкладок вниз, их на скриншоте уже нет):
1. Вкладки вниз переместил с помощью нагугленного userChrome.css:
#TabsToolbar { position: fixed; bottom: -0.5em; width: 100%; } #tabbrowser-tabs { width: 96%; } #content-deck { margin-bottom: 2.5em; } TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}
Не идеально, какая-то синяя полоска на активной вкладке, странные отступы, но сойдет.
С остальным проблема.
В режиме Customize сделал так:
Поле закладок переменил на основную панель с кнопками, поле поиска переместил на панель закладок. Но вот адресная строка не двигается ниже никак. Помогите плиз ли её подвинуть, либо всю панель, либо создать дополнительную панель, как-нибудь, в общем.
Отсутствует
Привет, это снова Я.
Как сделать в three tab style так, чтобы в свёрнутом виде были только значки сайтов как здесь?
https://imgur.com/a/Zn9IQOO
#tabbrowser-tabs { visibility: collapse !important; } #sidebar-box { overflow: hidden; min-width: 0px; max-width: 68px; position: none; border-right: 0px solid rgba(0,0,0,0); transition: all 0.2s ease; z-index: 0; } #sidebar-box:hover, #sidebar-box #sidebar { min-width: 68px !important; max-width: 200px !important; } #sidebar-box #sidebar-header, #sidebar-box ~ #sidebar-splitter { display: none; } #sidebar-box #sidebar { height: 100vh; }
Можно ли вообще удалить имена вкладок свёрнутом виде и автоматически расширять область вкладок при образовании дерева вкладок? Или можно вообще убрать этот "древовидный сдвиг" и просто как нибудь увеличить значки сайтов
?
Отредактировано Feactured (01-10-2018 12:14:31)
Отсутствует
Прошу простить, поиском найти не удалось. Как восстановить пункт "Последние метки" в меню Закладок, если удалил их?
Восстановление папок Умных Закладок по умолчанию
Отредактировано dreamkz (01-10-2018 15:18:24)
Отсутствует
Столько полезностей разбросано по всему форуму. Не знал, что можно импортировать в userChrome из другого файла.
ZAJIGAEM8 пишетCoroner Я ваще то не профи. Может пошаговую инструкцию для таких неумех ? Вот это вот ВЫДИРАНИЕ КОДА ИЗ СТИЛЯ и всё такое... что да как ставить...
На фото третий вариант вроде как хорош!А я там писал что "Или не выдирать."
скрытый текстСкачиваем по ссылке https://github.com/aris-t2/customcssforfx наборчик
https://habrastorage.org/webt/wt/at/wh/ … hetwlc.pngРаспаковываем его куда-нибудь. Нужна лишь папка classic
Дальше всё зависит от того, используете ли Вы свои стили и файл userChrome.css и/или userContent.css
1. Если у Вас уже есть файл userChrome.css со своими стилями:
- Переименовываете скачанный userChrome.css во что-то другое (например userChrome2.css)
- В свой userChrome.css первой строчкой вписываете @import url(userChrome2.css);
- Если имеется свой userContent.css, то переименовываете скачанный в userContent2.css
- В свой userContent.css первой строчкой добавляете @import url(userContent2.css);
- В папку Chrome переносите все скачанные файлы и папки (из папки classic)2. У Вас нет своих файлов userChrome.css и/или userContent.css
- Создаёте в папке профиля папку Chrome
- В папку Chrome переносите все скачанные файлы и папки (из папки classic)
https://habrastorage.org/webt/5u/xv/3m/ … 6wtw3i.pngДальше просто открываете блокнотом скачанный файл userChrome2.css или userChrome.css (соответственно для первого и второго случая описанных выше) и видите в нём кучу строк. Те, что начинаются с /* и заканчиваются */ — это комментарии.
Убирая комментарии вы включаете определённые стили. Ненужные — наоборот, с двух сторон ограничиваете символами /* и */Там это наглядно видно. Например:
Выделить кодКод:
/************************************************************************************************/ /* button in Firefox titlebar - if menubar is disabled (Windows only) ***************************/ /************************************************************************************************/ /* only use one at a time ***********************************************************************/ @import url(./css/buttons/appbutton_in_titlebar.css); /* @import url(./css/buttons/appbutton_in_titlebar_icon_only.css); */ /* --------------------------------- */ /* @import url(./css/buttons/appbutton_in_titlebar_icon_only_dark.css); */ /* @import url(./css/buttons/appbutton_in_titlebar_icon_only_grey.css); */Три стиля закомментированы и выключены. Один раскомментирован, значит включён (первый сверху).
Насколько я сейчас попробовал — он Вам и нужен.
https://habrastorage.org/webt/u8/fm/ew/ … se-bek.pngВо всём файле userChrome.css можете закомментировать ненужные или наоборот, включить что-то себе. Те самые "вкладки вниз", что многие просят", или мячик скачущий туда-сюда заменить на вращающуюся фиговину.
https://habrastorage.org/webt/x2/w-/km/ … nncvmi.pngНо описаний что отвечает за что — нет. Придётся вникать в английские названия и пробовать всё самому.
Там, где помечено only use one at a time — означает что можно выбрать лишь один стиль из нескольких, иначе один перекроет другой и будет работать лишь последний включенный, либо будет каша.
Отсутствует
госпада форумчане как сделать уже поисковую строку на новой вкладке
и убрать выпадающее меню
62.0.2
Отредактировано egorsemenov06 (03-10-2018 13:25:19)
Отсутствует
egorsemenov06
Начальная страница - это обычная HTML-страница. Кликаете правой кнопкой по элементу и нажимаете "Исследовать элемент". Далее играетесь с CSS, а получившийся код вставляете в файл userContent.css:
Подсказки там: http://htmlbook.ru/css
Отсутствует
egorsemenov06
Начальная страница - это обычная HTML-страница. Кликаете правой кнопкой по элементу и нажимаете "Исследовать элемент". Далее играетесь с CSS, а получившийся код вставляете в файл userContent.css:Подсказки там: http://htmlbook.ru/css
это для меня лес дремучий
Отсутствует
Помогите пожалуйста
как убрать выпадающее меню
Отсутствует
Помогите пожалуйста
как убрать выпадающее меню
Попробуйте вот так.
.contentSearchOneOffsTable.contentSearchSuggestionsContainer {display: none !important;}
Отсутствует
Спасибо я уже сделал
если кому надо
@-moz-document url(about:newtab) { .contentSearchSuggestionTable, .contentSearchSuggestionsList { display: none !important; }
Отредактировано egorsemenov06 (03-10-2018 18:51:15)
Отсутствует