В данной статье описаны самые главные классы/id из layer.css. Если вы найдете неверное описание класса, не поймете объяснения или хотите дополнить статью, то пишите тут или на e-mail – taskcodename@gmail.com. Без знаний CSS и HTML лучше оставьте статью!
Чтобы поменять стандартные uCoz AJAX Окна, или как привыкли многие u.Окна, ставим после <body> следующий незамысловатый скрипт на jQ:
- Код: Выделить всё
<script type="text/javascript">
$(document).ready(function(){
var cop=<?substr($POWERED_BY$, strpos($POWERED_BY$,'(')+1, strpos(substr($POWERED_BY$, strpos($POWERED_BY$,'(')+1),')'))?>;
ulink='Ссылка на новый CSS'; //Ссылка на новый CSS
$("link[href^='http://'+cop+'.ucoz.net/src/layer’]").attr('href', ulink);
});
</script>
Копируем старый CSS, в новый и меняем стили согласно Вашему вкусу. Перечень классов: (Скриншоты внизу)
Панель Администратора (админ, юзер-бар)
cuzadpn (class) – отвечает за цвет верхней панели (админ-бара, юзер-бара).
uzadmp (id) – коллекция кнопок на админ-баре. По умолчанию стоит свойство: padding-left (отступ слева).
u-menu (class) – меню в админ,юзер-баре.
xw-mc (class) – содержимое меню без рамок.
xw-footer (class) – нижняя рамка меню.
u-menubody (class) – тело админ, юзер-бара (эквивалентно классу “u-menu”).
u-menuvsep (class) – разделяет группу пунктов в меню.
u-menuvitem (class) – пункт меню админ, юзер-бара.
u-menuitemhl (class) – пункт меню при наведении.
u-menuarrow (class) – стрелка в меню админ, юзер-бара.
u-menuvitemparent (class) – пункт меню со стрелкой (пункт направляющий на под-меню)
u-menuh (class) – коллекция (пункт) всех кнопок админ, юзер-бара при наведении указателя. По умолчанию стоит свойство: padding-top (отступ сверху).
u-menuhitem (class) – коллекция (пункт), группа кнопок на панели администратора (админ, юзер-бара).
admBarLeft (class) – пункт панели администратора при наведении курсора (левая часть).
admBarRight (class) – пункт панели администратора при наведении курсора (правая часть).
admBarCenter (class) – пункт панели администратора при наведении курсора (центральная, повторяющаяся часть).
pbarContainer (class) – изображение в левом углу панели администратора. Информация о том, сколько места Вашего FTP вы использовали.
U.Окна
xw-plain (class) – u.Окно целиком.
xw-blank (class) – все окно при перетаскивании.
x-sh (class) – тень от u.Окон.
xt-close (class) – иконка закрытия u.Окна.
xt-close-over (class) - иконка закрытия u.Окна при наведении.
xt-mini (class) – иконка “свернуть” u.Окна.
xt-mini-over (class) – иконка “свернуть” u.Окна при наведении.
xt-maxi (class) – иконка “развернуть на весь экран” u.Окна.
xt-maxi-over (class) - иконка “ развернуть на весь экран” u.Окна при наведении.
xt-rest (class) – иконка “раскрытия во весь размер” u.Окна.
xt-rest-over (class) - иконка “ раскрытия во весь размер ” u.Окна при наведении.
xw-dragging (class) – u.Окно при перетаскивании.
xw-draggable (class) – заголовок при наведении указателя, чтобы перетащить на другое место.
xw-hdr-text (class) – заголовок u.Окна.
xw-hdr (class) – верхний блок окна с заголовком.
xw-body (class) – все содержимое u.Окна без рамок. Тело.
xw-icon (class) – иконка окна.
Блоки, рамки u.Окна
Заголовок (title)
xw-tc (class) – центральный блок u.Окна с заголовком.
xw-tl (class) – левая рамка заголовка u.Окна. (Угол)
xw-tr (class) – правая рамка заголовка u.Окна. (Угол)
Нижняя часть (bottom)
xw-bc (class) – центральная, нижняя рамка u.Окна.
xw-bl (class) – левая, нижняя рамка u.Окна. (Угол)
xw-br (class) – правая, нижняя рамка u.Окна. (Угол)
Центральная часть/Главная (main)
xw-ml (class) – левая, центральная рамка u.Окна.
xw-mr (class) - правая, центральная рамка u.Окна.
Тень
xstl (class) – левая, тень заголовка u.Окна.
xstr (class) - правая, тень заголовка u.Окна.
xsml (class) – центральная, левая тень u.Окна.
xsmr (class) - центральная, правая тень u.Окна.
xsbl (class) – нижняя, левая тень u.Окна.
xsbc (class) – нижняя, центральная тень u.Окна.
xsbr (class) – нижняя, правая тень u.Окна.
u.Кнопка
myBtnCont (class) – содержимое кнопки.
myBtnLeft (class) – левая часть кнопки.
myBtnCenter (class) – центральная (повторяющаяся) часть кнопки.
myBtnRight (class) – правая часть кнопки.
myBtnLeftA (class) – левая часть кнопки, при наведении указателя.
myBtnCenterA (class) – центральная часть кнопки, при наведении указателя.
myBtnRightA (class) – правая часть кнопки, при наведении указателя.
overBtn (class) – при отведении указателя от кнопки.
downBtn (class) – при нажатии на кнопку.
myBtnDis (class) – текст неактивной кнопки.
Другие
myWinCont (class) – содержимое окна без рамок.
myWinError (class) – ошибка. По умолчанию задает тексту: color:red;
myWinSuccess (class) – успешное выполнение. По умолчанию задает тексту: color:blue;
myWinLoad (class) – когда какая-либо информация загружается в u.Окне или других элементах. По умолчанию стоит относительно большое .gif изображение загрузки. (normal)
myWinLoadS (class) - когда какая-либо информация загружается в u.Окне или других элементах. По умолчанию стоит маленькое .gif изображение загрузки. (small)
myWinLoadSD (class) – успешное выполнение. По умолчанию изображение «Ок».
myWinLoadSF (class) – ошибка. По умолчанию изображение: “X”.
pgSwch (class) – отвечает за селектор страниц.
pgSwchA (class) – номер страницы, на которой вы находитесь в данный момент.
(c) - TaskO [Источник - http://helper.ucoz.ru/forum/22-6692]
u.Окно
u.Alert
Панель Администратора (админ, юзер-бар)
Каркас u.Окна