Дизайн браузера своими руками

О шитье и вязании, вышивании и резьбе по дереву - в общем, о рукоделии.

Модераторы: Натик, Листва

Ответить
Аватара пользователя
platki
администратор
Сообщения: 3850
Зарегистрирован: 12 сен 2008, 15:26
Контактная информация:

Дизайн браузера своими руками

Сообщение platki » 17 мар 2010, 17:47

Пожалуй, этот форум как раз подходящее место.
С недавних пор каждый может изменить внешний вид своего браузера, выбрав подходящий вариант из тысяч готовых дизайнов и даже создать свой. Причем не просто создать, а выложить его для использования другими пользователями сети!
Речь, конечно, о Firefox.
Мой сейчас выглядит вот так:
ff.jpg

Что для этого нужно? Свежая версия Firefox , скачиваете и устанавливаете модуль Persona (так разработчики назвали изменение дизайна только за счет загрузки фонового рисунка заголовка браузера и цвета шрифта - не путать с темами, которые могут затрагивать полное изменение дизайна всего браузера).
Затем вы переходите в галерею, и можете выбирать то, что вам понравится, причем чтобы увидеть, как это будет выглядеть, достаточно просто навести мышку на картинку Персоны - ваш браузер через пару секунд изменит свой вид!

А еще вы можете создавать свои варианты и размещать их в галерее (что я и сделал).

Для этого надо создать 2 картинки - для "верха" - 3000х300 пикселей и для "низа" 3000х100 пикселей (такой большой запас, видимо, для больших мониторов..), причем у верхней картинки левая часть рисунка обрезается по размеру окна браузера, поэтому все важное размещаем в правом углу. Еще - пестрые изображения белают надписи нечитаемыми, поэтому надро делать картинки либо в однотонной гамме, а затем задавать контрастный цвет фона, либо монотонное иизображение с визуалом справа.

Мой вариант можно взять здесь.

Приглашаю владеющих фотошопом подключиться к созданию платочных скинов!

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

Аватара пользователя
Anna
Опытный платочник
Опытный платочник
Сообщения: 1436
Зарегистрирован: 15 май 2009, 03:21
Откуда: Кемерово

Re: Дизайн браузера своими руками

Сообщение Anna » 17 мар 2010, 20:50

platki, за идею по дизайну спасибо, на выходных займусь.
Про шрифты для Firefox что-нибудь скажите? Я ранее на них уже жаловалась. Как сделать, чтобы фонты были как на IE, ровненькие и соразмерные?
Шрифты IE.JPG
Шрифты IE.JPG (40.7 КБ) 15058 просмотров

Аватара пользователя
platki
администратор
Сообщения: 3850
Зарегистрирован: 12 сен 2008, 15:26
Контактная информация:

Re: Дизайн браузера своими руками

Сообщение platki » 18 мар 2010, 09:59

Не очень понял проблему. А как в Файрфоксе выглядит страница?

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

На моем экране шрифты у вас и у меня явно тех же начертаний, у вас крупнее. Попробуйте выбрать СТИЛЬ-ВИД СТРАНИЦЫ-А+.
Становится похоже, но заголовок у вас крупнее. Но явно у вас уже не авторская верстка, тоже где-то меняли настройки отображения.

А вот появился и скин нашего форума!


Аватара пользователя
Anna
Опытный платочник
Опытный платочник
Сообщения: 1436
Зарегистрирован: 15 май 2009, 03:21
Откуда: Кемерово

Re: Дизайн браузера своими руками

Сообщение Anna » 18 мар 2010, 16:07

platki, вот так выглядит страница в Firefox.
Сегодня установилась панелька от Яндекса, это уже радует, привыкла к такому бару в IE.
В IE настройки не меняла, у меня лишь WinXP приведен к классическому виду.
В настройках Firefox попробовала изменить размер минимального шрифта, и это помогло сделать размеры шрифтов в полях соразмерными шрифту ввода текста в данном окне.
Нужно еще пробовать подобрать шрифт и его размер. Займусь обязательно. Это увлекательное занятие.
По начертанию некоторых заглавных букв - обратите внимание на "Д". Она в IE гладенькая, в в FF ступеньками.
Смайлики анимационные двигаются в полтора раза быстрее, чем в IE. Но это не существенно.
Шрифты FF.JPG

Аватара пользователя
Anna
Опытный платочник
Опытный платочник
Сообщения: 1436
Зарегистрирован: 15 май 2009, 03:21
Откуда: Кемерово

Re: Дизайн браузера своими руками

Сообщение Anna » 21 мар 2010, 10:23

И вот мой преобразованный браузер.
Изменить дизайн с помощью уже размещенного фонового рисунка оказалось делом пяти минут.
Выбранный дизайн не лучшим образом сочетается с цветом форума, поэтому следующий этап - создание своего фонового рисунка. Но это уже не сегодня.
LAP_210310.JPG

Аватара пользователя
platki
администратор
Сообщения: 3850
Зарегистрирован: 12 сен 2008, 15:26
Контактная информация:

Re: Дизайн браузера своими руками

Сообщение platki » 21 мар 2010, 23:56

Зеленое с розовым - фу-у-у!
Для нашего форума подходит только скин нашего форума, ссылку на который я давал выше.
Или вариации на эту тему!

Аватара пользователя
eleka
Эксперт по платкам
Эксперт по платкам
Сообщения: 20672
Зарегистрирован: 28 янв 2010, 14:22
Откуда: Москва

Re: Дизайн браузера своими руками

Сообщение eleka » 22 мар 2010, 13:23

[quote="platki"]Зеленое с розовым - фу-у-у!

А как же розовые цветочки с зелеными листочками? Зеленое с розовым - это шик!
А высказывания в стиле "истина в последней инстации" это (уж извините) -фу-у-у!

Аватара пользователя
platki
администратор
Сообщения: 3850
Зарегистрирован: 12 сен 2008, 15:26
Контактная информация:

Re: Дизайн браузера своими руками

Сообщение platki » 22 мар 2010, 14:18

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

Аватара пользователя
Anna
Опытный платочник
Опытный платочник
Сообщения: 1436
Зарегистрирован: 15 май 2009, 03:21
Откуда: Кемерово

Re: Дизайн браузера своими руками

Сообщение Anna » 22 мар 2010, 15:41

platki ^% , вообще-то я поняла Вашу беззлобную иронию и без дополнительных объяснений :) .
Зеленая картинка сама по себе хороша, и в сочетании с другими сайтами может быть даже будет отлично смотреться, но когда я открыва форум с таким оформлением браузера, сразу увидела несостыковку колоритов.
Взять готовый, хоть Ваш, хоть кого-то другого, слишком легко и просто.
Нужно попробовать свой создать. А для этого нужно выносить идею, подобрать рисунок, цвет градиента...

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

Был в моей практике опыт создания мнемосхем технологического процесса, рисовала кнопочки утопленные и выпуклые, рисовала для действующего факела мерцающий огонь, создавала шрифт по необходимости однажды в программе Macromedia Fontographer.
Может и с дизайном браузера справлюсь как-нибудь, шрифты и их размеры подберу...

Аватара пользователя
Натик
Эксперт по платкам
Эксперт по платкам
Сообщения: 9633
Зарегистрирован: 23 окт 2008, 00:53
Откуда: Москва

Re: Дизайн браузера своими руками

Сообщение Натик » 22 мар 2010, 16:29

Anna, уважаю! ^% У меня до таких вещей руки не доходят, а может быть и голова.
Конечно интересно посмотреть на Ваши результаты работы.

Аватара пользователя
platki
администратор
Сообщения: 3850
Зарегистрирован: 12 сен 2008, 15:26
Контактная информация:

Re: Дизайн браузера своими руками

Сообщение platki » 22 мар 2010, 16:42

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

Вот такой еще сделал, но тоже как-то не то - портрет сильно подрезается:

http://www.getpersonas.com/en-US/persona/132528

Ну, и - славный бигги, сам фоткал в зоопарке:

http://www.getpersonas.com/en-US/persona/132562

Ответить

Вернуться в «Делаем своими руками»