Стилизация jQuery-ui-диалога с тенями

Question

Мне нужно стилизовать jQuery-ui-диалог с тенями.У меня есть пример, в котором диалог / всплывающее окно оформляется с помощью вложенных элементов div.Изображение для каждого угла и линия для каждой стороны, которая обеспечивает изменчивость высоты и ширины.Моим первым решением было придать заголовку изображение, а контент - длинный, который обрезается в зависимости от объема содержимого в диалоговом окне.Это обеспечивает изменчивость высоты, но не ширины элемента.

http://www.pictureupload.de/originals/pictures/230112103022_popup-example.jpg

Вот как это должно выглядеть.Какие-нибудь идеи или лучший стилизуемый диалог / всплывающее окно, чем у jQuery-ui?

Answer 1

Попробуйте что-то вроде этого: http://jsfiddle.net/2kj9G/1/

Answer 2

Вы также можете использовать свойство dialogClass диалогового окна jquery ui, чтобы задать класс, и дать класс тени пользовательского интерфейса ui-widget-shadow.

$("#editPanel").dialog({
   width: 400,
   modal: true, 
   dialogClass: 'ui-widget-shadow'
});