как убрать серый цвет у панели URL bar вверху (ну чтобы она была такой же черной как поисковая панель)?
CrazyPotato может этот стиль >
Transparent URL and Search bar in Firefox
Отсутствует
Lain_13 написал:
CrazyPotatoСлушай, тебе для полноты картины не хватает вот этого и этого расширений.Поставь и никогда не закрывай. Просто нет слов как их не хватает......и монитора размером с футбольное поле.
Представь себе-стоят! Но а теперь к сути:
Lain_13 написал:
А для решения проблемы фона тебе просто нужно определить имена объектов и поставить им прозрачность. Для этого нужно лезть в код расширений (благо он открытый в тектовых файлах) и установить им прозрачность.
Кажись я похож на программиста? Или я "ас" в различного рода скриптах? Если бы и так, то я бы не спрашивал наверное? Или как?
КАКОЙ КОД В КАКИХ ФАЙЛАХ? Можно по-русски и по шагам, что делать надо-то?
P.S. Поддержка у Вас тут, конечно, зашибись...
Отсутствует
CrazyPotato
А мы и не официальная поддержка, чего ж ты хотел.
Смотри, все формы и их поведение в фоксе описывается при помощи XUL+JavaScript+ресурсы (картинки и прочее). XUL-файл представляет из себя обычный текстовый файл в формате очень близком к XML, т.е. это даже не код, а просто структурированный текст. Для его понимания программистом быть не очень-то надо, в отличие от JavaScript-кода, который нам сейчас не интересен. Такие файлы живут внутри .zip-архивов переименовынных в .jar непонятно для каких целей. Такие .jar-файлы (ни чего общего с Java тут нет) можно найти в папке с установленным фоксом (подпапка chrome) и в папке extensions в профиле пользователя. В первом случае это формы самого фокса, во втором -- формы расширений. Если тебе нужен ID или class объектов фокса, то тебе в его папке искать надо.
Т.е. XUL-файл это открытое структурированное текстовое описание всех тех форм, которые ты видишь на экране. Проблема в том, что для поиска нужной информации нужно обязательно знать английский язык и иметь хотя бы базовое представление об XML и описании объектов при помощи него.
Рассмотрим на примере:
1. Открываем файл chrome/browser.jar в любом вменяемом архиваторе и распаковываем его в какую-либо папку.
2. Заходим в content/browser -- тут мы видим кучу файлов, в том числе интересующие нас XUL-файлы.
3. Открываем файл browser.xul -- тут нам очень пригодится текстовый редактор с подсветкой синтаксиса, например Notepad++ (включаем подсветку XML-синтаксиса в нём).
4. Теперь путём нехитрых размышлений ищем текст url и замечаем, что он встречается вместе со словом bar как слово urlbar. Похоже на нужный нам текст? Вроде да.
5. Теперь продолжаем поиск по urlbar и находим вот это:
<toolbaritem id="urlbar-container" align="center" flex="400" persist="width" title="&locationItem.title;" class="chromeclass-location"> <textbox id="urlbar" flex="1" bookmarkhistoryemptytext="&urlbar.bookmarkhistory.emptyText;" bookmarkemptytext="&urlbar.bookmark.emptyText;" historyemptytext="&urlbar.history.emptyText;" noneemptytext="&urlbar.none.emptyText;" chromedir="&locale.dir;" type="autocomplete" autocompletesearch="history" autocompletepopup="PopupAutoCompleteRichResult" completeselectedindex="true" tabscrolling="true" showcommentcolumn="true" showimagecolumn="true" enablehistory="true" maxrows="6" newlines="stripsurroundingwhitespace" oninput="gBrowser.userTypedValue = this.value;" ontextentered="this.handleCommand(param);" ontextreverted="return this.handleRevert();" pageproxystate="invalid" onsearchbegin="LocationBarHelpers._searchBegin();" onsearchcomplete="LocationBarHelpers._searchComplete();" onfocus="document.getElementById('identity-box').style.MozUserFocus= 'normal'" onblur="document.getElementById('identity-box').style.MozUserFocus = 'ignore';"> <!-- Use onclick instead of normal popup= syntax since the popup code fires onmousedown, and hence eats our favicon drag events. We only add the identity-box button to the tab order when the location bar has focus, otherwise pressing F6 focuses it instead of the location bar --> <box id="identity-box" role="button" chromedir="&locale.dir;" onclick="gIdentityHandler.handleIdentityButtonEvent(event);" onkeypress="gIdentityHandler.handleIdentityButtonEvent(event);"> <hbox align="center"> <stack id="page-proxy-stack" onclick="PageProxyClickHandler(event);"> <image id="urlbar-throbber" busy="false"/> <image id="page-proxy-favicon" validate="never" pageproxystate="invalid" ondraggesture="PageProxyDragGesture(event);" onerror="this.removeAttribute('src');"/> </stack> <label id="identity-icon-label" crop="center" flex="1"/> </hbox> </box> <hbox id="urlbar-icons"> <button type="menu" style="-moz-user-focus: none" class="plain urlbar-icon" id="feed-button" chromedir="&locale.dir;" onclick="return FeedHandler.onFeedButtonClick(event);"> <menupopup position="after_end" onpopupshowing="return FeedHandler.buildFeedList(this);" oncommand="return FeedHandler.subscribeToFeed(null, event);" onclick="checkForMiddleClick(this, event);"/> </button> <image id="star-button" class="urlbar-icon" onclick="PlacesStarButton.onClick(event);"/> <image id="go-button" chromedir="&locale.dir;" class="urlbar-icon" tooltiptext="&goEndCap.tooltip;" onclick="gURLBar.handleCommand(event);"/> </hbox> </textbox> </toolbaritem>
Этот кусок кода описывает нужный нам объект. Имена нужных нам ID это urlbar-container, urlbar ну и прочие по желанию. Так, например, там можно найти id кнопки Go (go-button).
Теперь в стайлише нужно создать новый стиль для форм фокса и описать там те стилевые изменения, которые хочется применить к найденным объектам.
Вот кусок готового кода, взятый по ссылке приведённой выше Крошкой Ру:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #urlbar , .searchbar-textbox { -moz-appearance: none !important; background: transparent !important; -moz-border-radius: 0px !important; color: #fff !important; /* These font settings are optional.*/ font-family: Consolas !important; font-size: 12px !important; font-weight: bold !important; } .searchbar-engine-button { -moz-appearance: none !important; background: transparent !important; -moz-border-radius: 0px !important; color: #fff !important; }
Самое важное тут для нас это background: transparent !important;, остальное можно засунуть в блоки /* тут текст */ и вытягивать по мере надобности. Что-то выкинуть, что-то оставить, что-то допилить. Как видишь код опирается на имя уже найденного нами объекта #urlbar (# в CSS обозначает ID) и на классы .searchbar-textbox, .searchbar-engine-button (. в CSS обозначает class).
Вот так вот это делается.
Отсутствует
Подозреваю, что нужно подкрутить в Stylish скрипт Transparent Firefox
Ну в общем-то правильно подозреваете. Путь к изображению.
Добавлено 15-08-2009 14:18:40
Lain_13
Это сложный метод. Проще это делается через аддоны DOM Inspector и Inspect Context. Щелчок правой кнопкой мыши на элементе => имя, идентификатор и класс элемента.
Отредактировано Al_H (15-08-2009 14:16:51)
Отсутствует
MalinaQ
1. В окне стиля кнопка Insert (первая слева)
2. Выбираем Data URI... (последний пункт)
3. Выбираем файл картинки.
4. Вставляем полученную строку вместо пути к картинке там, где эта картинка нужна (можно было сразу вставлять куда жуно, кстати).
5. ...
6. PROFIT!
Добавлено 18-08-2009 10:06:31
Al_H
Зато столько нового и интересного узнаёшь.
Отсутствует
Lain 13
Ну вот примерно такой код получается:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url(chrome://browser/content/browser.xul) /* Анимированная активная вкладка */ { tab[selected="true"] > hbox, tab[selected="true"] > toolbarbutton { background: url("data:image/gif;base64") !important; } }
Вроде всё работает, но
1) Активная вкладка получается строго прямоугольная (без загруглений)
http://s16.radikal.ru/i190/0908/4b/d9c1715ce030.png
Как её можно обрезать ? Напишите код
2) Как правильно подобрать размер gif или что править в коде, чтобы картинка равномерно растянулась во всю длину вкладки (на скриншоте она размножилась в 4 фрагмента)
Отредактировано MalinaQ (18-08-2009 14:52:08)
Отсутствует
1) Что-то такое:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url(chrome://browser/content/browser.xul) { tab[selected="true"] { background: url("[тут картинка]") !important; } }
2) http://www.w3.org/TR/2008/WD-css3-background-20080910/#the-background-size
Отредактировано Lain_13 (18-08-2009 12:48:25)
Отсутствует
Lain_13
Или уменьшать до полосочек (стиль такой есть), или в несколько строк -- расширение есть.
Было расширение, которое позволяет добавить вместо всего этого обычную горизонтальную полосу прокрутки. Смотрится, конечно, не очень, но для кого-то вполне может быть удобно. Вот ещё б название вспомнить…
Отсутствует
MySh есть,даже два
правда у Bookmarks Scrollbar это побочный эффект возникающий при работе в режиме принудительной совместимости
и ещё Tab Wheel Scroll,не совсем то-прокрутка табов колёсиком мышки .....
greaves
правда во всех вышеприведённых вариантах кнопки никуда не пропадают
Отредактировано Крошка Ру (20-08-2009 00:33:18)
Отсутствует
Крошка Ру
Tab Overflow Scrollbar
Спасибо — это именно оно.
правда во всех вышеприведённых вариантах кнопки никуда не пропадают
Зато они становятся ненужными, и их можно смело отключить, используя вышеприведённый вариант
Отсутствует
Зато они становятся ненужными, и их можно смело отключить, используя вышеприведённый вариант
Какой это вариант? Мне не нужно замены. Я хочу просто избавить от этих кнопок.
Отредактировано greaves (20-08-2009 21:54:40)
Отсутствует
как убрать серый цвет у панели URL bar вверху (ну чтобы она была такой же черной как поисковая панель)?
Серый цвет url панели делает стиль Transparent Firefox (он же делает задний фон в браузере), крутить надо в нем. Вот только что? Укажите нубу?
Отсутствует
pshenk
С помощью стилей никак. Если текст нужно менять на странице, а не в интерфейсе браузера, то с помощью javascript можно. А если в интерфейсе браузера, то только расширением.
Отредактировано Splurov (14-10-2009 17:06:00)
Отсутствует
Помогите подредактировать код: чтобы на странице убрать Белые полосы . Не могу найти в исходном коде страницы к чему они относятся...
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("mail.ru") {
*{ background:#424242 !important; color:#FFA500 !important;}
a { color:#008B45 !important;}
a:visited { color:#2E8B57 !important;}
a:hover { color:#2E8B57 !important;}
http://otvet.mail.ru/img/pic_ask.gif
Отсутствует
qw
Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела
Отсутствует
Поставил расширение All-Glass Firefox mod, based on Glasser и надпись на нижнем статусбаре стала черного цвета на черном фоне. Поставил пока что временно Personas с белой темой...а есть ли для Стилиш стиль который делает надпись белым? (на верхнем панели адреса и поисковике я нашел)
Отсутствует
Использую TMP и специально под него сделал стиль для кнопки закрытия таба
.tabbrowser-tab .always-right { display: inline !important; } .tabbrowser-tab[selected="false"] .always-right { display: none !important; } .tabbrowser-tab:hover[selected="false"] .always-right { display: inline !important; }
Но этот стиль странно себя ведет:
Когда открыт один таб и из него открыть второй (к примеру при помощи средней кнопки мыши, т.е. в новом неактивном табе), то на нем почему-то появляется кнопка закрытия, которая по стилю не должна отображаться.
В чем проблема?
Отсутствует
Но этот стиль странно себя ведет:
он себя ведет не странно, а как написано Для сведения - у новых открытых в фоне вкладок свойства selected нету вообще.
.tabbrowser-tab .always-right{ display: none !important; } .tabbrowser-tab[selected="true"] .always-right, .tabbrowser-tab:hover .always-right{ display: inline !important; }
Отсутствует
Буду знать, но почему такое происходит только когда у меня сейчас открыт 1 таб и я открываю в фоне второй? Когда их болше - такого нет.
А насчет кода - мне просто быол так вначале удобнее
ЗЫ а написано в стиле у меня все вроде правильно...
Отсутствует