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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№10102-11-2007 19:28:19

Lain_13
Забанен
 
Группа: Members
Откуда: Волшебная Страна
Зарегистрирован: 26-04-2006
Сообщений: 10320
UA: Mozilla 1.9

Re: Fast Dial

1. Что-то у меня подложка вовсе не закругленная, а очень даже прямоугольная.
2. Есть идея по поводу подложки под кнопками.
При наведении на место, где появляются кнопки они появляются, но подложка должна сливаться с бордюром, как бы являясь его частью.
Примерно это имею в виду:

Выделить код

Код:

Сейчас:            Хотелось бы:
+----------------+ +----------------+
|+--------------+| |+------+ x x x x|
||      |x x x x|| ||      +-------+|
||      +-------|| ||              ||
||              || ||              ||
||              || ||              ||
|+--------------+| |+--------------+|
|                | |                |
+----------------+ +----------------+

Нарисовано, конечно не ахти, и ширина края естественно не учтена а сильно завышена... Но мне лень рисовать, мне легче и быстрее в ASCII. %)

Кстати, если везде, где "+" на правой картинке будет мааааленькое скругление (как сейчас по краям), то будет вообще великолепно.

Отредактировано Lain_13 (02-11-2007 19:43:57)

Отсутствует

 

№10202-11-2007 19:49:07

telega
Участник
 
Группа: Extensions
Зарегистрирован: 09-09-2007
Сообщений: 1444
UA: Firefox 2.0

Re: Fast Dial

Lain_13 пишет

1. Что-то у меня подложка вовсе не закругленная, а очень даже

Как такое может быть...у меня закругленная:
fd.png

Кстати, если везде, где "+" на правой картинке будет мааааленькое скругление (как сейчас по краям), то будет вообще великолепно.

Почему-то если img задать стиль -moz-border-radius: X; то оно углы изображения не обрезает, они так и торчат поверх скругленного бордера.

Отредактировано telega (02-11-2007 19:58:25)

Отсутствует

 

№10302-11-2007 21:50:11

Lain_13
Забанен
 
Группа: Members
Откуда: Волшебная Страна
Зарегистрирован: 26-04-2006
Сообщений: 10320
UA: Minefield 3.0

Re: Fast Dial

А кто сказал, что подложка должна быть картинкой? %)
кстати, на картинке ты меня не понял. Подложка должна сливаться своим фоном с окружающей рамкой.

Отсутствует

 

№10402-11-2007 22:07:21

telega
Участник
 
Группа: Extensions
Зарегистрирован: 09-09-2007
Сообщений: 1444
UA: Firefox 2.0

Re: Fast Dial

Lain_13 пишет

А кто сказал, что подложка должна быть картинкой? %)
кстати, на картинке ты меня не понял. Подложка должна сливаться своим фоном с окружающей рамкой.

Так она и не картинка, это "-moz-border-radius: 0 0 0 12;"
Кстати, насчет сделать подложку картинкой - это идея. Т.к. если сделать просто темно-серый фон, то иконки тоже становятся темными, т.к. они частично прозрачные. А если фон сделать серой картинкой с белыми кружками, то может неплохо получиться, надо попробовать.
Хотя может и так оставить, довольно индустриальный вид получился:
fd2.png

Отредактировано telega (02-11-2007 22:11:15)

Отсутствует

 

№10502-11-2007 23:05:25

Philip
Участник
 
Группа: Members
Откуда: Жуковский
Зарегистрирован: 14-05-2005
Сообщений: 152
UA: Firefox 2.0
Веб-сайт

Re: Fast Dial

И тут снова я, со своими "бреднями":
0fed99a50951354e58b4113b4d1cf375.jpg dfa60359a84431426e20efc45d5c2881.jpg

Ну приглядитесь ко второму варианту. :) Какой изящный. :lol:

Добавлено Fri Nov  2 23:06:26 2007 :
Кстати, серая подложка, неожиданно классно смотрится. :rock:

Добавлено Fri Nov  2 23:08:15 2007 :
Я кстати совсем не против закруглений, просто они обрубками какими-то получаются. Совсем не гладкими.

Отсутствует

 

№10602-11-2007 23:13:05

telega
Участник
 
Группа: Extensions
Зарегистрирован: 09-09-2007
Сообщений: 1444
UA: Firefox 2.0

Re: Fast Dial

Philip пишет

И тут снова я, со своими "бреднями":

Я, кстати, тоже сделал такую:
fd3.png
Только по-моему тусклость кнопок не стыкуется с четкостью подписи к картинке.

Отсутствует

 

№10702-11-2007 23:26:20

Philip
Участник
 
Группа: Members
Откуда: Жуковский
Зарегистрирован: 14-05-2005
Сообщений: 152
UA: Firefox 2.0
Веб-сайт

Re: Fast Dial

Только по-моему тусклость кнопок не стыкуется с четкостью подписи к картинке.

А по моему, очень даже органично смотрится. Сейчас ещё поигрался с прозрачностью, и вернулся к варианту без неё. К тому же панель не статична, так что...

Добавлено Fri Nov  2 23:28:16 2007 :
И ещё. Обрати внимание, я не делал её слитной с рамкой, мне кажется стоит визуально отделять панель.

Отсутствует

 

№10802-11-2007 23:46:40

telega
Участник
 
Группа: Extensions
Зарегистрирован: 09-09-2007
Сообщений: 1444
UA: Firefox 2.0

Re: Fast Dial

Выложил версию 1.19 с серой подложкой.
P.S. пришла мысль сделать пару экстремальных стилей типа черных окошек, или вообще черного фона самой страницы "about:blank".
Philip
А как ты делаешь надпись "Добавлено ..."?

Если в течение получаса дописать ещё одно сообщение, то оно автоматически «прилепится» к предыдущему таким вот образом

Modex

Добавлено Sat Nov  3 00:07:32 2007 :
Modex
Сенкс

1.19 оказалась с багами, поэтому 1.20

Отсутствует

 

№10903-11-2007 01:13:48

Philip
Участник
 
Группа: Members
Откуда: Жуковский
Зарегистрирован: 14-05-2005
Сообщений: 152
UA: Firefox 2.0
Веб-сайт

Re: Fast Dial

пришла мысль сделать пару экстремальных стилей типа черных окошек, или вообще черного фона самой страницы "about:blank"

Сразу заподозрил неладное когда увидел temp.html с чёрным фоном. :) А что это будет? Просто другой темплейт?

поэтому 1.20

:o Просто бомба! Осталось только "наждачкой по краям обработать" и будет блестеть и глаз радовать.

Отсутствует

 

№11003-11-2007 11:00:39

z645
Участник
 
Группа: Members
Зарегистрирован: 11-11-2006
Сообщений: 264
UA: Firefox 2.0

Re: Fast Dial

Классное расширение!

Возможное улучшение:
Серую подложку под кнопками сделать прозрачной.

Отсутствует

 

№11103-11-2007 11:32:31

z645
Участник
 
Группа: Members
Зарегистрирован: 11-11-2006
Сообщений: 264
UA: Firefox 2.0

Re: Fast Dial

Philip

Просто бомба! Осталось только "наждачкой по краям обработать" и будет блестеть и глаз радовать.

Если мне не изменяет память, то закругленные края уже были, и смотрелось неособо :/
А учитывая размер бордюра это не реально...

telega

Только по-моему тусклость кнопок не стыкуется с четкостью подписи к картинке.

Возможное улучшение:
Сделать кнопки черненькими, т.е. темнее!

Отсутствует

 

№11203-11-2007 11:37:00

telega
Участник
 
Группа: Extensions
Зарегистрирован: 09-09-2007
Сообщений: 1444
UA: Firefox 2.0

Re: Fast Dial

Philip пишет

Сразу заподозрил неладное когда увидел temp.html с чёрным фоном. :) А что это будет? Просто другой темплейт?

Не знаю, будет ли...черный фон попробовал - не очень. А как именно делать (если делать вообще) - можно либо несколько темплитов с возможностью переключения, либо в настройках возможность выбора цвета окошка, ну и цвета всей страницы может быть.

z645 пишет

Классное расширение!

Возможное улучшение:
Серую подложку под кнопками сделать прозрачной.

Спасибо...прозрачную пробовали, тогда кнопки хуже видно, т.к. они сами частично прозрачные. Можешь попробовать - в файле [firefox_profile]/extensions/fastdial@telega.phpnet.us/chrome/content/template.html удали строчку:

.buttons {
  ...
  background: darkgray;
  ...
}

Отсутствует

 

№11303-11-2007 11:37:08

Philip
Участник
 
Группа: Members
Откуда: Жуковский
Зарегистрирован: 14-05-2005
Сообщений: 152
UA: Firefox 2.0
Веб-сайт

Re: Fast Dial

Серую подложку под кнопками сделать прозрачной.

Пробовал. Не смотриться. :(

Если мне не изменяет память, то закругленные края уже были, и смотрелось неособо

"наждачкой по краям обработать" - образное выражение. Внешний вид я не имел ввиду.

Отсутствует

 

№11403-11-2007 11:42:15

telega
Участник
 
Группа: Extensions
Зарегистрирован: 09-09-2007
Сообщений: 1444
UA: Firefox 2.0

Re: Fast Dial

z645 пишет

Возможное улучшение:
Сделать кнопки черненькими, т.е. темнее!

В смысле черную подложку под них положить? Это можно, ну т.е. тогда уже сделать, чтобы можно было настраивать цвет окошек, как я выше писал. А если картинки самих кнопок подредактировать, то это не ко мне, я не дизайнер: если сделаешь, можно посмотреть, что получится, или Philip'а попросить.

Отсутствует

 

№11503-11-2007 12:41:17

Philip
Участник
 
Группа: Members
Откуда: Жуковский
Зарегистрирован: 14-05-2005
Сообщений: 152
UA: Firefox 2.0
Веб-сайт

Re: Fast Dial

Не совсем понял что нужно, но если что, то вот кнопочки без прозрачности:
217cb763756b0a55a3e0b4edd0228dfc.png

Отсутствует

 

№11603-11-2007 13:22:04

telega
Участник
 
Группа: Extensions
Зарегистрирован: 09-09-2007
Сообщений: 1444
UA: Firefox 2.0

Re: Fast Dial

Philip пишет

Не совсем понял что нужно, но если что, то вот кнопочки без прозрачности:

Я тоже не совсем. Кстати, эти кнопки на черном фоне голимовато смотрятся.
Пример черной схемы (с прозрачными кнопками):
fd_black.png

Отсутствует

 

№11703-11-2007 13:59:06

z645
Участник
 
Группа: Members
Зарегистрирован: 11-11-2006
Сообщений: 264
UA: Firefox 2.0

Re: Fast Dial

Вот на немного отлучился, а тут уже стока написали :whistle:

Я имел ввиду САМИ кнопки более темным цветом (когда они не активны). Серый блок под кнопками прозрачный, а кнопки НЕПРОЗРАЧНЫЕ!

Вроде так лучше смотреться будет.
Спасибо!

Добавлено Sat Nov  3 14:02:27 2007 :
Philip

А на счет наждачки, просто я включился поздно в разговор и ступил малость :angel:

Отсутствует

 

№11803-11-2007 14:14:47

Lain_13
Забанен
 
Группа: Members
Откуда: Волшебная Страна
Зарегистрирован: 26-04-2006
Сообщений: 10320
UA: Minefield 3.0

Re: Fast Dial

Вариант с плашкой в 1.20 великолепен! Прошу не портить. :)

Отсутствует

 

№11903-11-2007 15:15:56

z645
Участник
 
Группа: Members
Зарегистрирован: 11-11-2006
Сообщений: 264
UA: Firefox 2.0

Re: Fast Dial

http://z645.ifolder.ru/3985312
http://z645.ifolder.ru/3985319

Вот как я имел ввиду!!! Прозрачный блок под кнопками и непрозрачные кнопки. Второй рисунок - наведение мыши на кнопку.

Прозрачность:

div.buttons:hover {
  -moz-opacity: 0.25;
}

А как кнопки непрозрачными сделать это я уже не советчик. ВАМ виднее.

Посмотрите, может понравится как сделано!

P.s. кнопки налепил в Photoshop'е :cool:

Добавлено Sat Nov  3 15:27:44 2007 :
http://z645.ifolder.ru/3985493

Стандартный вид (для сравнения)

Отсутствует

 

№12003-11-2007 16:26:38

Philip
Участник
 
Группа: Members
Откуда: Жуковский
Зарегистрирован: 14-05-2005
Сообщений: 152
UA: Firefox 2.0
Веб-сайт

Re: Fast Dial

Вариант с плашкой в 1.20 великолепен! Прошу не портить.

По мне, так тоже, пора уже что-нить другое начать портить. :) А именно:

[uli]Хочется favicon'ы. Не так чтобы очень, но не помешают.[/uli]
[uli]Очень хочется импорт/экспорт закладок с миниатюрами. Если получится, то цены не будет. Хотя base64 было бы легче ипмортэкспортировать, нежели png. Мда...[/uli]
[uli]А что там с возможностью "горячей" замены миниатюр?[/uli]
[uli]Можно ещё заменить надпись "Обновляю...", на анимацию в стиле firefox (лежит где-то рядом с нашими иконками) - тот "бегающий" кружок.[/uli]

Отредактировано Philip (03-11-2007 16:30:27)

Отсутствует

 

№12103-11-2007 17:54:48

telega
Участник
 
Группа: Extensions
Зарегистрирован: 09-09-2007
Сообщений: 1444
UA: Firefox 2.0

Re: Fast Dial

z645 пишет

А как кнопки непрозрачными сделать это я уже не советчик. ВАМ виднее.

Посмотрите, может понравится как сделано!

Ну неплохо сделано, если кнопки нарисуешь, могу сделать.

Philip пишет

# •  Очень хочется импорт/экспорт закладок с миниатюрами. Если получится, то цены не будет. Хотя base64 было бы легче ипмортэкспортировать, нежели png. Мда...

# •  А что там с возможностью "горячей" замены миниатюр?

# •  Можно ещё заменить надпись "Обновляю...", на анимацию в стиле firefox (лежит где-то рядом с нашими иконками) - тот "бегающий" кружок.

1) Импорт типа вместе с картинками?
2) а что за "горячая" замена?
3) Пробовал, только она когда масштабируется, то очень криво выглядит

Отсутствует

 

№12203-11-2007 18:04:06

Lain_13
Забанен
 
Группа: Members
Откуда: Волшебная Страна
Зарегистрирован: 26-04-2006
Сообщений: 10320
UA: Minefield 3.0

Re: Fast Dial

3) Пробовал, только она когда масштабируется, то очень криво выглядит

А можно НЕ масштабировать картинку, а просто поцентру фрейма вывести? Будет идеально. Кстати, оно уже случайно не в APNG или всё ещё GIF?

Добавлено Sat Nov  3 18:05:44 2007 :
Где-то я ещё SVG-вариант этого throbber'а находил...

Отсутствует

 

№12303-11-2007 18:11:12

Philip
Участник
 
Группа: Members
Откуда: Жуковский
Зарегистрирован: 14-05-2005
Сообщений: 152
UA: Firefox 2.0
Веб-сайт

Re: Fast Dial

1) Импорт типа вместе с картинками?
2) а что за "горячая" замена?

1) Да. С ними. :blush:
2) Ну когда я сам могу загружать произвольные миниатюры средствами расширения, а не лазить по папкам.

Кстати, оно уже случайно не в APNG или всё ещё GIF?

В gif'e.

Отсутствует

 

№12403-11-2007 19:36:49

telega
Участник
 
Группа: Extensions
Зарегистрирован: 09-09-2007
Сообщений: 1444
UA: Firefox 2.0

Re: Fast Dial

Lain_13 пишет

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

Можно попробовать

Philip
Назначение своей картинки как должно работать? Добавить кнопку "Выбрать" в диалог "Задать URL"? И что потом делать при нажатии кнопки "Обновить"?

P.S. а что вы скажете, если сделать серую подложку с кнопками не появляющейся, а постоянно висящей? А то ее мерцание как-то не очень. Хотя не уверен.

Добавлено Sat Nov  3 19:44:11 2007 :
А может просто сделаю опцию "Показывать кнопки", если анчекнуть, то кнопки не будут всплывать.

Отредактировано telega (03-11-2007 20:15:42)

Отсутствует

 

№12503-11-2007 20:15:57

Lain_13
Забанен
 
Группа: Members
Откуда: Волшебная Страна
Зарегистрирован: 26-04-2006
Сообщений: 10320
UA: Minefield 3.0

Re: Fast Dial

P.S. а что вы скажете, если сделать серую подложку с кнопками не появляющейся, а постоянно висящей? А то ее мерцание как-то не очень. Хотя не уверен.
А может просто сделаю опцию "Показывать кнопки", если анчекнуть, то кнопки не будут всплывать.

Проблема в том, что они появляются мгновенно. :)
Наверное стоит сделать опцию. Во всяком случае мне текущий вариант нравится.

Отсутствует

 

Board footer

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