в поиске нашел вот это

menubar > menu {
font-size: 11px !important; font-family: Tahoma, sans-serif !important;
}

но этот код меняет шрифт только основного меню, да и то, только названия пунктов меню: файл, правка и т.д, но остальные части, например "открыть как", "о мозила фаэрфокс" и т.д и контекстное меню не меняет.

может уже пора написать

Выделить код

Код:

*{font-size: 11px !important; font-family: Tahoma, sans-serif !important;}

? :)

Jarichek пишет

может уже пора написать

Выделить код

Код:

*{font-size: 11px !important; font-family: Tahoma, sans-serif !important;}

? :)

а * в этом случае что означает?

wachburn пишет

а * в этом случае что означает?

Это означает изменить шрифт во всем интерфейсе ;)
Но если ты настаиваешь только на меню, тогда вот так:

Выделить код

Код:

menubar  *{font-size: 11px !important; font-family: Tahoma, sans-serif !important;}

спасибо, ну вот я изменил шрифт во всем интерфейсе, а как мне теперь например поменять на другой только в панели закладок?

Выделить код

Код:

toolbarbutton.bookmark-item { font-family: Arial !important; }

wachburn

Выделить код

Код:

*{font-size: 21px !important; font-family: Tahoma, sans-serif !important;}
 #PersonalToolbar *  {font-size: 11px !important; font-family: Tahoma, sans-serif !important }

09-09-2009 21:58:15
а, шрифт изменить на другой, да? тогда вписывай вместо тахомы свой, ариал например :)
igorsub
твой код не подействует после того кода, что я привел выше ;)

спасибо огромное... молодец, шаришь)

а как жирный и/или курсив сделать?

FlyG пишет

а как жирный и/или курсив сделать?

вставить:
font-style:italic !important; /* курсив */
font-weight:bold !important;  /* жирный */

FlyG
Ну, например:

Выделить код

Код:

#PersonalToolbar *  {font-weight: bold !important; font-style: italic !important; }

а у меня еще вопрос, как сделать, чтоб ширина меню закладок была поуже?
вот этот код
menu.bookmark-item, menuitem.bookmark-item {
max-width: 15em !important;
}
устанавливает длину названий закладки в меню, но сама ширина колонки остается неизменной, а как колонку сузить?

wachburn
Jarichek
спасибо

wachburn пишет

а у меня еще вопрос, как сделать, чтоб ширина меню закладок была поуже?

Ок, вот так?

Выделить код

Код:

menu.bookmark-item, menuitem.bookmark-item {
max-width: 100px !important;
min-width: 100px !important; 
}

а как поменять цвет шрифта во все интерфейсе? к примеру, мне нужен белый

pyatikantrop

Выделить код

Код:

*{color: #FFFFFF !important;}

Jarichek
Спасибо! А как в адресной строке оставить черный?

pyatikantrop
Вот так пойдет?

Выделить код

Код:

*{color: #FFFFFF !important;}
#urlbar *, #PopupAutoCompleteRichResult *{color: #000000 !important;}

#PopupAutoCompleteRichResult * - это в выпадающем списке, если не надо - убрать

Спасибо! а для строки поиска как сделать черный?

не скажешь, как поменять шрифт на не такой жирный и убрать какуюто белую полоску под текстом в табах... вот здесь
http://xmages.net/out.php/i477381_white.jpg

pyatikantrop пишет

а для строки поиска как сделать черный?

Я так думаю, наверное есть смысл для всех полей ввода сделать черный?

Выделить код

Код:

*{color: #FFFFFF !important;}
.textbox-input-box   {color: #000000 !important;}
wachburn пишет

как поменять шрифт на не такой жирный

Выделить код

Код:

.tabbrowser-tab .tab-text  *{font-weight: 100 !important;}

можешь указывать значения 100, 200, 300 до 900, шаг 100
А полоска .. что за тема у тебя стоит?

А полоска .. что за тема у тебя стоит?

тема Vfox3-Basic

10-09-2009 14:49:11
и еще, при наведении на закладку в панели закладок, цвет текста становится белым, как его оставить черным? вот это
toolbarbutton.bookmark-item :hover {
color: #000000 !important;
}

не работает

с тенью разобрался

wachburn
Насчет белой полоски, может вот так устроит? что-то я не могу понять, откуда он берется:

Выделить код

Код:

.tabbrowser-tabs { 
margin-bottom: -1px !important; }

На закладках:

Выделить код

Код:

toolbarbutton.bookmark-item:hover >  .toolbarbutton-text{
color: #000000 !important;
}

Jarichek, спасибо! все получилось! а как изменить цвет всего интерфейса, например, сделать его синим?

pyatikantrop пишет

а как изменить цвет всего интерфейса, например, сделать его синим?

Всмысле поменять цвет панелей и прочего? Могу лишь предложить поискать нужное оформление на этом сайте. Там собрано много разный интересных вещей для расширения Stylish, но если его не охота ставить, то можно просто код вставлять в userChrome.css. Например, можно переделать вот эту цветовую схему под себя.

Jarichek пишет

wachburn
Насчет белой полоски, может вот так устроит? что-то я не могу понять, откуда он берется:

Выделить код

Код:

.tabbrowser-tabs { 
margin-bottom: -1px !important; }

На закладках:

Выделить код

Код:

toolbarbutton.bookmark-item:hover >  .toolbarbutton-text{
color: #000000 !important;
}

нужно text-shadow: none !important; поставить, я когдато изучал css, но даже не знал о таком параметре

wachburn пишет

нужно text-shadow: none !important; поставить

ах, я что-то даже не про это подумал :D Я хотел убрать белую полоску по всей ширине под самими вкладками, и предложил просто их на 1 пиксель опустить :)

Jarichek пишет
wachburn пишет

нужно text-shadow: none !important; поставить

ах, я что-то даже не про это подумал :D Я хотел убрать белую полоску по всей ширине под самими вкладками, и предложил просто их на 1 пиксель опустить :)

спасибо... все никак не могу подобрать темку подходящую

Может, Personas?

Al_H пишет

Может, Personas?

может у меня руки кривые, но както тяжело стильно подобрать ченить

Да я не пробовал, просто предложил. Мне удобнее тему ставить, чем Персонами пользоваться.

Jarichek, Да, цвет панелей и прочего... Stylish ставить не хочу, предпочитаю userChrome.css. Спасибо за ссылку, нашел там такой код:

/* Tabs */

.tabbrowser-tabs {

   background-color: #555 !important;

}



/* Tab not selected */

.tabbrowser-tab:not([selected="true"]) * {

    cursor: pointer !important;

}



/* Selected tab color */

.tabbrowser-tab[selected="true"] .tab-image-left,

.tabbrowser-tab[selected="true"] .tab-image-middle,

.tabbrowser-tab[selected="true"] .tab-image-right,

.tabbrowser-tab[selected="true"] .tab-close-button {

    background-color: #b20 !important;

}



/* Black toolbars and menubars */

toolbox toolbar, menubar, .db_downbar {

    background-image: url(chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png) !important;

    background-color: #666 !important;

    border-width: 1px 0 !important;

    border-top-color: #999 !important;

    border-bottom-color: #222 !important;

}

будет ли работать отдельно этот код без остального, что по ссылке? Я так понимаю, что он нужен для изменения цвета вкладок, меню и панелей? Цвет шрифтов меня не интересует, т.к. с вашей помощью его успешно победил. И что это за ссылка на рисунок: chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png, она нужна? Цвет поисковой и адресной строки менять не хочу

pyatikantrop
эмм, я просто привел первый попавшийся пример, но он оказался не совсем удачным :/ Проверил у себя, он только частично изменяет цветовую схему(по крайней мере у меня некоторые элементы добавленные мной остались цвета как и прежде). Там на сайте есть куча подобных стилей, думаю стоит попробовать что-нибудь другое найти. Найдешь, копируй весь код и вставляй в userChrome.css полностью, смотри все ли нормально и тогда убирай то, что тебе не нужно, вот как-то так :) Не бойся проверять, всегда все можно вернуть как было.  Очень красивые и грамотные вещи делает пользователь MBLUE

Спасибо, проверю:) Будем экспериментировать:)

у меня вопрос, когда кликаю ЛКМ на вкладку, текст становится белым, как сделать, чтоб при щелчке он черным оставался? раздражает такая активность

wachburn

Выделить код

Код:

.tabbrowser-tab[selected="true"] .tab-text {
color: #000000 !important;}

не, текст становится белым именно во время клика левой кнопкой мыши... когда кнопку отпускаю, текст становится черным.
Как сделать чтоб во время клика он и оставался черным? атрибут active как я помню, но как его записать не знаю

wachburn пишет

как его записать не знаю

как и обычно :)

Выделить код

Код:

.tabbrowser-tab:active .tab-text {
color: #000000 !important;}
Jarichek пишет
wachburn пишет

как его записать не знаю

как и обычно :)

Выделить код

Код:

.tabbrowser-tab:active .tab-text {
color: #000000 !important;}

чтото не работает, может тема какаято замутная

wachburn
а какая у тебя счас тема? я проверял на твоей Vfox3-Basic

Jarichek пишет

wachburn
а какая у тебя счас тема? я проверял на твоей Vfox3-Basic

вот
http://www.foxdie.us/2009/08/20/foxdie-3-1-9-1-with-subthemes-is-available/

Поставил я эту тему ... что-то она мне глючноватой слегка показалась :rolleyes: Да и у меня нету такого эффекта, что меняется цвет шрифта во вкладках при клике. А вот тот код что я привел выше на этой же теме срабатывает, если указать белый цвет при клике, не знаю вобщем.

Jarichek пишет

Поставил я эту тему ... что-то она мне глючноватой слегка показалась :rolleyes: Да и у меня нету такого эффекта, что меняется цвет шрифта во вкладках при клике. А вот тот код что я привел выше на этой же теме срабатывает, если указать белый цвет при клике, не знаю вобщем.

значит она действительно глючнутая... но довольно симпотичная

11-09-2009 00:00:23
кстати спасибо, как всегда +1...
я вот еще хочу что) сделать неактивные вкладки затемненными, а когда на них наводится курсор - они становятся нормальными... ато эта темка VFox вообще какаято неживая

wachburn пишет

сделать неактивные вкладки затемненными, а когда на них наводится курсор - они становятся нормальными

Реализация такая

Выделить код

Код:

tab:not([selected="true"]):hover {
color: #ffffff !important;
background: #ffffff !important;
}

tab:not([selected="true"]) {
color: #ff0000 !important;
background: #808080 !important;
}

Цвета естественно твои :D

Jarichek пишет
wachburn пишет

сделать неактивные вкладки затемненными, а когда на них наводится курсор - они становятся нормальными

Реализация такая

Выделить код

Код:

tab:not([selected="true"]):hover {
color: #ffffff !important;
background: #ffffff !important;
}

tab:not([selected="true"]) {
color: #ff0000 !important;
background: #808080 !important;
}

Цвета естественно твои :D

отак сделал

Выделить код

Код:

tab:not([selected="true"]) {
opacity: 0.6 !important;
}

tab:not([selected="true"]):hover {
opacity: 1 !important;
}
wachburn пишет

отак сделал

тоже вариант :)

привет... еще вопрос
как поменять цвет шрифта активной вкладки?

все, сделал)

Подскажите строку - как поменять шрифт адресной строки в Firefox?

не ленитесь пользоваться поиском