u.Окна — Замена стандартных стилей uCoz окон - Дизайн - Каталог статей

Чтобы поменять стандартные стили uCoz AJAX Окон, или как привыкли многие u.Окон, ставим после <body> следующий незамысловатый скрипт на jQ:

Code

Или вариант 2: (рекомендуемый)
Вместо </head>:

Code

В данном варианте удаляется u.js и layer.css (Перед </head> появляется блок - $AJAX_JS$, который содержит в себе u.js и layer.css), потом добавляется заново u.js, независимо от $AJAX_JS$.

Копируем старый CSS, в новый и меняем стили согласно Вашему вкусу. В варианте номер 2, создаем новый CSS, подключаем его и прописываем стили там. Перечень классов: (Скриншоты внизу)

Панель Администратора (админ, юзер-бар)

[var].cuzadpn[/var] – отвечает за цвет верхней панели (админ-бара, юзер-бара).
[var]#uzadmp[/var] – коллекция кнопок на админ-баре. По умолчанию стоит свойство: padding-left (отступ слева).
[var].u-menu[/var] – меню в админ,юзер-баре.
[var].xw-mc[/var] – содержимое меню без рамок.
[var].xw-footer[/var] – нижняя рамка меню.
[var].u-menubody[/var] – тело админ, юзер-бара (эквивалентно классу “u-menu”).
[var].u-menuvsep[/var] – разделяет группу пунктов в меню.
[var].u-menuvitem[/var] – пункт меню админ, юзер-бара.
[var].u-menuitemhl[/var] – пункт меню при наведении.
[var].u-menuarrow[/var] – стрелка в меню админ, юзер-бара.
[var].u-menuvitemparent[/var] – пункт меню со стрелкой (пункт направляющий на под-меню)
[var].u-menuh[/var] – коллекция (пункт) всех кнопок админ, юзер-бара при наведении указателя. По умолчанию стоит свойство: padding-top (отступ сверху).
[var].u-menuhitem[/var] – коллекция (пункт), группа кнопок на панели администратора (админ, юзер-бара).
[var].admBarLeft[/var] – пункт панели администратора при наведении курсора (левая часть).
[var].admBarRight[/var] – пункт панели администратора при наведении курсора (правая часть).
[var].admBarCenter[/var] – пункт панели администратора при наведении курсора (центральная, повторяющаяся часть).
[var].pbarContainer[/var] – изображение в левом углу панели администратора. Информация о том, сколько места Вашего FTP вы использовали.

U.Окна

[var].xw-plain[/var] – u.Окно целиком.
[var].xw-blank[/var] – все окно при перетаскивании.
[var].x-sh[/var] – тень от u.Окон.
[var].xt-close[/var] – иконка закрытия u.Окна.
[var].xt-close-over[/var] - иконка закрытия u.Окна при наведении.
[var].xt-mini[/var] – иконка “свернуть” u.Окна.
[var].xt-mini-over[/var] – иконка “свернуть” u.Окна при наведении.
[var].xt-maxi[/var] – иконка “развернуть на весь экран” u.Окна.
[var].xt-maxi-over[/var] - иконка “ развернуть на весь экран” u.Окна при наведении.
[var].xt-rest[/var] – иконка “раскрытия во весь размер” u.Окна.
[var].xt-rest-over[/var] - иконка “ раскрытия во весь размер ” u.Окна при наведении.
[var].xw-dragging[/var] – u.Окно при перетаскивании.
[var].xw-draggable[/var] – заголовок при наведении указателя, чтобы перетащить на другое место.
[var].xw-hdr-text[/var] – заголовок u.Окна.
[var].xw-hdr[/var] – верхний блок окна с заголовком.
[var].xw-body[/var] – все содержимое u.Окна без рамок. Тело.
[var].xw-icon[/var] – иконка окна.

Блоки, рамки u.Окна

Заголовок (title)

[var].xw-tc[/var] – центральный блок u.Окна с заголовком.
[var].xw-tl[/var] – левая рамка заголовка u.Окна. (Угол)
[var].xw-tr[/var] – правая рамка заголовка u.Окна. (Угол)
Нижняя часть (bottom)
[var].xw-bc[/var] – центральная, нижняя рамка u.Окна.
[var].xw-bl[/var] – левая, нижняя рамка u.Окна. (Угол)
[var].xw-br[/var] – правая, нижняя рамка u.Окна. (Угол)
Центральная часть/Главная (main)
[var].xw-ml[/var] – левая, центральная рамка u.Окна.
[var].xw-mr[/var] - правая, центральная рамка u.Окна.
Тень
[var].xstl[/var] – левая, тень заголовка u.Окна.
[var].xstr[/var] - правая, тень заголовка u.Окна.
[var].xsml[/var] – центральная, левая тень u.Окна.
[var].xsmr[/var] - центральная, правая тень u.Окна.
[var].xsbl[/var] – нижняя, левая тень u.Окна.
[var].xsbc[/var] – нижняя, центральная тень u.Окна.
[var].xsbr[/var] – нижняя, правая тень u.Окна.
u.Кнопка
[var].myBtnCont[/var] – содержимое кнопки.
[var].myBtnLeft[/var] – левая часть кнопки.
[var].myBtnCenter[/var] – центральная (повторяющаяся) часть кнопки.
[var].myBtnRight[/var] – правая часть кнопки.
[var].myBtnLeftA[/var] – левая часть кнопки, при наведении указателя.
[var].myBtnCenterA[/var] – центральная часть кнопки, при наведении указателя.
[var].myBtnRightA[/var] – правая часть кнопки, при наведении указателя.
[var].overBtn[/var] – при отведении указателя от кнопки.
[var].downBtn[/var] – при нажатии на кнопку.
[var].myBtnDis[/var] – текст неактивной кнопки.

Другие

[var].myWinCont[/var] – содержимое окна без рамок.
[var].myWinError[/var] – ошибка. По умолчанию задает тексту: color:red;
[var].myWinSuccess[/var] – успешное выполнение. По умолчанию задает тексту: color:blue;
[var].myWinLoad[/var] – когда какая-либо информация загружается в u.Окне или других элементах. По умолчанию стоит относительно большое .gif изображение загрузки. (normal)
[var].myWinLoadS[/var] - когда какая-либо информация загружается в u.Окне или других элементах. По умолчанию стоит маленькое .gif изображение загрузки. (small)
[var].myWinLoadSD[/var] – успешное выполнение. По умолчанию изображение «Ок».
[var].myWinLoadSF[/var] – ошибка. По умолчанию изображение: “X”.
[var].pgSwch[/var] – отвечает за селектор страниц.
[var].pgSwchA[/var] – номер страницы, на которой вы находитесь в данный момент.

Опросы

[var].myWinPollG[/var] – изображение фона диаграммы в «Результаты опроса».
[var].myWinPollT[/var] – таблица (<table>) в «Результаты опроса» “Архив опросов”.
[var].myWinPollTd[/var] – ячейка (<td>) таблицы в «Результаты опроса», “Архив опросов”.

Каркас u.Окна

Дизайн [2]	Кодинг [7]
Управление (CMS) [0]	Контент [0]
Бизнес [0]	Раскрутка [0]
Оплаченные статьи [0]

U.Helper