Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Загруление div CSS


Автор: rew 23.4.2009, 17:47
Привет всем!!!
див можно загруглить двумя способами CSS
1)используя цветовую заливку
2)поставить на фон картинку

так вот вопрос 
как образом вырезать из картинки углы, что лучше изпользовать ? Какую программу?


Автор: bars80080 23.4.2009, 19:28
фотошоп, он на все руки мастер

Автор: KonstRuctor 25.4.2009, 01:01
Я использую вот этот метод:
http://designformasters.info/posts/round-corners-no-image/
Обратите внимание, как легко можно сверстать блок с заголовком, который на другом фоне, нежели остальной блок.
Чрезвычайно удобно для различных блоков навигации.

Однако возникает небольшая проблема:
при использовании XHTML 1.0 Strict, что очень бы хотелось,
валидатор ругается на
Код

<b class="b1h"></b><b class="b2h"></b><b class="b3h"></b><b class="b4h"></b>

говорит, что не катят пустые теги, и все тут. То есть нельзя использовать
<p></p>, даже если пробел воткнуть внутрь.
Искал, искал решение, так и не смог найти. Или использовать другие пути...

Автор: WebMast 25.4.2009, 08:33
Забрось такую технику. Верстай с изображениями, и красивее и кода меньше =)..

Автор: rew 25.4.2009, 11:32
я понимаю что можно без изображения, но вдруг понадобиться изпользовать картинку. Это получается каждый раз нужно фотошопе делать
вот был некий скрипт или программа которая обрезает картинку так как вы хотитие. 
однако есть веб сервисы которые делают это частично.

http://www.roundedcornr.com/
http://spiffybox.com/

Автор: bars80080 25.4.2009, 13:55
фотошоп, это конечно ручная работа. а как оно бывает при создании дизайна?

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

Автор: KonstRuctor 25.4.2009, 18:51
WebMast, хочу услышать объяснение, почему забросить.
Она легкая, кроссплатформенная, кода меньше, чем грузить картинку с уголком.
А если в проекте используется jQuery, то закругленные уголки вообще делаются одной ! строчкой кода.
Но мне нужно, чтобы у блока был заголовок белыми буквами на темном, а далее весь блок темными буками на светлом, как в том примере, что я привел по ссылке. Примеров на jQuery именно таких я не нашел.

Автор: WebMast 26.4.2009, 19:05
Можно сделать только одно изображение и с помощью CSS спрайтов распределять ее по разнфм углам. Если речь идет о статичном блоке, то вообще все очень просто. Если о резиновом, то кода будет больше, но все же.

А на счет JavaScript'a, ты попробуй его использовать. Потом открой в браузере исходный код и вот тебе и на =). И не факт что у всеъх будет включен JavaScript..
Чем пользоваться решать тебе..

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)