Кодировка HTML | Демо-сайт CMS uCoz | Почта

u.Окна | Замена стандартных стилей uCoz окон

Бесплатные и интересные решения для сайтов.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!
Внимание: В этом разделе можно оставлять только готовые скрипты, для вопросов есть раздел Общение!!! :evil: Иначе, получите предупреждение, а потом бан :D .

u.Окна | Замена стандартных стилей uCoz окон

Сообщение Task » 03 дек 2009, 00:11

Изображение
В данной статье описаны самые главные классы/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.Окна
Аватара пользователя
Task
Полковник
Полковник
 
Автор темы
Сообщения: 349
Зарегистрирован: 14 янв 2009, 12:46
Карма: + 9 -

Re: u.Окна | Замена стандартных стилей uCoz окон

Сообщение Smoke » 03 дек 2009, 01:06

За огромный пост +, где то я это уже читал.... )
Аватара пользователя
Smoke
Супермодератор
Супермодератор
 
Сообщения: 1038
Возраст: 32
Зарегистрирован: 01 фев 2009, 16:20
Карма: + 15 -
Откуда: Нижний Новгород

Re: u.Окна | Замена стандартных стилей uCoz окон

Сообщение Task » 03 дек 2009, 09:54

Smoke, ты это мог читать только на Хэлпере :D
Аватара пользователя
Task
Полковник
Полковник
 
Автор темы
Сообщения: 349
Зарегистрирован: 14 янв 2009, 12:46
Карма: + 9 -

Re: u.Окна | Замена стандартных стилей uCoz окон

Сообщение Smoke » 03 дек 2009, 16:00

А вот точно... :D Тему надо поднять...
Аватара пользователя
Smoke
Супермодератор
Супермодератор
 
Сообщения: 1038
Возраст: 32
Зарегистрирован: 01 фев 2009, 16:20
Карма: + 15 -
Откуда: Нижний Новгород

Re: u.Окна | Замена стандартных стилей uCoz окон

Сообщение Task » 03 дек 2009, 21:26

:D
Аватара пользователя
Task
Полковник
Полковник
 
Автор темы
Сообщения: 349
Зарегистрирован: 14 янв 2009, 12:46
Карма: + 9 -

Re: u.Окна | Замена стандартных стилей uCoz окон

Сообщение Task » 03 дек 2009, 22:03

Другой вариант скрипта: (рекомендуемый)
Вместо </head>:
Код: Выделить всё
<link type="text/css" rel="StyleSheet" href="Ссылка_на_новый_CSS" />
<script type="text/javascript" src="http://src.ucoz.net/src/u.js"></script>
<?substr('</head>', 9)?>
Аватара пользователя
Task
Полковник
Полковник
 
Автор темы
Сообщения: 349
Зарегистрирован: 14 янв 2009, 12:46
Карма: + 9 -

Re: u.Окна | Замена стандартных стилей uCoz окон

Сообщение XxMARSxX » 04 дек 2009, 16:54

зачем такой изврат с <?substr('</head>', 9)?> ???
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Сообщения: 1991
Возраст: 36
Зарегистрирован: 20 апр 2008, 18:02
Карма: + 22 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

Re: u.Окна | Замена стандартных стилей uCoz окон

Сообщение Task » 04 дек 2009, 22:27

XxMARSxX, наоборот, это оптимальный вариант.
Аватара пользователя
Task
Полковник
Полковник
 
Автор темы
Сообщения: 349
Зарегистрирован: 14 янв 2009, 12:46
Карма: + 9 -

Re: u.Окна | Замена стандартных стилей uCoz окон

Сообщение uWeb » 05 дек 2009, 18:38

Task, он про код, так нужно.
Код: Выделить всё
<head<?('>')?>
скобки не обязательно
Аватара пользователя
uWeb
Подполковник
Подполковник
 
Сообщения: 188
Возраст: 29
Зарегистрирован: 09 июл 2009, 23:02
Карма: + 29 -
Откуда: Ростов на дону

Re: u.Окна | Замена стандартных стилей uCoz окон

Сообщение Draft » 22 дек 2009, 16:14

Вообще это делается так
<?if('A'='A')?></h<?substr('ee',1)?>d><?else?></head><?endif?>
Тогда вообще никаких u.стилей и u.скриптов не подключится.
Пишу скрипты для uCoz под заказ. Стучать в ICQ[/b]
Аватара пользователя
Draft
Модератор
Модератор
 
Сообщения: 722
Возраст: 31
Зарегистрирован: 21 апр 2008, 11:37
Карма: + 24 -
Откуда: Saint :P

След.

Вернуться в Скрипты и интересные решения

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 6

cron