Пацаны, каждая из кнопок на моей Панели закладок имеет минимальную ширину, которая меня не удовлетворяет. Я бы хотел изменить эту ширину, вплоть до значка или до пары-тройки букв, как мне это сделать? П. С. Надеюсь, в своем вопросе я был достаточно чоток?

Это надо через userChrome.css править. Нужно найти в css-файлах самого браузера элемент, отвечающий за ширину, и изменить его.

Игорь, я нашел этот файл и чо-то я не втыкаю, чо там написано.

/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/

/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


/*
* Some possible accessibility enhancements:
*/
/*
* Make all the default font sizes 20 pt:
*
* * {
*   font-size: 20pt !important
* }
*/
/*
* Make menu items in particular 15 pt instead of the default size:
*
* menupopup > * {
*   font-size: 15pt !important
* }
*/
/*
* Give the Location (URL) Bar a fixed-width font
*
* #urlbar {
*    font-family: monospace !important;
* }
*/

/*
* Eliminate the throbber and its annoying movement:
*
* #throbber-box {
*   display: none !important;
* }
*/

/*
* For more examples see http://www.mozilla.org/unix/customizing.html
*/

#go-button > .toolbarbutton-text {
display: none !important;
}

http://forum.mozilla-russia.org/viewtop … 33#p187333

Ещё можно поставить расширение Tab Mix Plus и покопаться в его настройках. Много чего там найдешь для себя полезного.

з.ы. Обращение "Пацаны" не принято на этом форуме. Ведь можно, например, начинать так: "Здравствуйте, помогите разобраться с проблемой ..." или "Привет, скажите пожалуйста как ..." и т.п.

В общем, «чоткости» не хватило :P
Tab Mix Plus умеет менять ширину вкладок, а вот закладок — нет.

Кто-нибудь знает такое расширение?

Кто-нибудь знает такое расширение?

Может все же воспользоваться CSS?

Обращение "Пацаны" не принято на этом форуме.

С каких пор?

Tab Mix Plus умеет менять ширину вкладок, а вот закладок — нет.

Не сразу дошло, о чём речь... :)

Я бы хотел изменить эту ширину, вплоть до значка или до пары-тройки букв

1. Можно создавать папки с именами в пару-тройку буков.
2. Можно самим линкам давать имена в пару-тройку буков.
И то и другое позволит вам разместить... мм-м... много вкладок и папок на панели закладок вообще ничего в ней не меняя.

С каких пор?

Проведи поиск по слову "Пацаны". Много найдешь? А где? Во флейме! :)
А вообще-то это слово, ИМХО, попадает под пункт:

4.2  Использовать мат и/или грубые выражения (в том числе в замаскированной форме).

Вот ссылка по теме. Там приведено как минимум два варианта определения того, что же значит это слово.
з.ы.  Извиняюсь за этот оффтоп.

А вообще-то это слово, ИМХО, попадает под пункт:

    4.2  Использовать мат и/или грубые выражения (в том числе в замаскированной форме).

Что за несусветная чушь! С какого такого слово пацан стало матерным или грубым выражением? И о какой замаскированной форме вообще идет речь? Причем тут ветка "Флейм"? Мало ли, что там есть.


Всем: Заканчиваем флуд/оффтоп... Если есть желание, есть ПМ. Тут это обсуждение никаким боком к теме не относится.

Modex

Lain_13 пишет

1. Можно создавать папки с именами в пару-тройку буков.
2. Можно самим линкам давать имена в пару-тройку буков.
И то и другое позволит вам разместить... мм-м... много вкладок и папок на панели закладок вообще ничего в ней не меняя.

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



Игорь, а как CSS пользоваться?


P. S. Почитал ссылку,  у нас никто не говорит "реальный пацан", это я только в интернете услышал. У нас говорят "нормальный пацан" или же "нормальный человек" в общеупотребительном значении этого слова.

как CSS пользоваться

Можете добавить в userChrome.css что-нибудь из этого:

Выделить код

Код:

/* Удаляем пробелы между элементами панели закладок и обрезаем слишком длинные названия */
toolbarbutton.bookmark-item {
	padding: 0px !important;	/* ширина полей */
	max-width: 6em !important;	/* максимальная ширина (если шире, то название будет обрезаться) */
}

/* Полоса прокрутки для слишком длинных списков закладок */
menupopup[contextmenu="bookmarks-context-menu"] autorepeatbutton {	/* убираем стандартные кнопки прокрутку сверху и снизу */
	display: none !important;
}
menupopup[contextmenu="bookmarks-context-menu"] scrollbox {	/* добавляем скроллбар */
	overflow-y: auto !important;
	width: 250px !important;	/* ширина (по-другому почему-то не получается) */
}
menupopup[contextmenu="bookmarks-context-menu"] {
	max-height: 300px !important;	/* максимальная высота списка закладок (если больше - появится прокрутка) */
}
#menu_BookmarksPopup {
	max-height: 350px !important;	/* максимальная высота "основного" списка закладок (сразу из меню "Закладки") */
}

/* Многострочная панель закладок */
#bookmarks-ptf {
	display:block !important;
}
#bookmarks-ptf toolbarseparator {
	display:inline !important;
}

А что имеется в виду под многострочной панелью закладок? Bookmark Toolbar можно делать из двух строк?

Добавьте код, перезагрузитесь – и всё увидите ;) И строк будет – сколько надо, в зависимости от суммарной ширины всех папок / закладок.
P. S. Код для многострочности позаимствован откуда-то из mozillazine.org

Как я понял вместо появления символа ">>" в конце не влезшие элементы будут переноситься на новую строку. Сколько надо, столько строк и будет.

memini пишет

УРЛ расширения: https://addons.mozilla.org/en-US/firefox/addon/3462
сделать ширину каждого столбика побольше

Column Bookmarks 0.1+ [5,7 кб]
Изменения внесены в файлы columnbookmarks.css и columnpopup.xml и помечены change #...

memini

Большущее спасибо

Пожалуйста :)

Чем здесь выбор руководствуется?

Если честно, то во всех случаях – методом тыка :D
Просто я 1) не особо разбираюсь в XBL и 2) в код почти не вникал.
Для change #2 и 3 иначе глюки будут (больше – можно, но столбцы раздвинутся, если меньше – прокрутка вылезет).
А для change #4 при слишком маленьких значениях столбцы налезают друг на друга (что нетрудно проверить). При больших – наоборот раздвигаются. А в районе выбранной ширины (260) меняй – не меняй, а эффекта нет :/

Вы не против, если я ссылку на вашу версию выложу

Мы не против :)

Я тут поэкспериментировал...
Видимо, лучше делать вот так:

Выделить код

Код:

/* Полоса прокрутки для слишком длинных списков закладок */
menupopup[contextmenu="bookmarks-context-menu"] autorepeatbutton {
	display: none !important;     /* убираем стандартные кнопки прокрутку сверху и снизу */
}
menupopup[contextmenu="bookmarks-context-menu"] scrollbox {
	overflow-y: auto !important;  /* добавляем скроллбар */
}
menupopup[contextmenu="bookmarks-context-menu"] {
	max-height: 300px !important; /* максимальная высота списка закладок (если больше - появится прокрутка) */
	width: 295px !important;      /* ширина списка закладок */
}
#menu_BookmarksPopup {
	max-height: 350px !important; /* максимальная высота "основного" списка закладок (сразу из меню "Закладки") */
}
Infocatcher пишет

как CSS пользоваться

Можете добавить в userChrome.css что-нибудь из этого:

Выделить код

Код:

/* Удаляем пробелы между элементами панели закладок и обрезаем слишком длинные названия */
toolbarbutton.bookmark-item {
	padding: 0px !important;	/* ширина полей */
	max-width: 6em !important;	/* максимальная ширина (если шире, то название будет обрезаться) */
}

/* Полоса прокрутки для слишком длинных списков закладок */
menupopup[contextmenu="bookmarks-context-menu"] autorepeatbutton {	/* убираем стандартные кнопки прокрутку сверху и снизу */
	display: none !important;
}
menupopup[contextmenu="bookmarks-context-menu"] scrollbox {	/* добавляем скроллбар */
	overflow-y: auto !important;
	width: 250px !important;	/* ширина (по-другому почему-то не получается) */
}
menupopup[contextmenu="bookmarks-context-menu"] {
	max-height: 300px !important;	/* максимальная высота списка закладок (если больше - появится прокрутка) */
}
#menu_BookmarksPopup {
	max-height: 350px !important;	/* максимальная высота "основного" списка закладок (сразу из меню "Закладки") */
}

/* Многострочная панель закладок */
#bookmarks-ptf {
	display:block !important;
}
#bookmarks-ptf toolbarseparator {
	display:inline !important;
}

Это не помогает.

Это не помогает.

И как это понимать?
1. Результата нет совсем?
2. Результат есть, но он отличается от желаемого?
Если первое, то userChrome.css (+профиль)
Если второе – меняйте значения ширины, высоты и пр.

Я не понимаю, что делать с записями, которые там уже есть.

Я не понимаю, что делать с записями, которые там уже есть.

Где там? В userChrome? Можно попробовать изменить значения.

Судя по «записями, которые там уже есть», по-моему, кое-кто путает userChrome-example.css и userChrome.css
example – пример (там всё /* закомментировано */).

1. Нужно создать файл userChrome.css папке chrome профиля.
2. Добавить в него строку

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

(Ибо надо ;))
3. Добавить нужный код из того, что я уже приводил.

1. Нужно создать файл userChrome.css папке chrome профиля.

Да просто пусть переименует userChrome-example.css в userChrome.css, почистить его и добавит свои значения.

igorsub
Ага, а потом – объясняй, как его чистить? :D ;)

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

А можно при обрезке слишком длинных названий, чтобы не было многоточий?






/* Удаляем пробелы между элементами панели закладок и обрезаем слишком длинные названия */
toolbarbutton.bookmark-item {
    padding: 0px !important;    /* ширина полей */
    max-width: 6em !important;    /* максимальная ширина (если шире, то название будет обрезаться) */
}

У меня уже был этот файл, я туда вставлял код, чтоб не было надписей в зеленой круглой кнопке.

#go-button > .toolbarbutton-text {
display: none !important;
}

...просто обрезать слишком длинные названия?

Тут всё просто. Сначала определяется элемент, к которому будет применен стиль:
toolbarbutton.bookmark-item
В фигурных скобках описывается стиль, который будет к этому элементу применен:
свойство (например, ширина) : значение !important ;
!important означает, что значение этого свойства (если оно уже где-то задано) будет проигнорировано.
Т.е. для обрезания слишком длинных названий надо оставить только это:

Выделить код

Код:

toolbarbutton.bookmark-item {
    max-width: 6em !important;    /* максимальная ширина (если шире, то название будет обрезаться) */
}

...чтобы не было многоточий?

По-видимому, никак не сделать... Мне удалось только изменить стандартное обрезание справа («длинное назва...») на слева («...нное название») или по центру («длинное...звание»). При отключении обрезания совсем точки исчезают, но и максимальная ширина больше не работает.

У меня уже был этот файл, я туда вставлял код, чтоб не было надписей в зеленой круглой кнопке.

Тогда нужно просто добавить новый код после уже имеющегося.


К слову о многоточиях при укорачивании названий.
Я взял уже имеющийся binding chrome://global/content/bindings/toolbarbutton.xml
Убрал все про crop и сохранил в папку chrome под именем bm.xml
В userCrome.css добавил
toolbarbutton[id^="rdf:#$"] {
    -moz-binding: url(bm.xml#nocropmenu);
}
Ограничение по ширине перестало работать. crop="left" и crop="center" не катят.
Отсюда вопрос: как изменить эффект от crop="right"? (и где он вообще задается?)

crop="none" + overflow: hidden; в userChrome.css

Anton пишет

crop="none" + overflow: hidden; в userChrome.css

Увы, не все так просто оказалось...
1. Копирую chrome://global/content/bindings/toolbarbutton.xml в папку chrome профиля (и удаляю внутри все, кроме toolbarbutton и menu).
2. В userChrome.css добавляю

Выделить код

Код:

toolbarbutton.bookmark-item {
	-moz-binding: url(toolbarbutton.xml#toolbarbutton);
}
toolbarbutton.bookmark-item[type="menu"] {
	-moz-binding: url(toolbarbutton.xml#menu);
}

(Перезапускаю Firefox – пока все работает)
3. Меняю crop="right" на crop="none" – перезапускаюсь – укорачивание надписей перестает работать.
4. Добавляю overflow: hidden;

Выделить код

Код:

toolbarbutton.bookmark-item {
	-moz-binding: url(toolbarbutton.xml#toolbarbutton);
	overflow: hidden;
}
toolbarbutton.bookmark-item[type="menu"] {
	-moz-binding: url(toolbarbutton.xml#menu);
	overflow: hidden;
}

И обычные закладки (не type="menu") заглючивают: иконки растягиваются на все свободное место, а текст поднимается вверх.
Некоторые другие комбинации нужного эффекта также не дают...
Где грабли?

P. S. Самое интересное, что (без уточнений для [type="menu"])

Выделить код

Код:

toolbarbutton.bookmark-item {
	-moz-binding: url(toolbarbutton.xml#toolbarbutton);
	overflow: hidden;
}

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

P. P. S. Для ограничения ширины используется

Выделить код

Код:

toolbarbutton.bookmark-item {
	max-width: 6em !important;
}
Infocatcher пишет

...1. Нужно ...
2. Добавить в него строку

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

...

Не в этом ли причина иногда возникающих "подвисаний" Огнелиса? Как никак эта строчка означает, что при каждом обращении к сабжу идет обращение к указанному урлу в инете.
Что это значит в плане производительности (сервера проекта в частности) - думаю объяснять нет нужды... :)
Примечание. Ранее в таких тонких "внутренностях" Лиса не копался. ;)

разве что

Выделить код

Код:

toolbarbutton.bookmark-item[type="menu"] {
    -moz-binding: url(...);
    overflow: hidden !important;
    width: 6em !important;
}

toolbarbutton.bookmark-item:not([type="menu"]) {
    -moz-binding: url(...);
    overflow: hidden !important;
    width: 6em !important;
    padding: 6px !important;
}
toolbarbutton.bookmark-item:not([type="menu"]) > .toolbarbutton-text
{
	padding-top: 3px !important;
}
toolbarbutton.bookmark-item:not([type="menu"]) > .toolbarbutton-icon
{
	max-height: 16px !important;
}
Anton пишет

разве что

Победим, но мы пойдем путем другим (или как там)? ;)
Работает, только имена папок не укорачиваются (даже если вернуть crop="right")...
И лучше
  max-width: 6em !important;
вместо
  width: 6em !important;

Infocatcher, ты разобрался с этим?

Получилось?

И чо вставлять надо?

Получилось?

Только для закладок (для папок не удалось) – и то не очень. Нужный способ укорачивания названий получился, но внешний вид пострадал – пришлось «подкручивать».

И чо вставлять надо?

1. В файл userChrome.css надо добавить:

Выделить код

Код:

/* Обрезка названий закладок на панели закладок без многоточий в конце */
toolbarbutton.bookmark-item:not([type="menu"]) {
	-moz-binding: url(bmPanel.xml#bookmarkToolbarbutton);
	overflow: hidden !important;
	padding-top: 4px !important;
}
/* Исправляем внешний вид... */
toolbarbutton.bookmark-item:not([type="menu"]) > .toolbarbutton-text {
	padding-top: 3px !important;
}
toolbarbutton.bookmark-item:not([type="menu"]) > .toolbarbutton-icon {
	max-height: 16px !important;
}

/* Обрезаем слишком длинные названия на панели закладок */
toolbarbutton.bookmark-item {
	max-width: 6em !important;
}

2. В папке chrome профиля (т.е. там же, где и userChrome.css) нужно создать текстовый файл bmPanel.xml с вот таким содержимым:

Выделить код

Код:

<?xml version="1.0"?>

<bindings id="boolmarksPanelBindings"
	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="bookmarkToolbarbutton" display="xul:button" extends="chrome://global/content/bindings/button.xml#button-base">
		<resources>
			<stylesheet src="chrome://global/skin/toolbarbutton.css"/>
		</resources>

		<content>
			<children includes="observes|template|menupopup|tooltip"/>
			<xul:image class="toolbarbutton-icon" xbl:inherits="validate,src=image,toolbarmode,buttonstyle"/>

			<xul:label class="toolbarbutton-text" crop="none" flex="1" xbl:inherits="value=label,accesskey,crop,toolbarmode,buttonstyle"/>
		</content>
	</binding>

</bindings>

Спасибо большое. Я уверен, что наши наработки должны быть введены в файрфокс Вики. Кстати, где она?

Не совсем чотко выразился. "Ваши наработки."

i74785_1.jpg
Есть подписка на RSS новости см картинку, но ширина столбца закладок мала, и не прочитать заголовок до конца,
1. Как можно расширить этот столбец?
2. Можно ли править userChrome.css с помощью встроенного блокнота в Виндах ХР
P.S. FireFox 3.0.5
Спасибо

1. Как можно расширить этот столбец?

http://forum.mozilla-russia.org/viewtopic.php?id=25735

2. Можно ли править userChrome.css с помощью встроенного блокнота в Виндах ХР

Можно.

Спасибо Infocatcher очень оперативно!!!
Вставил :

Выделить код

Код:

/* set default namespace to XUL */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
menuitem.bookmark-item {
    max-width: none !important;
}
menuitem.bookmark-item > hbox > .menu-iconic-accel {
    display: none !important;
}

Перезагрузил FireFox и ни чего ..... ?

Перезагрузил FireFox и ни чего ..... ?

Инструменты – Консоль ошибок

Выделить код

Код:

alert(Components.classes["@mozilla.org/file/directory_service;1"].getService(Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsIFile).path);

(скопировать в текстовое поле и нажать «Проанализировать»)
Это папка профиля.
Далее – chrome\userChrome.css

Спасибо Infocatcher, разобрался исправлял:
C:\Program Files\Mozilla Firefox\defaults\profile\chrome

а надо было сначала, как вы написали определить папку профиля:
Инструменты – Консоль ошибок

Выделить код

Код:

alert(Components.classes["@mozilla.org/file/directory_service;1"].getService(Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsIFile).path);

Не подскажете как отцентрировать окно добавления в закладки.
Использовал в userChrome.css следующий код для "расширения" окна закладок:

Выделить код

Код:

#editBookmarkPanel {
    width: 1000px;
}

И в результате окно расширилось только в левую сторону.
Как разместить его по-центру экрана?
(экспериментирую с Лисой 3.5.5. Вот из-за всяких таких косяков и недоработок до сих пользую 2-ю версию:mad:)