Помощник
 |
|
|
|
|
Сообщение сайта
|
 Не получается сверстать один в один с .PSD |
Gagarin_mw
|
Сообщение
#1
|
||
 Бывалый  Группа: User Сообщений: 325 Регистрация: 27.7.2010 Из: Казань Поблагодарили: 0 раз Репутация:  1 
 |
|
||
 |
|
||
| Гость_0_* Гость_0_* |
 9.11.2011, 21:59;
Ответить: Гость_0_*
Сообщение
#2
|
|
|
Gagarin, можно сделать. Сглаживание, правда будет немного не такое, но приблизительно так можно.
|
|
|
|
|
Gagarin_mw
|
Сообщение
#3
|
|
Бывалый Группа: User Сообщений: 325 Регистрация: 27.7.2010 Из: Казань Поблагодарили: 0 раз Репутация: 1
|
мне тоже кажется что должен быть способ. и желательно вполне реальный способ на css.
|
|
|
|
|
yury_mw
|
10.11.2011, 2:21;
Ответить: yury_mw
Сообщение
#4
|
|
Завсегдатай Группа: User Сообщений: 648 Регистрация: 13.5.2009 Поблагодарили: 0 раз Репутация: 195
|
(Gagarin @ 9.11.2011, 22:18)  мне тоже кажется что должен быть способ. и желательно вполне реальный способ на css. Gagarin, если речь идет об эффекте "вдавленности текста", то на css можно сделать примерно так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Картинка "menu.png" (1х72px), используемая в стилях: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>tst</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul#menu{ list-style: none; width: 1000px; height: 36px; background: url(menu.png) 0 0 repeat-x; } ul#menu li{ float: left; font: normal 12px/38px Verdana, Geneva, "DejaVu Sans", sans-serif; height: 36px; background: url(menu.png) 0 -36px no-repeat; } ul#menu li a{ float: left; padding: 0 14px; height: 36px; color: #333; text-decoration: none; text-transform: uppercase; text-shadow: -1px 0px #999, 0px 1px #fff; } ul#menu li a:hover, ul#menu li a#cur{ color: #90f; text-shadow: -1px 0px #c9f, 0px 1px #fff; } </style> </head> <body> <ul id="menu"> <li><a href="#">Главная</a></li> <li><a href="#">Наши преимущества</a></li> <li><a href="#">Прайс-лист и каталог</a></li> <li><a href="#" id="cur">Контакты</a></li> <li><a href="#">Регистрация продукта</a></li> </ul> </body> </html>  Но совсем на чистом css не получится, потому что IE вплоть до 8-й версии не понимает свойство text-shadow. Придется либо js прикручивать (например, плагин для jquery "Drop Shadow"), либо еще как-то исхитряться, либо мириться с тем, что у IE-шек текст будет невдавленный. Если же речь о _точном_ совпадении шрифта, начертания букв, их толщины и сглаживания, то тут на 100% попасть в то, что нарисовал фотошоп, почти невозможно, разве что кнопки и заголовки рисовать картинками. Потому что в разных ОС и браузерах могут быть несколько разные наборы шрифтов и разные способы сглаживания (вплоть до отсутствия похожего шрифта и/или возможности сглаживания). |
|
|
|
|
WarEnek_mw
|
19.11.2011, 15:18;
Ответить: WarEnek_mw
Сообщение
#5
|
 Участник Группа: User Сообщений: 107 Регистрация: 19.11.2011 Поблагодарили: 0 раз Репутация: 9
|
Верстальщик просто лукавит. А сделать можно обычным свойством text-shadow. Хоть и css 3, но во всех браузерах давно уже работает.
Про сглаживание правильно говорят. Грамотный дизайнер всегда отключает какое-либо сглаживаение элементов, которые будут идти текстом на сайте. Не грамотный включает crisp и т.д. что и смутило тебя, как заказчика. |
|
|
|
sosnovskij
|
19.11.2011, 21:58;
Ответить: sosnovskij
Сообщение
#6
|
|
 Топовый постер 
 Группа: Active User Сообщений: 4719 Регистрация: 20.10.2009 Поблагодарили: 85 раз Репутация: 498
|
Перенес тему в приемы верстки
-------------------- |
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Не получается оплатить YouTube Premium (для Турции и Аргентины по VPN YouTube Premium недоступна) | 3 | rownong27 | 549 | 20.3.2024, 21:39 автор: MisterBit |
|
Сверстать страницы из figma нужно сделать страницы для веб приложения |
1 | bluestorm | 1297 | 7.6.2022, 18:11 автор: doharddocode |
|
Ролик. Изготовление видеороликов за один день. Делаю быстро в любом формате видеоролик по шаблонам |
4 | Jast1 | 2674 | 4.3.2022, 1:12 автор: Jast1 |
 |
Дизайн сайтов / Продажа макетов PSD | 143 | MasterBes | 36114 | 22.10.2020, 11:42 автор: MasterBes |
|
Дизайн для барбершопа (PSD) | 0 | 0pium | 5075 | 2.9.2020, 22:30 автор: 0pium |
|
Текстовая версия | Сейчас: 23.4.2024, 15:51 |
