Настройка внешнего вида компонентов Spry

Что ж, мы это сделали — добавили на свои Web-страницы компоненты Spry. Получилось симпатично, не так ли?

Одно плохо — компоненты Spry заметно выбиваются из цветовой гаммы наших Web-страниц. Например, заголовок сворачивающейся панели имеет серый фон, из-за чего панель выглядит чужеродным элементом.

Профессиональные Web-дизайнеры таких ляпов не допускают! Так что давайте исправим это несоответствие.

Мы уже знаем, что внешний вид компонента Spry определяется стилями CSS, которые хранятся в соответствующей ему внешней таблице стилей. Эта таблица стилей копируется Dreamweaver в локальную копию Web-сайта и привязывается к Webстранице, на которой размещен компонент Spry.

Стало быть, чтобы задать нужный нам внешний вид компонента Spry, мы должны соответственно исправить параметры этих стилей. Но как узнать, какие параметры и каких стилей нам следует править? Очень просто.

Выделим любой компонент Spry и посмотрим на панель Свойства. В ней, помимо всего прочего, будет присутствовать гиперссылка Настроить это миниприложение. При щелчке на ней будет открыта статья интерактивной справки по Dreamweaver, перечисляющая стили, задающие оформление данного компонента Spry, и параметры, которые они определяют. Что нам и нужно!

Сразу найдем на панели Стили CSS кнопку-переключатель Все и включим ее. После этого данная панель перечислит все действующие на данную Web-страницу