![]() |
Модераторы: Illuminaty |
![]() ![]() ![]() |
|
rew |
|
|||
Шустрый ![]() Профиль Группа: Участник Сообщений: 50 Регистрация: 25.9.2007 Репутация: нет Всего: нет |
Привет всем!!!
див можно загруглить двумя способами CSS 1)используя цветовую заливку 2)поставить на фон картинку так вот вопрос как образом вырезать из картинки углы, что лучше изпользовать ? Какую программу? |
|||
|
||||
bars80080 |
|
|||
![]() прапор творюет ![]() ![]() ![]() ![]() Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
фотошоп, он на все руки мастер
|
|||
|
||||
KonstRuctor |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 245 Регистрация: 31.3.2006 Где: Россия, Санкт-Пет ербург Репутация: нет Всего: нет |
Я использую вот этот метод:
Скругленные уголки без изображений Обратите внимание, как легко можно сверстать блок с заголовком, который на другом фоне, нежели остальной блок. Чрезвычайно удобно для различных блоков навигации. Однако возникает небольшая проблема: при использовании XHTML 1.0 Strict, что очень бы хотелось, валидатор ругается на
говорит, что не катят пустые теги, и все тут. То есть нельзя использовать <p></p>, даже если пробел воткнуть внутрь. Искал, искал решение, так и не смог найти. Или использовать другие пути... |
|||
|
||||
WebMast |
|
|||
![]() Front-end developer ![]() Профиль Группа: Участник Сообщений: 105 Регистрация: 1.1.2009 Где: Беларусь Репутация: 2 Всего: 2 |
Забрось такую технику. Верстай с изображениями, и красивее и кода меньше =)..
--------------------
Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome |
|||
|
||||
rew |
|
|||
Шустрый ![]() Профиль Группа: Участник Сообщений: 50 Регистрация: 25.9.2007 Репутация: нет Всего: нет |
я понимаю что можно без изображения, но вдруг понадобиться изпользовать картинку. Это получается каждый раз нужно фотошопе делать
вот был некий скрипт или программа которая обрезает картинку так как вы хотитие. однако есть веб сервисы которые делают это частично. http://www.roundedcornr.com/ http://spiffybox.com/ |
|||
|
||||
bars80080 |
|
|||
![]() прапор творюет ![]() ![]() ![]() ![]() Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
фотошоп, это конечно ручная работа. а как оно бывает при создании дизайна?
но если вам нужно на поток, то если для себя, то используйте какую-нибудь софтину, их не мало в сети. если в интернете, то серверные языки предоставляют возможность работы с изображениями, тогда читать и искать. к примеру, php, работа с библиотекой GD |
|||
|
||||
KonstRuctor |
|
|||
![]() Бывалый ![]() Профиль Группа: Участник Сообщений: 245 Регистрация: 31.3.2006 Где: Россия, Санкт-Пет ербург Репутация: нет Всего: нет |
WebMast, хочу услышать объяснение, почему забросить.
Она легкая, кроссплатформенная, кода меньше, чем грузить картинку с уголком. А если в проекте используется jQuery, то закругленные уголки вообще делаются одной ! строчкой кода. Но мне нужно, чтобы у блока был заголовок белыми буквами на темном, а далее весь блок темными буками на светлом, как в том примере, что я привел по ссылке. Примеров на jQuery именно таких я не нашел. |
|||
|
||||
WebMast |
|
|||
![]() Front-end developer ![]() Профиль Группа: Участник Сообщений: 105 Регистрация: 1.1.2009 Где: Беларусь Репутация: 2 Всего: 2 |
Можно сделать только одно изображение и с помощью CSS спрайтов распределять ее по разнфм углам. Если речь идет о статичном блоке, то вообще все очень просто. Если о резиновом, то кода будет больше, но все же.
А на счет JavaScript'a, ты попробуй его использовать. Потом открой в браузере исходный код и вот тебе и на =). И не факт что у всеъх будет включен JavaScript.. Чем пользоваться решать тебе.. --------------------
Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome |
|||
|
||||
![]() ![]() ![]() |
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |