Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Загруление div CSS, Загруление дива на фоне картинке CSS 
:(
    Опции темы
rew
Дата 23.4.2009, 17:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 50
Регистрация: 25.9.2007

Репутация: нет
Всего: нет



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

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


PM MAIL   Вверх
bars80080
Дата 23.4.2009, 19:28 (ссылка) |  (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



фотошоп, он на все руки мастер
PM MAIL WWW   Вверх
KonstRuctor
Дата 25.4.2009, 01:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 245
Регистрация: 31.3.2006
Где: Россия, Санкт-Пет ербург

Репутация: нет
Всего: нет



Я использую вот этот метод:
Скругленные уголки без изображений
Обратите внимание, как легко можно сверстать блок с заголовком, который на другом фоне, нежели остальной блок.
Чрезвычайно удобно для различных блоков навигации.

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

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

говорит, что не катят пустые теги, и все тут. То есть нельзя использовать
<p></p>, даже если пробел воткнуть внутрь.
Искал, искал решение, так и не смог найти. Или использовать другие пути...
PM MAIL WWW ICQ   Вверх
WebMast
Дата 25.4.2009, 08:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Front-end developer
*


Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: 2
Всего: 2



Забрось такую технику. Верстай с изображениями, и красивее и кода меньше =)..
--------------------
Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome
PM MAIL WWW Skype   Вверх
rew
Дата 25.4.2009, 11:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 50
Регистрация: 25.9.2007

Репутация: нет
Всего: нет



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

http://www.roundedcornr.com/
http://spiffybox.com/
PM MAIL   Вверх
bars80080
Дата 25.4.2009, 13:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



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

но если вам нужно на поток, то если для себя, то используйте какую-нибудь софтину, их не мало в сети. если в интернете, то серверные языки предоставляют возможность работы с изображениями, тогда читать и искать. к примеру, php, работа с библиотекой GD
PM MAIL WWW   Вверх
KonstRuctor
Дата 25.4.2009, 18:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 245
Регистрация: 31.3.2006
Где: Россия, Санкт-Пет ербург

Репутация: нет
Всего: нет



WebMast, хочу услышать объяснение, почему забросить.
Она легкая, кроссплатформенная, кода меньше, чем грузить картинку с уголком.
А если в проекте используется jQuery, то закругленные уголки вообще делаются одной ! строчкой кода.
Но мне нужно, чтобы у блока был заголовок белыми буквами на темном, а далее весь блок темными буками на светлом, как в том примере, что я привел по ссылке. Примеров на jQuery именно таких я не нашел.
PM MAIL WWW ICQ   Вверх
WebMast
Дата 26.4.2009, 19:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Front-end developer
*


Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: 2
Всего: 2



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

А на счет JavaScript'a, ты попробуй его использовать. Потом открой в браузере исходный код и вот тебе и на =). И не факт что у всеъх будет включен JavaScript..
Чем пользоваться решать тебе..
--------------------
Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome
PM MAIL WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0790 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.