Помощник
|
Не получается сверстать один в один с .PSD |
Gagarin_mw
|
Сообщение
#1
|
||
|
|
||
|
|||
Гость_0_* Гость_0_* |
9.11.2011, 21:59;
Ответить: Гость_0_*
Сообщение
#2
|
|
Gagarin, можно сделать. Сглаживание, правда будет немного не такое, но приблизительно так можно.
|
|
|
Gagarin_mw
|
Сообщение
#3
|
|
мне тоже кажется что должен быть способ. и желательно вполне реальный способ на css.
|
|
|
yury_mw |
10.11.2011, 2:21;
Ответить: yury_mw
Сообщение
#4
|
|
мне тоже кажется что должен быть способ. и желательно вполне реальный способ на 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
|
|
Верстальщик просто лукавит. А сделать можно обычным свойством text-shadow. Хоть и css 3, но во всех браузерах давно уже работает.
Про сглаживание правильно говорят. Грамотный дизайнер всегда отключает какое-либо сглаживаение элементов, которые будут идти текстом на сайте. Не грамотный включает crisp и т.д. что и смутило тебя, как заказчика. |
|
|
sosnovskij |
19.11.2011, 21:58;
Ответить: sosnovskij
Сообщение
#6
|
|
|
Перенес тему в приемы верстки
-------------------- |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Не получается оплатить YouTube Premium (для Турции и Аргентины по VPN YouTube Premium недоступна) | 3 | rownong27 | 554 | 20.3.2024, 21:39 автор: MisterBit |
|
Сверстать страницы из figma нужно сделать страницы для веб приложения |
1 | bluestorm | 1297 | 7.6.2022, 18:11 автор: doharddocode |
|
Ролик. Изготовление видеороликов за один день. Делаю быстро в любом формате видеоролик по шаблонам |
4 | Jast1 | 2675 | 4.3.2022, 1:12 автор: Jast1 |
|
Дизайн сайтов / Продажа макетов PSD | 143 | MasterBes | 36117 | 22.10.2020, 11:42 автор: MasterBes |
|
Дизайн для барбершопа (PSD) | 0 | 0pium | 5076 | 2.9.2020, 22:30 автор: 0pium |
Текстовая версия | Сейчас: 25.4.2024, 2:40 |