Полезная информация

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

№104-08-2011 01:36:21

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Как украсить браузер?

Покопавшись в скинах для Лисицы, нашел несколько, с фишками достойными внимания. Собстно меня интересует, есть ли какие-нибудь отдельные их реализации (в стилях, к примеру)?

Собстно что понравилось в Bloomind FT SilverGlow:
1. Все меню имеют слегка прозрачный, светло серый фон, и что самое главное, они все заокруглены!
8c1a39b533d2fb9231c00d34a9d28d7e.jpeg

2. "Искривлённая" кнопка с ярлыком сайта
e5000188a6e9bcc2af6612caa2bbcedd.jpeg

3. Цвет всех прогресс-баров
94e498286d1f527c3e632272167db946.jpeg

4. То каким цветом он выделяет ссылки
76bd29c1f71ab28c5b85db6a594f59e3.jpeg

5. "Типа 3D" нижняя панелька. С красивым "выделением" кнопок, когда на них наводишь курсор
4326554b65623ae40a2dcaa04da0487b.jpeg

6. Когда нажимаешь на кнопку, она становиться голубого цвета.
62c94fa92abe8e0c554370be0d28d20f.jpeg


Что понравилось в теме TwentyTen2
1. Когда нажимаешь на кнопку Firefox, возникает симпатичная "панелька".
c9e372205c7256e83a425cc31ffdc9b7.jpeg

2. Кнопки
0357a070a2d8097806ba1c131c7d59fa.jpeg


Что понравилось в теме Silvermel
1. Очень крутые галочки
124909fbc9e3ba2beb4c6ba6419e716a.jpeg


Что понравилось в теме Office Black
1. Выделение желтым цветом
cc613559bbf876cae035bea3b1348157.jpeg


Ну и меня оочень давно интересует, если что-нибудь, делающее так, чтобы кнопка Firefox, заголовок окна, и кнопки свернуть\закрыть, были на одном уровне?
1338ebac5742fb036b08accc45499f35.jpeg


P.S.
На данный момент установил тему Australis, которая реализует фишку с вкладками из мокапов.

Отредактировано Raf-9600 (04-08-2011 01:40:43)


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

Отсутствует

 

№204-08-2011 10:24:49

Tiger.711
‌
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 8.0

Re: Как украсить браузер?

Raf-9600
Вам надо взять в руки текстовый редактор для css (Хотя бы notepad++) и понравившиеся стили отсюда просто туда скопировать. Как вариант, оттуда-же поставить Stylish.


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№304-08-2011 11:02:21

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

Tiger.711 пишет

понравившиеся стили отсюда просто туда скопировать.

Не понял. Куда скопировать? В одну из этих тем? Там откуда вы мне рекомендуете их скопировать, я даже перекрашивателя прогресс-баров не смог найти =\

Кстати, нашел решение последнего своего вопроса

Raf-9600 пишет

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

https://addons.mozilla.org/ru/firefox/addon/aero-window-title/ делает это, только с Fx7 он не очень хорошо дружит.


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

Отсутствует

 

№404-08-2011 11:37:30

hydrolizer
Участник
 
Группа: Extensions
Зарегистрирован: 22-07-2009
Сообщений: 1945
UA: Firefox 6.0

Re: Как украсить браузер?

Raf-9600 пишет

Не понял. Куда скопировать? В одну из этих тем?

В свою тему :)
Если серьезно - берете наиболее понравившуюся тему, заводите тестовый профиль, устанавливаете туда тему в распакованном виде (надо прописать <em:unpack>true</em:unpack> в install.rdf), и начинаете потихоньку подпиливать эту тему по своему вкусу. По мере подпиливания - запаковываете в xpi, и переносите в рабочий профиль. Я так уже давно попиливаю Bloomid GraphiteGlow.

Отсутствует

 

№504-08-2011 11:39:54

Tiger.711
&#8204;
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 8.0

Re: Как украсить браузер?

Raf-9600 пишет
Tiger.711 пишет

понравившиеся стили отсюда просто туда скопировать.

Не понял. Куда скопировать? В одну из этих тем? Там откуда вы мне рекомендуете их скопировать, я даже перекрашивателя прогресс-баров не смог найти =\

Raf-9600
Простой пример:
1. Установите/включите дефолтную тему;
2. Скачайте файл;
3. Засуньте этот файл в %папка профиля%/Chrome/
       Если её нет - создайте. Файл должен называться userChrome.css
4. Перезапустите браузер.


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№604-08-2011 11:47:45

Kamui
Участник
 
Группа: Members
Зарегистрирован: 31-03-2011
Сообщений: 1796
UA: Aurora 7.0

Re: Как украсить браузер?

Raf-9600 пишет

1. Все меню имеют слегка прозрачный, светло серый фон, и что самое главное, они все заокруглены!

прозрачность меню

Выделить код

Код:

menupopup {opacity: .8 !important;}

Отсутствует

 

№704-08-2011 12:36:03

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

hydrolizer пишет

и начинаете потихоньку подпиливать эту тему по своему вкусу.

Эм... с учетом что я нуб, это возможно? Я видь не шарю, что именно, откуда копировать, и куда вставлять.
И вообще, ИМХО хотелось бы чтоб эти фенечки были реализованы через Stylish

Tiger.711 пишет

Простой пример

Симпатично. Но снова вопрос, что нужно скопировать, к примеру из темы TwentyTen2, чтоб получить её кнопки, и "объемность" как в скриншоте?

Отредактировано Raf-9600 (04-08-2011 12:37:24)


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

Отсутствует

 

№804-08-2011 14:08:17

hydrolizer
Участник
 
Группа: Extensions
Зарегистрирован: 22-07-2009
Сообщений: 1945
UA: Firefox 6.0

Re: Как украсить браузер?

Raf-9600 пишет

Эм... с учетом что я нуб, это возможно?

Не-нубом никто не рождался, и все когда-то ничего не знали, и не понимали. Берите документацию по CSS, DOM inspector - и если есть желание, то всё получится.

Отсутствует

 

№904-08-2011 15:50:11

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

hydrolizer пишет

Берите документацию по CSS, DOM inspector - и если есть желание, то всё получится.

Изучать целый язык только для того чтоб сделать пару изменений в интерфейсе Лисицы, эт слишком.


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

Отсутствует

 

№1004-08-2011 19:29:31

Tiger.711
&#8204;
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 8.0

Re: Как украсить браузер?

Raf-9600
Запросов у Вас не пара, а на целую самостоятельную тему.


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№1104-08-2011 20:00:32

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

Tiger.711
Главное что мне от из первого поста нужно, это прогресс-бар, и меню, серое, закругленное, с небольшой прозрачностью.
Ну а целую тему создал, потому что на форуме не существует отдельной темы по изменению интерфейса, есть только по Stylish и userChrome, а по чем мне знать, через что это можно реализовать? :)


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

Отсутствует

 

№1204-08-2011 20:03:23

Крошка Ру
Участник
 
Группа: Extensions
Зарегистрирован: 19-10-2008
Сообщений: 8718
UA: Aurora 7.0

Re: Как украсить браузер?

Raf-9600 Мне кажется Tiger.711 имел в виду тему оформления - шкурку для браузера :angel:

Отсутствует

 

№1304-08-2011 20:09:33

Tiger.711
&#8204;
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 8.0

Re: Как украсить браузер?

Крошка Ру
Exactly!


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№1404-08-2011 23:43:10

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

hydrolizer пишет

берете наиболее понравившуюся тему, заводите тестовый профиль, устанавливаете туда тему в распакованном виде (надо прописать <em:unpack>true</em:unpack> в install.rdf), и начинаете потихоньку подпиливать эту тему по своему вкусу.

Пришлось так и поступить. Реализовал прогресс-бар (Bloomind FT SilverGlow), галочки (Silvermel), и кнопки (TwentyTen2).
Собстно теперь главный вопрос: какой блокнотик из темы Bloomind FT SilverGlow нужно скопировать, чтоб получить столь офигительное меню? 09300ddfe3350a8d59a9bb4477c6148f.gif

Ну и пару второстепенных:
1. Ктонить знает как заставить двигаться этот троббер, Firefox 5 Loading Progress Throbber on Tab Icon 6adefc8535ae8d4a6922bcc678f11bfe.png в скине Australis? Добавил его код в Tabs.css, но успеха не принесло.
2. Ктонить может сделать так, чтоб при нажатии кнопки, она светилась синим, как на скрине? Вот код самой кнопки из TwentyTen2, и код кнопки с синим из Bloomind FT SilverGlow. Собстно как я не извращался с копипастом частей кода, ничего не проканало :(
3. Где\что\откуда нужно скопировать (хотяб примерно), чтоб получить выделение ссылок вот такого цвета?

Отредактировано Raf-9600 (05-08-2011 00:54:30)


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

Отсутствует

 

№1505-08-2011 04:59:08

hydrolizer
Участник
 
Группа: Extensions
Зарегистрирован: 22-07-2009
Сообщений: 1945
UA: Firefox 6.0

Re: Как украсить браузер?

Raf-9600 пишет

какой блокнотик из темы Bloomind FT SilverGlow нужно скопировать, чтоб получить столь офигительное меню?

chrome://global/skin/menu.css - не всё, разумеется, только то, что нужно

Raf-9600 пишет

Ктонить знает как заставить двигаться этот троббер

А он вообще двигается? Для анимации изображений в FF обычно используется APNG; с ним работает достаточно небольшое количество утилит. Самый простой способ проверить - открыть рисунок в FF (стандартно, через Файл -> Открыть).

Raf-9600 пишет

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

См. кусок кода в chrome://global/skin/button.css - там, где button:focus. Синий цвет добавляется инструкцией

Выделить код

Код:

background: #339edf url("chrome://global/skin/buttons/button_active_bg.png") repeat-x;

(в Bloomind FT SilverGlow)

Raf-9600 пишет

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

См. chrome://browser/skin/browser.css - это задается кодом

Выделить код

Код:

.ac-url-text,
.ac-action-text {
  color: -moz-nativehyperlinktext;
}

.ac-url-text:-moz-system-metric(windows-default-theme),
.ac-action-text:-moz-system-metric(windows-default-theme) {
  color: #00adee;
}

Отсутствует

 

№1605-08-2011 13:12:55

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

hydrolizer пишет

chrome://global/skin/menu.css - не всё, разумеется, только то, что нужно

Даже скопировав все, получил лишь выделение фокуса серым, и более четкие разделители. На округлость или прозрачность, нет и намека =(

hydrolizer пишет

А он вообще двигается? Для анимации изображений в FF обычно используется APNG;

Да, это не APNG, но если использовать стандартную тему, то он почему-то двигается %)

hydrolizer пишет

См. кусок кода в chrome://global/skin/button.css - там, где button:focus. Синий цвет добавляется инструкцией

До этого я додумался, вот только даже если скопировать весь этот кусок кода, то это не заставляет использовать button_active_bg.png

Выделить код

Код:

/* .......... focused state .......... */

button:focus {
  background: #339edf url("chrome://global/skin/buttons/button_active_bg.png") repeat-x;
  color: #ffffff;
  text-shadow: 0px -1px #3091d1;
  border: 2px solid;
  -moz-border-top-colors: #3399dd #33bbee;
  -moz-border-right-colors: #3399dd #33bbee;
  -moz-border-bottom-colors: #3399dd #33bbee;
  -moz-border-left-colors: #3399dd #33bbee;
}
hydrolizer пишет

См. chrome://browser/skin/browser.css - это задается кодом

А вот за это сенки, сработало :)


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

Отсутствует

 

№1705-08-2011 15:41:24

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

Raf-9600 пишет

Да, это не APNG, но если использовать стандартную тему, то он почему-то двигается %)

Ура! Нашел версию этого троббера в APNG http://hg.mozilla-hispano.org/tuentifox/issue/104/mostrar-feedback-al-usuario-al-actualizar
Кстати, хочу поделиться ещё одним мега красавцем 2d12bf64d5af553aa97ee31183819634.png Его нужно ложить в \chrome\browser\tabbrowser\connecting.png


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

Отсутствует

 

№1805-08-2011 16:35:59

mserv
Участник
 
Группа: Members
Зарегистрирован: 15-11-2008
Сообщений: 1025
UA: Nightly 8.0

Re: Как украсить браузер?

Raf-9600 пишет

Ура! Нашел версию этого троббера в APNG http://hg.mozilla-hispano.org/tuentifox/issue/104/mostrar-feedback-al-usuario-al-actualizar
Кстати, хочу поделиться ещё одним мега красавцем http://i18.fastpic.ru/big/2011/0805/34/2d12bf64d5af553aa97ee31183819634.png Его нужно ложить в \chrome\browser\tabbrowser\connecting.png

Полюбуйся своими "мега красавцами", когда одновременно грузятся хотя бы 20 вкладок.  А потом сделай так:

скрытый текст

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tab-throbber  {
list-style-image: none !important;
}

:dumb:

Отсутствует

 

№1905-08-2011 16:45:57

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

mserv пишет

Полюбуйся своими "мега красавцами", когда одновременно грузятся хотя бы 20 вкладок.

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


Raf-9600 пишет

5. Объемная нижняя панелька. С красивым "выделением" кнопок, когда на них наводишь курсор
4326554b65623ae40a2dcaa04da0487b.jpeg

Ктонить подскажет, какой файлик отвечает за эту панельку?

Отредактировано Raf-9600 (05-08-2011 16:49:33)


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

Отсутствует

 

№2005-08-2011 17:04:29

Tiger.711
&#8204;
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 8.0

Re: Как украсить браузер?

Raf-9600 пишет

Ктонить подскажет, какой файлик отвечает за эту панельку?

Никакой. Прописывается ксс-кой.


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№2105-08-2011 17:09:45

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

Tiger.711 пишет

Прописывается ксс-кой.

Подозреваю что эта "ксс-ка" должна где-то находиться umnik2.gif


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

Отсутствует

 

№2205-08-2011 17:33:27

Tiger.711
&#8204;
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 8.0

Re: Как украсить браузер?

Raf-9600
Или в стилишь, или в юзерхром (:
У меня в юзерхроме ксс-кой даже автоскрытие аддон-бара прописано. И градиент там тоже есть.


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№2305-08-2011 17:56:35

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

Tiger.711 пишет

Или в стилишь, или в юзерхром

Не нашел ни того ни другого. В какой папке скина они находятся?

Tiger.711 пишет

У меня в юзерхроме ксс-кой даже автоскрытие аддон-бара прописано. И градиент там тоже есть.

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


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

Отсутствует

 

№2405-08-2011 18:01:37

Tiger.711
&#8204;
 
Группа: Extensions
Откуда: из Лесу
Зарегистрирован: 30-07-2010
Сообщений: 7975
UA: Nightly 8.0

Re: Как украсить браузер?

Raf-9600
А что мешает цвета поменять? (:


Большой кот... Пуфыстый... Полосатый... Зубастый (:

Отсутствует

 

№2505-08-2011 18:06:43

Raf-9600
Участник
 
Группа: Members
Зарегистрирован: 15-05-2007
Сообщений: 560
UA: Aurora 7.0

Re: Как украсить браузер?

Tiger.711 пишет

А что мешает цвета поменять? (:

Как можно догадаться - отсутствие знаний, какую именно строчку нужно редактировать.


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

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]