Изменяем стандартные uWnd - окна
Привет! Сегодня я решил поделиться с вами очень простым решением для изменения стандартных юкозовских uWnd - окон под свое усмотрение. Но подойдут только те, которые появились в ПУ совсем недавно (black&white). Такой вид uWnd - окна подойдет только для сайтов с темным дизайном. Но что делать, если у вас светлый сайт??? Ну многие прибегают к специальным CSS, которые меняют вид окна (при этом вам придется поменять в ПУ стиль окон на более старые, к примеру на синие). Но мне, например, очень симпатичны эти новые стандартные окна! И я решил как-нибудь изменить их! То есть настроить их на светлый дизайн. <style> .xw-plain .xw-ml, .xw-plain .xw-tl, .xw-plain .xw-bl { background-color: #FFFFFF;} .xw-plain .xw-tl { padding-left: 15px; border-top-right-radius: 1px; border-top-left-radius: 1px; }
Решение на удивление получилось очень простым!!! И я, не мудрствуя лукаво, тут же решил поделиться этим решением с вами!
Установка
.xw-hdr .xw-hdr-text { vertical-align:3px;cursor:default; line-height:30px; font-size:15pt; color: #0A0A0A; }
.xw-plain .xw-ml, .xw-plain .xw-tl, .xw-plain .xw-bl { background-color: #FFFFFF;}
.xw-plain .xw-tl { padding-left: 15px; border-top-right-radius: 1px; border-top-left-radius: 1px; }
.xw-plain .xw-bl { padding-left:15px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; }
</style>
Установите этот Style-код в любой глобальный блок, к примеру в "Верхнюю часть сайта".
А теперь распишу, что да как.
1. Смена фона (в коде установлен #FFFFFF, то есть белый). Можете изменить его на любой цвет:
2. Закругленность краев (я снизил значения "border-radius" до "1px"). Это тоже на ваше усмотрение:
Где: ".xw-plain .xw-tl" - верхняя часть окна
.xw-plain .xw-bl { padding-left:15px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; }
".xw-plain .xw-bl" - нижняя часть окна.
На этом всё! Перед установкой ОБЯЗАТЕЛЬНО сделайте БЭКАП, а затем спокойно займитесь "темным" делом )))
Сам код, естественно, следует устанавливать в самый низ (глобального блока)
Случайные материалы
25 иконок, объединенных одной общей тематикой "Образование"... | Анонимное письмо от блогера из vc.ru | Символьный шрифт Ultra Icons Solid, а также набор SVG-иконок по шрифту... | В этом материале я собрал ссылки на самые полезные для дизайнеров ресурсы. ... |