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



 

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

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

Открыть тему
Тема закрыта
> Наиболее красивая верстка div'а
Arks
Arks
Topic Starter сообщение 20.3.2010, 17:01; Ответить: Arks
Сообщение #1


Итак, в связи с острой необходимостью прошу поделиться Вашими разработками. Даже не знаю, существует ли хоть одна подобная реализация.

Поставленная задача:

Создать некий контейнер, резиновый и по высоте и по ширине.
Углы скругленные(сложные растровые изображения фиксированных размеров), причем обязательно с альфа-каналом.
В "тянущихся" элементах сложная растровая рамка с альфо-каналом(но в них допустимо использование repeat-x и repeat-y, это на всякий случай поясняю)
В центре блока(там где контент) альфа-канал( его тоже вполне можно repeat'ить)

Картинку макета приводить лень т.к. думаю все более-менее понятно из описания. ^_^
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
Topic Starter сообщение 20.3.2010, 17:09; Ответить: Arks
Сообщение #2


В голову пока приходит только такая реализация из этой тематики, но она не проходит по условиям ТЗ:

1. Использование 8 вложенных div'ов
Сымсл такой(приведены div'ы с нижнего по верхний):
- Рамки с соответсвующими repeat'ами
- Поверх рамок уголки

А не подходит он т.к. вместо альфа-канала "снаружи" уголков получим фон repeat'енных рамок да и громоздко очень
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 20.3.2010, 18:16; Ответить: Alcorn
Сообщение #3


Лучше привести пример в виде рисунка.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
Topic Starter сообщение 20.3.2010, 18:41; Ответить: Arks
Сообщение #4


[IMG]http://www.imagepost.ru/?v=80/Window_01.png[/IMG]

Тапками чур не кидаться, какую нашел такую выложил, просто представьте себе что углы круглые а не квадратные. Соответственно за округлостями углов снаружи тоже прозрачность ~60%
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 21.3.2010, 15:58; Ответить: Alcorn
Сообщение #5


Вариантов закругления углов очень много. Чтобы не лезли бордеры, можно за угол брать отдельный div с прозрачной внешней частью угла и к нему приставлять остальное, наподобие имитации таблицы из 9 ячеек, где бордеры средних ячеек растягивать repeat-x / repeat-y. Вообще примеров в интернете полно, стоит лишь погуглить.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
Topic Starter сообщение 22.3.2010, 15:40; Ответить: Arks
Сообщение #6


Да это понятно, этот вариант рассматривал,он плох тем что не дает использовать "углы" больших размеров, т.к. контент оказывается заперт в центральной ячейке а абсолютное позиционирование(сверху контентный div наложить) тут не вариант.

Ага пока писал подумал, а почему бы и нет - на js Берем координаты левого верхнего и правого нижнего края и рисуем див абсолютными координатами - не простая реализация но кажется отличное решение проблемы. Как думаете?

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
27 zaiko 17548 2.4.2024, 14:00
автор: zaiko
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 92102 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) Верстка шаблона Битрикс
0 bat 1419 26.9.2023, 6:22
автор: bat
Открытая тема (нет новых ответов) Верстка электронных писем бесплатно
0 Gidemopassan 1528 23.6.2023, 10:12
автор: Gidemopassan
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 16531 19.5.2023, 22:01
автор: Brans


 



RSS Текстовая версия Сейчас: 19.4.2024, 22:59
Дизайн