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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как вы верстаете тени у объектов (Table, div), принципы, методы, решения 
:(
    Опции темы
Enya
Дата 16.6.2007, 00:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



сделаю пару примеров выложу скрины.


--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
webster
Дата 17.6.2007, 00:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Вот здесь есть парочка примерчиков http://www.dynamicdrive.com/style/search/r...3067e6ea184833/
PM MAIL   Вверх
Enya
Дата 17.6.2007, 20:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



webster, там ошибка, страница не найдена. Вы поиск по какому запросу запускали на том ресурсе? Shadow?


--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
Enya
Дата 17.6.2007, 21:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



webster, ну вот такое вот примерчик. я в своё время интересовалась
http://forum.vingrad.ru/forum/topic-105381.html


--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
webster
Дата 17.6.2007, 21:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Да, Enya, вы совершенно правы, я указал не слишком корректную ссылку, но на этом же сайте по слову "Shadow", как вы и сказали можно найти вышеупомянутую тему, или здесь http://www.dynamicdrive.com/style/csslibrary/category/C5/, теперь я все проверил на корректность  smile 
В в указанном вами примере эти тени (косые) нарисованы в фотошопе, а затем уже кнопки нарезались и вместе с отрезанной, нарисованной в Photoshope, тенью вставлялись в качестве кнопок.

Это сообщение отредактировал(а) webster - 17.6.2007, 21:36
PM MAIL   Вверх
Enya
  Дата 18.6.2007, 00:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



а вот как сверстать вот такое вот? ну вот вы как бы подошли ли бы к этой задаче?

Присоединённый файл ( Кол-во скачиваний: 19 )
Присоединённый файл  shadow.jpg 10,36 Kb


--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
Enya
  Дата 18.6.2007, 00:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Заметьте тень не по всему периметру.. а к низу изчезает.
Конечно же речь идет о резине или максимальной приближённости к резине.

Присоединённый файл ( Кол-во скачиваний: 11 )
Присоединённый файл  shadow.jpg 10,36 Kb


--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
webster
Дата 18.6.2007, 01:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Хорошо, пусть будет резина... Я бы в этом случае сделал повторяемым отрезок в 1-2px из верхней трети рисунка, где еще тень такого же размера как и сверху и не начинает исчезать, а голубой фон еще не начинает темнеть по градиентному типу книзу и имеет на определенной площади совершенно одинаковый цвет - как-раз таки в верхней трети области рисунка.
А сам рисунок соответственно разрезал всего на две части вместе с тенью (header и footer) и именно в том месте, откуда был вырезан горизонтальный, повторяющийся бэкгроунд в 1-2px.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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