Сообщений в теме: 7

[Алексей Денисович]

Здравствуйте, подскажите пожалуйста где находятся файлы CSS для настройки внешнего вида (обводки полей, кнопки, вкладок и т.д) формы заказа? Не получается найти. Скрин прилагается.

[Kess]

В основном - в media/zoo/applications/jbuniversal/assets/css/jbzoo.css

 

Часть стилей может также накладываться вашим шаблоном.

[Алексей Денисович]

С оформлением вкладок разобрался, а вот оформить именно поля формы заказа и комментариев не получается, нужно убрать синюю подсветку при клике на поле формы и черную обводку вокруг кнопки оформить при наведении, искал в файле jbzoo.css по коду цвета - не находит, похоже именно за форму отвечает другой файл.

[Kess]

Синяя подсветка в jbzoo.css:

.jbzoo textarea:focus,
.jbzoo select:focus,
.jbzoo input[type=text]:focus,
.jbzoo input[type=password]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    color: black;
    background-color: white;
}

По поводу черной обводки при наведении не подскажу без ссылки на сайт - на демо-сайте обводка постоянная.

 

 

В firebug и в инспекторе Chrome есть опция для временной установки какого-либо состояния для элемента на странице. Например, наведения или фокуса:

 

 

 

Без использования firebug'a или какого-нибудь другого инспектора очень сложно делать сайты - слишком много времени тратится на поиски.

[Алексей Денисович]

Благодарю за подробнейший ответ, как же я раньше не пользовался иснпекторами, все искал вручную тратя огромное количество времени, теперь буду пользоваться. Можно поподробнее про это "есть опция для временной установки какого-либо состояния для элемента на странице. Например, наведения или фокуса:" Как это сделать в firebug?

[Kess]

Вот, например, обычная ссылка из таблицы демо-сайта:

 

 

Для поиска стилей, появляющихся при наведении, нажимаем на выпадающий список справа и выбираем нужную опцию:

 

 

 

 

В предыдущем посте - пример для Google Chrome.

[ripcord]

Как это сделать в firebug?

 

Если позволите, я бы порекомендовал Хромиум. Последний билд всегда тут, в комплекте шикарные инструменты для диагностики и всякой временной установки состояния, эмуляции любой платформы и разного профилирования и анализа.

[Алексей Денисович]

Огромное спасибо за подробные ответы и ценные рекомендации, буквально за 5 минут нашел все стили формы которые были нужны , сейчас буду пробовать Хромиум!