А как бы еще поддержку drag-n-drop сделать и скролл убрать?
В смысле прокрутку? И сломать перетаскивание закладок папок?
Убрать скроллбар можно добавив в стиль
И еще, в стиле не предусмотрена смена иконок для папок?
Нет, много кода нужно т.к. там нельзя исключить элементы.
Вот как то так пробуйте
tree.sidebar-placesTree treechildren::-moz-tree-image(title) { list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png") !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, livemarkItem) { list-style-image: url("chrome://browser/skin/places/livemark-item.png") !important; -moz-image-region: rect(0px, 16px, 16px, 0px) !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, livemarkItem, visited) { -moz-image-region: rect(0px, 32px, 16px, 16px) !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, separator) { list-style-image: none !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, container) { list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px'><path d='M 16,2 16,14 0,14 0,2 16,2 Z M 6,12 6,4.02 2,4.02 2,12 6,12 Z' style='fill:rgb(0,137,242)'/></svg>") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, container, open) { list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='16px' width='16px'><path d='M 16,2 16,14 0,14 0,2 16,2 Z M 6,12 6,4.02 2,4.02 2,12 6,12 Z' style='fill:rgb(242,122,0)'/></svg>") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, container, livemark) { list-style-image: url("chrome://browser/skin/livemark-folder.png") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) { list-style-image: url("chrome://browser/skin/places/allBookmarks.png") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, query) { list-style-image: url("chrome://browser/skin/places/query.png") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, tagContainer), tree.sidebar-placesTree treechildren::-moz-tree-image(query, OrganizerQuery_Tags) { list-style-image: url("chrome://browser/skin/places/tag.png") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) { list-style-image: url("chrome://browser/skin/places/downloads.png") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, dayContainer) { list-style-image: url("chrome://browser/skin/places/calendar.png") !important; -moz-image-region: auto !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, hostContainer) { list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; -moz-image-region: rect(0px, 32px, 16px, 16px) !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, hostContainer, open) { list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; -moz-image-region: rect(16px, 32px, 32px, 16px) !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, OrganizerQuery_History) { list-style-image: url("chrome://browser/skin/places/history.png") !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, folder) { list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; -moz-image-region: rect(0px, 32px, 16px, 16px) !important; } tree.sidebar-placesTree treechildren::-moz-tree-image(title, query, folder, open) { -moz-image-region: rect(16px, 32px, 32px, 16px) !important; }
Отсутствует
Vitaliy V.
Да, так ломается.
drag-n-drop
Вкладки и ссылки в sidebar не перетаскиваются. Так половина смысла боковой панели теряется, просто открывать ссылки и через меню можно.
Или это только у меня так?
И еще, в стиле подсветка дропмаркеров поломана, они всегда в состоянии подсветки.
Отредактировано _zt (03-10-2016 17:53:14)
Отсутствует
Да, так ломается.
Что ломается не понял.
Вкладки то в sidebar не перетаскиваются.
Ну, можно сделать кнопкой чтобы открывалось https://forum.mozilla-russia.org/viewto … 59#p721859
а вообще подумаю, мне то это без надобности вкладки не только в sidebar можно перетащить - на кнопку закладки, на пункт меню закладки...
И еще, в стиле подсветка дропмаркеров поломана, они всегда в состоянии подсветки.
Я знаю, делать ещё один комплект иконок лень да и какой смысл при наведении их подсвечивать? Поэтому просто заменил чтобы было видно на тёмном фоне.
Отредактировано Vitaliy V. (03-10-2016 18:43:40)
Отсутствует
А как бы еще поддержку drag-n-drop сделать и скролл убрать?
Вот тут я имел в виду скроллбар, а не сам скролл. Но я же на прошлой странице писал и думал вы поймете.
В смысле прокрутку? И сломать перетаскивание закладок папок?
Да, так ломается. А так, нет.
Что ломается не понял.
Перетаскивание закладок папок.
В общем, спасибо. Адаптировал ваш стиль под себя, просто убрал кое что, не знаю на сколько удачно в плане лишнего кода, но получилось как обычный, но без артефактов, с тонкими разделителями и вашим видом поисковой строки, блоки дропмаркеров тоже убрал, теперь они стандартные, с подсветкой. Даже не пришлось прозрачность для него включать, из стиля пришло.
Отсутствует
Перетаскивание закладок папок.
Ну не знаю, не знаю у меня ничего не ломает, может разве что с вашими стилями для скроллбара я не пробовал.
Просто теряется смысл без drag-n-drop
Да сделал я уже drag and drop для закладок
Отредактировано Vitaliy V. (08-02-2017 20:17:11)
Отсутствует
Хорошо : как сделать пункт контекстного меню, при клике по которому выделенный на странице текст добавлялся к заданной ссылке и уже полная ссылка открывается в новой вкладке?
По сути надо продублировать пункт "Искать "..." в Google" в контекстном меню. Где можно посмотреть код этого пункта?
Отредактировано Zerdsa (06-10-2016 13:05:48)
Отсутствует
По сути надо продублировать пункт "Искать "..." в Google" в контекстном меню.
А вы тему не перепутали? Если не перепутали то так попробуйте - искать выделенное в первой по списку поисковой системе.
#contentAreaContextMenu spacer.arrowscrollbox-overflow-end-indicator { -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='menu'><implementation><field name='contentAreaContextMenu'>document.getElementById('contentAreaContextMenu');</field><field name='searchselect'>document.getElementById('context-searchselect');</field><constructor><![CDATA[ var menuitem = this.contentAreaContextMenu.insertBefore(document.createElement('menuitem'), this.searchselect.nextSibling); menuitem.setAttribute(%22id%22, %22context-firstsearchselect%22); menuitem.setAttribute(%22oncommand%22, %22var Selection = null; if (gContextMenuContentData && gContextMenuContentData.isRemote) { Selection = gContextMenuContentData.selectionInfo.text; } else if (BrowserUtils.getSelectionDetails) { Selection = BrowserUtils.getSelectionDetails(window).text; } else { Selection = getBrowserSelection(); } var engine = Services.search.getVisibleEngines(); var submission = engine[0].getSubmission(Selection, null); if (!submission) return; var inBackground = Services.prefs.getBoolPref('browser.search.context.loadInBackground'); openLinkIn(submission.uri.spec, 'tab', { inBackground: inBackground, relatedToCurrent: true })%22); menuitem.setAttribute(%22label%22, %22Искать в первой поиск. системе%22); ]]></constructor></implementation></binding></bindings>#menu") !important; } #contentAreaContextMenu #context-searchselect[hidden="true"] ~ #context-firstsearchselect { display: none !important; }
UPD: изменил теперь с версии 32+
Отредактировано Vitaliy V. (07-10-2016 13:23:43)
Отсутствует
Теперь в стиле можно немного менять вид вкладок, а не только уменьшать:
Mini tab height
https://userstyles.org/styles/133315/mini-tab-height
Отсутствует
Приветствую! Есть такой код
#urlbar:not(:-moz-lwtheme), .searchbar-textbox:not(:-moz-lwtheme) { border-color: transparent !important; }
, который убирает стоковые серые и синие (при нахождении курсора в панели) рамки в панели навигации. Хочется видеть синий цвет при выборе панели. Помогите.
Отредактировано tom911 (07-10-2016 13:25:07)
Отсутствует
Zerdsa
Сделал для 32+. Только учтите что там как и в оригинальном пункте "Искать " есть ограничение на количество символов.
Добавлено 07-10-2016 13:46:39
tom911 добавьте после того кода
#urlbar:not(:-moz-lwtheme)[focused], .searchbar-textbox:not(:-moz-lwtheme)[focused] { border-color: Highlight !important; }
Отредактировано Vitaliy V. (07-10-2016 13:48:28)
Отсутствует
В этой теме я предложил стиль для Inoreader.
Но при том варианте блок убирается и теряется справа полоса прокрутки. От значения не зависит. Видимо, это связано со скрываемым блоком. Можно как-то принудительно заставить отображаться полосу прокрутки?
Отсутствует
Vitaliy V.
Спасибо!
Теперь, получается, чтобы выделенный фрагмент текста попал в переводчик надо первую поисковую систему заменить на переводчик.
А любую ссылку (вместо ссылку на первый поисковик) подсунуть нельзя?
есть ограничение на количество символов
Какое?
Отсутствует
надо первую поисковую систему заменить на переводчик
Ну а в чём проблема первая в списке не значит дефолтная. Не ну не обязательно в первой искать можно поменять в коде
var submission = engine[0].getSubmission(Selection, null);
0 на другое число
или так будет искать в последнем по списку поиске
var submission = engine[engine.length-1].getSubmission(Selection, null);
А любую ссылку (вместо ссылку на первый поисковик) подсунуть нельзя?
Можно но я думал с поисковиком удобнее будет
#contentAreaContextMenu spacer.arrowscrollbox-overflow-end-indicator { -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='menu'><implementation><field name='contentAreaContextMenu'>document.getElementById('contentAreaContextMenu');</field><field name='searchselect'>document.getElementById('context-searchselect');</field><constructor><![CDATA[ var menuitem = this.contentAreaContextMenu.insertBefore(document.createElement('menuitem'), this.searchselect.nextSibling); menuitem.setAttribute(%22id%22, %22context-firstsearchselect%22); menuitem.setAttribute(%22oncommand%22, %22var Selection = null; if (gContextMenuContentData && gContextMenuContentData.isRemote) { Selection = gContextMenuContentData.selectionInfo.text; } else if (BrowserUtils.getSelectionDetails) { Selection = BrowserUtils.getSelectionDetails(window).text; } else { Selection = getBrowserSelection(); } var inBackground = Services.prefs.getBoolPref('browser.search.context.loadInBackground'); openLinkIn('https://www.google.com/search?q=' + Selection, 'tab', { inBackground: inBackground, relatedToCurrent: true })%22); menuitem.setAttribute(%22label%22, %22Искать в Google%22); ]]></constructor></implementation></binding></bindings>#menu") !important; } #contentAreaContextMenu #context-searchselect[hidden="true"] ~ #context-firstsearchselect { display: none !important; }
Какое?
150
Отредактировано Vitaliy V. (07-10-2016 19:22:28)
Отсутствует
А нет ли у кого-нибудь CSS кода который меняет форму вкладок на трапециевидную ( как у Хрома ) ?
И вообще, хотелось бы сделать внешний вид FF максимально похожим на Chrome ( дизайн Хрома нравится намного больше чем FF ... перехожу на FF из-за производительности и потребления памяти ).... add-on FXChrome пробовал - не то ( как-то все там кривовато в мелких деталях )...идеально было-бы где-нибудь найти userChrome.css со "скином Хрома" для FF ( использую FireFox 49 )
Отсутствует
Народ, подскажите стиль для изменения подсветки вкладок или настройки подсветки текста заголовков вкладок (или и то и другое) при наведении курсора? Статичный цвет фона и цвет текста я через CTR настроил, но все портит белесая подсветка при наведении.
На худой конец, как ее просто грохнуть, что бы не видеть больше этой гадости?
Вопрос снят.
Отредактировано _zt (09-10-2016 21:53:18)
Отсутствует
Доброго дня! Парни, может в теме уже есть - ткните носом или подскажите, как сделать появление панели меню, подведением курсора к верхней границе монитора.
Спасибо.
Отсутствует
Saenko
У Vitaliy V. из Full style можно взять код. Меню появляется при наведении на кнопку в левом верхнем углу.
Отсутствует
Saenko
50.0b
При открытии браузера в полноэкранном режиме при открытии новой вкладки, если нажать на ПКМ на панели вкладок выпадает
по умолчанию стоит галка. Если передвинуть курсор в окно активной вкладки, то панели скрываются, если курсор передвинуть к границе окна монитора, то появляются панели.
Удобней обходиться без расширений и танцев. Все есть. На других версиях не пробовал.
Отсутствует
Saenko
Показывает меню при наведении курсора на иконку слева вверху. Работает для стандартной высоты вкладок в Windows 7.
Проблемы: если кликнуть слишком быстро, то может не сработать меню. Не знаю в чем точно причина. Возможно поможет установка анимации задержки перед исчезновением.
Пока не готово полностью. Исчезает при наведении на пустые места иногда.
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* started appearence */ #TabsToolbar { margin-top : 0 !important; -moz-orient: block; } /* fix for on hover*/ #TabsToolbar #tabbrowser-tabs .tabbrowser-arrowscrollbox .arrowscrollbox-scrollbox { padding-left : 0 !important; } #TabsToolbar #tabbrowser-tabs > tab:first-child { padding-left: 34px !important; } #toolbar-menubar { padding-left: 24px !important; background : url(data:image/png;base64,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), linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%) !important; background-size: center !important; background-repeat: no-repeat !important; background-position: left !important; z-index: 3 !important; } #toolbar-menubar { width: 100% !important; min-width: 100% !important; max-width: 100% !important; } #toolbar-menubar, #toolbar-menubar > * { height: 30px !important; } /* mini menu */ #toolbar-menubar { position: fixed !important; left: 0px !important; top: 4px !important; width: 35px !important; min-width: 24px !important; max-width: 24px !important; } #toolbar-menubar > *:not(#titlebar-placeholder-on-menubar-for-caption-buttons) { display: none !important; } /* show menu on hover */ #toolbar-menubar:hover { width: 100% !important; min-width: 100% !important; max-width: 100% !important; } #toolbar-menubar:hover > *:not(#titlebar-placeholder-on-menubar-for-caption-buttons) { height: unset !important; } #toolbar-menubar:hover > *:not(#titlebar-placeholder-on-menubar-for-caption-buttons) { display: -moz-box !important; }
Отредактировано Dorian (12-10-2016 14:00:19)
Отсутствует