X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Интересная растяжка
patison
patison
Topic Starter сообщение 13.1.2008, 18:11; Ответить: patison
Сообщение #1


Здравствуйте!
Набрёл в инете на страничку такую - mynewnumber.md
Очень интересно узнать как реализовать то что реализовали они.. как это вообще работает.
Попробуйте изменить размер окна, и посмотрите как перемещаются девушки.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 13.1.2008, 19:48; Ответить: Exterior
Сообщение #2


patison, ничего сложного - девушки находятся в отдельных блоках, которым указана абсолютная позиция относительно основного блока relative. У основного блока длина тоже относительная, т.е. процентная. Вот и получается, что при уменьшении размера окна, девушки смещаются по оси X, т.е. расстояние между ними (относительное) уменьшается. А эффект, где девушки 2-е на переднем плане и 2-е на заднем - это z-index у блоков, т.е. расположение по оси Z (глубине).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 14.1.2008, 1:39; Ответить: patison
Сообщение #3


оо! спасибо за пояснение. сначала это казалось чем-то огого.. сейчас прочёл это, полистал исходы хтмл и ксс, вроде всё ясно :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 14.1.2008, 3:25; Ответить: patison
Сообщение #4


Хм.. вопрос по этой-же страничке.. Ну, скажем разобрались мы с растяжкой. А вот как реализовано "глубина" картинок (тех-же девушек). Т.е. кто кого будет перекрывать задаём z-index'ом, а вот как насчёт того что одна девушка на переднем плане, другая как-бы позади неё (хотя размеры их фактически одинаковы)?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 14.1.2008, 3:39; Ответить: Webmaster_hb
Сообщение #5


patison,
разные слои и визуальный эффект который сделал дизайнер когда отрисовал
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 14.1.2008, 3:54; Ответить: patison
Сообщение #6


Нет, вы меня вероятно не поняли..
Обе девушки ростом в 428px, однако на странице одна 428, а другая, чисто визуально, гораздно меньше (создаётся иллюзия что она далеко позади). Как Это реализовать средствами css? (или тут что-то другое?)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 14.1.2008, 9:22; Ответить: Exterior
Сообщение #7


patison, выходит, что блок, в котором находится 2-ая девушка пропорционально уменьшен. Ведь изображение можно уменьшить и с помощью html. Попробуйте поместить одну из девушек в DIV такого же размера, и задайте праметры тегов width и height из 428px в, например, 214px и посмотрите что получится.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) есть интересная работа?Пишите !
9 lyah 4412 13.4.2013, 17:56
автор: lyah
Опрос (нет новых голосов) Опрос: Нужна интересная статья?
0 КСЮХА 1369 11.3.2012, 10:01
автор: КСЮХА
Открытая тема (нет новых ответов) Интересная статья-залог успеха любого сайта.
Предлагаю вам свои услуги в плане написания уникальных статей.
19 olya_borushko 6843 7.12.2011, 12:05
автор: olya_borushko


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:54
Дизайн