Всплывающее окно

[DjTarik]

Имеется вот такая штука:

Как ее грамотно заверстать?

На ум приходит только либо таблца 3х3, или же дивами (там из тоже будет много). Расскажите, кто как делает подобные вещи?

P.S. Также нужно отметить, что окно должно тянуться как по горизонтали, так и во вертикали. Тень и углы - естественно полупрозрачные.

Спасибо за любую инфу...

[psywalker]

так?

http://tarik.kasperovich.ru/test/img/index_01/popup.png

http://psywalker.ru/Forum/shadow/shadow/main.html

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

Edited November 5, 2009 by psywalker

[DjTarik]

Жду...

[psywalker]

Жду...

http://psywalker.ru/Forum/shadow/shadow/main.html

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

[DjTarik]

а без фикса?

через простое прописывание альфа-канала в ie? Есть варианты?

[psywalker]

а без фикса?

через простое прописывание альфа-канала в ie? Есть варианты?

Надо подумать, вообще есть наверн, но это не просто. Ща чё нить придумаем короче, жди...

[DjTarik]

ну давай) таблицами я уже сделал))) Все как надо, единственный минус - нужны ограниченные картинки (в моем случае, это 3000 пикселей, с запасом, так сказать))))

Дивами не получается отпозиционировать правую тень центра... (((

[psywalker]

ну давай) таблицами я уже сделал))) Все как надо, единственный минус - нужны ограниченные картинки (в моем случае, это 3000 пикселей, с запасом, так сказать))))

Дивами не получается отпозиционировать правую тень центра... (((

http://psywalker.ru/Forum/shadow/shadow/main.html - вот короче такой вариант замутил, правда вырезал хреново картинки, ну это не суть, главное смысл зацени, скажи, как тебе?

Edited November 5, 2009 by psywalker

[DjTarik]

http://psywalker.ru/Forum/shadow/shadow/main.html - вот короче такой вариант замутил, правда вырезал хреново картинки, ну это не суть, главное смысл зацени, скажи, как тебе?

Слушай, вроде нормально) Чуть позже разберусь и отпишу... Возможно доведем до ума и получим универсальное решение...)))

[psywalker]

Слушай, вроде нормально) Чуть позже разберусь и отпишу... Возможно доведем до ума и получим универсальное решение...)))

Да, во первых я бы картинки вырезал нормально, а во вторых не нравится мне в ИЕ6 торможения эти с углами.

Скажи мне, как ты так вырезаешь тень, чтобы без косяков, вот сколько пытаюсь тени резать, вообще не выходит, всегда криво получается)))

[DjTarik]

Чуть позже покажу...

[psywalker]

Чуть позже покажу...

давай, буду ждать

[DjTarik]

Короче, смотри что получилось:

http://tarik.kasperovich.ru/test/index_01.html

Правда костылей много для ie6, но как по другому - я не знаю...

Я вот думаю, что было бы неплохо спрайтов понаделать, но с пнг24 не прокатит же да?

P.S. А чем такой вариант лучше таблицы?

На счет картинок - все просто:

1. Вырезаю один угол (левый верхний - 40х40 пикселей) - копирую на новый слой.

2. Вырезаю полоску с тенью (1х40 пикселей), которая находится рядом с границей вырезанного уголка - растягиваю ее по ширине (де-то писали, что если фон длинный - лучше мелкие не вырезать) - копирую на новый слой.

3. В итоге мы получили 2 слоя - один с углом - другой - с тенью. Теперь просто их поворачиваю на 90 градусов по 4-е раза и сохраняю в отдельные файлы.

4. Все.

Edited November 5, 2009 by DjTarik

[psywalker]

Короче, смотри что получилось:

http://tarik.kasperovich.ru/test/index_01.html

Правда костылей много для ie6, но как по другому - я не знаю...

Я вот думаю, что было бы неплохо спрайтов понаделать, но с пнг24 не прокатит же да?

P.S. А чем такой вариант лучше таблицы?

Да, костыли имеются, но чтоже поделать, другого выхода я лично не знаю

Спрайты с пнг-24 в ИЕ6 не прокатят к сожалению, если только фикс-пнг использовать, но это уже не то.

Вариант с таблицей..хм, ну не знаю, я просто слои люблю, всё стараюсь на них делать

На счет картинок - все просто:

1. Вырезаю один угол (левый верхний - 40х40 пикселей) - копирую на новый слой.

2. Вырезаю полоску с тенью (1х40 пикселей), которая находится рядом с границей вырезанного уголка - растягиваю ее по ширине (де-то писали, что если фон длинный - лучше мелкие не вырезать) - копирую на новый слой.

3. В итоге мы получили 2 слоя - один с углом - другой - с тенью. Теперь просто их поворачиваю на 90 градусов по 4-е раза и сохраняю в отдельные файлы.

4. Все.

Слушай, а что значит:

2. Вырезаю полоску с тенью (1х40 пикселей), которая находится рядом с границей вырезанного уголка - растягиваю ее по ширине (де-то писали, что если фон длинный - лучше мелкие не вырезать) - копирую на новый слой.

1) Как это ты Растягиваешь её? можешь очень подробно плиз

2) И если ты говоришь что где-то писали, что если фон длинный - лучше мелкие не вырезать, тогда почему вырезаешь?

[DjTarik]

Кстати - у тя нету фикса для ie6 для правого блока (того, что в центре)...

1. Вырезаешь полоску 1х40 - кидаешь ее на новый слой - жмешь ctrl+t и тянешь влево (или вправо) до нужного размера. Все. Тогда полоска получается абсолютно ровной, без изъянов. Брать ее именно около границы уголка, который ты вырезал.

2. Я просто не до конца сам в это верю))) Хотя скорее все это так...

[Justnewone]

Кстати - у тя нету фикса для ie6 для правого блока (того, что в центре)...

1. Вырезаешь полоску 1х40 - кидаешь ее на новый слой - жмешь ctrl+t и тянешь влево (или вправо) до нужного размера. Все. Тогда полоска получается абсолютно ровной, без изъянов. Брать ее именно около границы уголка, который ты вырезал.

2. Я просто не до конца сам в это верю))) Хотя скорее все это так...

2. Наверное, речь о том, что могут проявляться малозаметные глазу артефакты, которые при растягивании потом образуют уже явновыраженные полосы.

[psywalker]

Кстати - у тя нету фикса для ie6 для правого блока (того, что в центре)...

1. Вырезаешь полоску 1х40 - кидаешь ее на новый слой - жмешь ctrl+t и тянешь влево (или вправо) до нужного размера. Все. Тогда полоска получается абсолютно ровной, без изъянов. Брать ее именно около границы уголка, который ты вырезал.

Подожди, я попробывал, у меня получилось сделать только левую часть нормально, а правая то (где правый край уголка) не совпадает с уголком, что делать тогда?

[DjTarik]

Даж не знаю, что тебе ответить... Может в размерах дело? Я вырезаю 40х40 уголки и 1х40 полоску... И все норм)))

[psywalker]

Даж не знаю, что тебе ответить... Может в размерах дело? Я вырезаю 40х40 уголки и 1х40 полоску... И все норм)))

хм..странно, но спасибо всё равно, я попробую.

Держи фикс кстати, ты просил вроде http://psywalker.ru/Forum/pngfix.rar

[DjTarik]

Вообще не просил, но все равно спс)))

Я вот этот разбираю - http://www.dillerdesign.com/experiment/DD_belatedPNG/ - у тя такой же, вроде...

Не люблю я их - но, по идее, придется все-таки пробовать...

[psywalker]

Вообще не просил, но все равно спс)))

Я вот этот разбираю - http://www.dillerdesign.com/experiment/DD_belatedPNG/ - у тя такой же, вроде...

Не люблю я их - но, по идее, придется все-таки пробовать...

Даа, это именно он, конеш плохо что фикс придётся юзать, но он маленький, весит немного, его видит только ИЕ6 если он в Кондишнл комментсах и в таких ситуациях может помочь

[DjTarik]

А вот как отцентрировать это окно и растянуть бэкгроунд на всю высоту боди (mtp дополнительного дива) - я так и не знаю)

[s0rr0w]

А вот как отцентрировать это окно и растянуть бэкгроунд на всю высоту боди (mtp дополнительного дива) - я так и не знаю)

И мы не знаем

[ppvkomi]

Насчёт хостинга не знаю, посмотри их много в инете, я например пользуюсь http://www.hc.ru/ru/ уже давно и не обламываюсь

1) Я не понял чё ты хочешь, приведи скрин

2) Я так делать не умею, может кто из мастеров подскажет

на сайте есть по центру четыре картинки подскажи как сделать такие.

[psywalker]

на сайте есть по центру четыре картинки подскажи как сделать такие.

UL

[rus]

UL

Он тебя решил здесь достать