Дизайн браузера своими руками
Дизайн браузера своими руками
Пожалуй, этот форум как раз подходящее место.
С недавних пор каждый может изменить внешний вид своего браузера, выбрав подходящий вариант из тысяч готовых дизайнов и даже создать свой. Причем не просто создать, а выложить его для использования другими пользователями сети!
Речь, конечно, о Firefox.
Мой сейчас выглядит вот так:
Что для этого нужно? Свежая версия Firefox , скачиваете и устанавливаете модуль Persona (так разработчики назвали изменение дизайна только за счет загрузки фонового рисунка заголовка браузера и цвета шрифта - не путать с темами, которые могут затрагивать полное изменение дизайна всего браузера).
Затем вы переходите в галерею, и можете выбирать то, что вам понравится, причем чтобы увидеть, как это будет выглядеть, достаточно просто навести мышку на картинку Персоны - ваш браузер через пару секунд изменит свой вид!
А еще вы можете создавать свои варианты и размещать их в галерее (что я и сделал).
Для этого надо создать 2 картинки - для "верха" - 3000х300 пикселей и для "низа" 3000х100 пикселей (такой большой запас, видимо, для больших мониторов..), причем у верхней картинки левая часть рисунка обрезается по размеру окна браузера, поэтому все важное размещаем в правом углу. Еще - пестрые изображения белают надписи нечитаемыми, поэтому надро делать картинки либо в однотонной гамме, а затем задавать контрастный цвет фона, либо монотонное иизображение с визуалом справа.
Мой вариант можно взять здесь.
Приглашаю владеющих фотошопом подключиться к созданию платочных скинов!
Да, после их опубликования они не сразу становятся доступными, их отсматривают модераторы, после рассмотрения вам придет письмо со ссылкой.
С недавних пор каждый может изменить внешний вид своего браузера, выбрав подходящий вариант из тысяч готовых дизайнов и даже создать свой. Причем не просто создать, а выложить его для использования другими пользователями сети!
Речь, конечно, о Firefox.
Мой сейчас выглядит вот так:
Что для этого нужно? Свежая версия Firefox , скачиваете и устанавливаете модуль Persona (так разработчики назвали изменение дизайна только за счет загрузки фонового рисунка заголовка браузера и цвета шрифта - не путать с темами, которые могут затрагивать полное изменение дизайна всего браузера).
Затем вы переходите в галерею, и можете выбирать то, что вам понравится, причем чтобы увидеть, как это будет выглядеть, достаточно просто навести мышку на картинку Персоны - ваш браузер через пару секунд изменит свой вид!
А еще вы можете создавать свои варианты и размещать их в галерее (что я и сделал).
Для этого надо создать 2 картинки - для "верха" - 3000х300 пикселей и для "низа" 3000х100 пикселей (такой большой запас, видимо, для больших мониторов..), причем у верхней картинки левая часть рисунка обрезается по размеру окна браузера, поэтому все важное размещаем в правом углу. Еще - пестрые изображения белают надписи нечитаемыми, поэтому надро делать картинки либо в однотонной гамме, а затем задавать контрастный цвет фона, либо монотонное иизображение с визуалом справа.
Мой вариант можно взять здесь.
Приглашаю владеющих фотошопом подключиться к созданию платочных скинов!
Да, после их опубликования они не сразу становятся доступными, их отсматривают модераторы, после рассмотрения вам придет письмо со ссылкой.
Re: Дизайн браузера своими руками
platki, за идею по дизайну спасибо, на выходных займусь.
Про шрифты для Firefox что-нибудь скажите? Я ранее на них уже жаловалась. Как сделать, чтобы фонты были как на IE, ровненькие и соразмерные?
Про шрифты для Firefox что-нибудь скажите? Я ранее на них уже жаловалась. Как сделать, чтобы фонты были как на IE, ровненькие и соразмерные?
Re: Дизайн браузера своими руками
Не очень понял проблему. А как в Файрфоксе выглядит страница?
В любом случае все браузеры отображают страницу по-разному.
В принципе шрифты прописаны в шаблонах, но вы в браузере можете запретить использование форматирования в той или иной степени, как минимум, увеличить - уменьшить.
На моем экране шрифты у вас и у меня явно тех же начертаний, у вас крупнее. Попробуйте выбрать СТИЛЬ-ВИД СТРАНИЦЫ-А+.
Становится похоже, но заголовок у вас крупнее. Но явно у вас уже не авторская верстка, тоже где-то меняли настройки отображения.
А вот появился и скин нашего форума!
![](http://open.thumbshots.org/image.pxf?url=http://www.getpersonas.com/en-US/persona/129553)
В любом случае все браузеры отображают страницу по-разному.
В принципе шрифты прописаны в шаблонах, но вы в браузере можете запретить использование форматирования в той или иной степени, как минимум, увеличить - уменьшить.
На моем экране шрифты у вас и у меня явно тех же начертаний, у вас крупнее. Попробуйте выбрать СТИЛЬ-ВИД СТРАНИЦЫ-А+.
Становится похоже, но заголовок у вас крупнее. Но явно у вас уже не авторская верстка, тоже где-то меняли настройки отображения.
А вот появился и скин нашего форума!
Re: Дизайн браузера своими руками
platki, вот так выглядит страница в Firefox.
Сегодня установилась панелька от Яндекса, это уже радует, привыкла к такому бару в IE.
В IE настройки не меняла, у меня лишь WinXP приведен к классическому виду.
В настройках Firefox попробовала изменить размер минимального шрифта, и это помогло сделать размеры шрифтов в полях соразмерными шрифту ввода текста в данном окне.
Нужно еще пробовать подобрать шрифт и его размер. Займусь обязательно. Это увлекательное занятие.
По начертанию некоторых заглавных букв - обратите внимание на "Д". Она в IE гладенькая, в в FF ступеньками.
Смайлики анимационные двигаются в полтора раза быстрее, чем в IE. Но это не существенно.
Сегодня установилась панелька от Яндекса, это уже радует, привыкла к такому бару в IE.
В IE настройки не меняла, у меня лишь WinXP приведен к классическому виду.
В настройках Firefox попробовала изменить размер минимального шрифта, и это помогло сделать размеры шрифтов в полях соразмерными шрифту ввода текста в данном окне.
Нужно еще пробовать подобрать шрифт и его размер. Займусь обязательно. Это увлекательное занятие.
По начертанию некоторых заглавных букв - обратите внимание на "Д". Она в IE гладенькая, в в FF ступеньками.
Смайлики анимационные двигаются в полтора раза быстрее, чем в IE. Но это не существенно.
Re: Дизайн браузера своими руками
И вот мой преобразованный браузер.
Изменить дизайн с помощью уже размещенного фонового рисунка оказалось делом пяти минут.
Выбранный дизайн не лучшим образом сочетается с цветом форума, поэтому следующий этап - создание своего фонового рисунка. Но это уже не сегодня.
Изменить дизайн с помощью уже размещенного фонового рисунка оказалось делом пяти минут.
Выбранный дизайн не лучшим образом сочетается с цветом форума, поэтому следующий этап - создание своего фонового рисунка. Но это уже не сегодня.
Re: Дизайн браузера своими руками
Зеленое с розовым - фу-у-у!
Для нашего форума подходит только скин нашего форума, ссылку на который я давал выше.
Или вариации на эту тему!
Для нашего форума подходит только скин нашего форума, ссылку на который я давал выше.
Или вариации на эту тему!
Re: Дизайн браузера своими руками
[quote="platki"]Зеленое с розовым - фу-у-у!
А как же розовые цветочки с зелеными листочками? Зеленое с розовым - это шик!
А высказывания в стиле "истина в последней инстации" это (уж извините) -фу-у-у!
А как же розовые цветочки с зелеными листочками? Зеленое с розовым - это шик!
А высказывания в стиле "истина в последней инстации" это (уж извините) -фу-у-у!
Re: Дизайн браузера своими руками
Вообще это я с юмором, с иронией, что ж я так нагло свой вариант стал бы пропихивать?
Да и тема не очень серьезная, это все такие игрушки...
![Очень доволен :D](./images/smilies/icon_e_biggrin.gif)
Да и тема не очень серьезная, это все такие игрушки...
Re: Дизайн браузера своими руками
platki
, вообще-то я поняла Вашу беззлобную иронию и без дополнительных объяснений
.
Зеленая картинка сама по себе хороша, и в сочетании с другими сайтами может быть даже будет отлично смотреться, но когда я открыва форум с таким оформлением браузера, сразу увидела несостыковку колоритов.
Взять готовый, хоть Ваш, хоть кого-то другого, слишком легко и просто.
Нужно попробовать свой создать. А для этого нужно выносить идею, подобрать рисунок, цвет градиента...
Не все сразу...
Получилось сменить стандартный облик браузера - первый шаг, далее буду осваивать следующие.
Если интересно, буду выкладывать получающиеся варианты в виде скриншотов.
Если это лишнее, буду сама любоваться результатом.
Был в моей практике опыт создания мнемосхем технологического процесса, рисовала кнопочки утопленные и выпуклые, рисовала для действующего факела мерцающий огонь, создавала шрифт по необходимости однажды в программе Macromedia Fontographer.
Может и с дизайном браузера справлюсь как-нибудь, шрифты и их размеры подберу...
![Цветочек ^%](./images/smilies/409.gif)
![Улыбается :)](./images/smilies/icon_e_smile.gif)
Зеленая картинка сама по себе хороша, и в сочетании с другими сайтами может быть даже будет отлично смотреться, но когда я открыва форум с таким оформлением браузера, сразу увидела несостыковку колоритов.
Взять готовый, хоть Ваш, хоть кого-то другого, слишком легко и просто.
Нужно попробовать свой создать. А для этого нужно выносить идею, подобрать рисунок, цвет градиента...
Не все сразу...
Получилось сменить стандартный облик браузера - первый шаг, далее буду осваивать следующие.
Если интересно, буду выкладывать получающиеся варианты в виде скриншотов.
Если это лишнее, буду сама любоваться результатом.
Был в моей практике опыт создания мнемосхем технологического процесса, рисовала кнопочки утопленные и выпуклые, рисовала для действующего факела мерцающий огонь, создавала шрифт по необходимости однажды в программе Macromedia Fontographer.
Может и с дизайном браузера справлюсь как-нибудь, шрифты и их размеры подберу...
Re: Дизайн браузера своими руками
Anna, уважаю!
У меня до таких вещей руки не доходят, а может быть и голова.
Конечно интересно посмотреть на Ваши результаты работы.
![Цветочек ^%](./images/smilies/409.gif)
Конечно интересно посмотреть на Ваши результаты работы.
Re: Дизайн браузера своими руками
Так лучше здесь сразу ссылки давать, тогда и другие при желании смогут воспользоваться результатом.
Вот такой еще сделал, но тоже как-то не то - портрет сильно подрезается:
http://www.getpersonas.com/en-US/persona/132528
Ну, и - славный бигги, сам фоткал в зоопарке:
http://www.getpersonas.com/en-US/persona/132562
Вот такой еще сделал, но тоже как-то не то - портрет сильно подрезается:
http://www.getpersonas.com/en-US/persona/132528
Ну, и - славный бигги, сам фоткал в зоопарке:
http://www.getpersonas.com/en-US/persona/132562