u.Окна | Замена стандартных стилей uCoz окон
|
|
Task | Отредактировал Task - Пятница, 04 Декабря 2009, 23:14 Дата: 02 Декабря 2009, 20:19 | Сообщение # 1 | ● ● ● ● ● 703 сообщения Статус: Offline | В данной статье описаны классы/id из layer.css. Если вы найдете неверное описание класса, не поймете объяснения или хотите дополнить статью, то пишите тут или на e-mail – taskcodename@gmail.com. Без знаний CSS и HTML лучше оставьте статью! Чтобы поменять стандартные стили uCoz AJAX Окон, или как привыкли многие u.Окон, ставим после <body> следующий незамысловатый скрипт на jQ: Code <script type="text/javascript"> $(document).ready(function(){ $("link[href^='http://src.ucoz.net/src/layer’]").attr('href', 'Ссылка_на_новый_CSS');}); </script> Или вариант 2: (рекомендуемый) Вместо </head>: Code <link type="text/css" rel="StyleSheet" href="Ссылка_на_новый_CSS" /> <script type="text/javascript" src="http://src.ucoz.net/src/u.js"></script> <?substr('</head>', 9)?> В данном варианте удаляется 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.Окна Другие - [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.Окна © TaskO | | |
|
Vanofuture | Дата: 02 Декабря 2009, 20:26 | Сообщение # 2 | ● ● ● ● ● Все админы едят апельсины 1650 сообщений Статус: Offline | Статья хорошо. Вот только это замена стилей, но ни в коем случае не замена окон. | | |
|
Jack | Дата: 02 Декабря 2009, 20:28 | Сообщение # 3 | ● ● ● ● ● 100 сообщений Статус: Offline | Полезная информация! | | |
|
Бармалей | Дата: 02 Декабря 2009, 20:55 | Сообщение # 4 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Для замены окон исследуйте объект _uWnd.designs. P.S. под заголовками не хватает отступов.
| | |
|
rony | Дата: 02 Декабря 2009, 21:09 | Сообщение # 5 | ● ● ● ● ● 83 сообщения Статус: Offline | | | |
|
Task | Дата: 02 Декабря 2009, 21:11 | Сообщение # 6 | ● ● ● ● ● 703 сообщения Статус: Offline | Vanofuture, сори. Исправил Бармалей, Сделал отступы. Немогли бы Вы поместить данный материал в "Статьи", чтобы она не потерялась среди прочих тем? | | |
|
uWeb | Дата: 02 Декабря 2009, 21:22 | Сообщение # 7 | ● ● ● ● ● 1135 сообщений Статус: Offline | Task, не плохо | | |
|
Бармалей | Дата: 02 Декабря 2009, 21:26 | Сообщение # 8 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | Помещу, как только статья примет законченный вид. Вместо того, чтобы писать в скобках class и id, используйте CSS селекторы. А может и стоит использовать тег [var]. Где?
| | |
|
Task | Дата: 02 Декабря 2009, 21:52 | Сообщение # 9 | ● ● ● ● ● 703 сообщения Статус: Offline | Бармалей, Готово. | | |
|
uWeb | Дата: 02 Декабря 2009, 22:06 | Сообщение # 10 | ● ● ● ● ● 1135 сообщений Статус: Offline | А может и стоит использовать тег [var]. добавь его в тегиДобавлено (02 Декабрь 2009, 22:06) ---------------------------------------------
$("link[href='ССЫЛКА_НА_СТАРЫЙ_CSS’]") а ссылка меняется. при смене цвета | | |
|
Бармалей | Дата: 02 Декабря 2009, 22:11 | Сообщение # 11 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | $("link[href='ССЫЛКА_НА_СТАРЫЙ_CSS’]") а ссылка меняется. при смене цвета Поэтому лучше не заменять старую таблицу на новую, а переписывать стили, используя указание приоритета [var]!important[/var]
| | |
|
Task | Отредактировал Task - Среда, 02 Декабря 2009, 22:22 Дата: 02 Декабря 2009, 22:21 | Сообщение # 12 | ● ● ● ● ● 703 сообщения Статус: Offline | uWeb, зачем каждый раз менять цвет? Если нужен определенный стиль, то пользователь его ставит и все. Бармалей, в стандартном CSS есть несколько значений, которые поставлены с приоритетом !important. Как то изворачиваться, чтобы поменять не весь CSS, а приоритет? | | |
|
uWeb | Отредактировал uWeb - Среда, 02 Декабря 2009, 22:41 Дата: 02 Декабря 2009, 22:27 | Сообщение # 13 | ● ● ● ● ● 1135 сообщений Статус: Offline | так то лучше Code $.get('/index/42',function(с){ var a=$('input[name="abc"]:checked',$('cmd[p="content"]',с).text()).val(); $('link[href="http://<?substr($POWERED_BY$, strpos($POWERED_BY$,'(')+1,strpos(substr($POWERED_BY$,strpos($POWERED_BY$,'(')+1),')"'))?>.ucoz.net/src/layer'+a+'.css"]').attr('href','ССЫЛКА_НА_НОВЫЙ_CSS'); }) проверять такCode javascript:alert($('link').eq(1).attr('href')); http://webcodes.ru/publ/1-1-0-2007 | | |
|
Task | Отредактировал Task - Среда, 02 Декабря 2009, 22:47 Дата: 02 Декабря 2009, 22:39 | Сообщение # 14 | ● ● ● ● ● 703 сообщения Статус: Offline | И на этой оптимистичной ноте, давайте закончим разные дополнения скрипта. | | |
|
uWeb | Дата: 02 Декабря 2009, 22:45 | Сообщение # 15 | ● ● ● ● ● 1135 сообщений Статус: Offline | Task, не че не понялДобавлено (02 Декабрь 2009, 22:45) ---------------------------------------------
И на этой оптимистичной ноте, давайте закончим разные дополнения скрипта. меня проперло его редактировать | | |
|
Task | Дата: 02 Декабря 2009, 22:47 | Сообщение # 16 | ● ● ● ● ● 703 сообщения Статус: Offline | uWeb, дома, дома... Сам для себя | | |
|
uWeb | Дата: 02 Декабря 2009, 22:54 | Сообщение # 17 | ● ● ● ● ● 1135 сообщений Статус: Offline | Task, ну а че не плохой скрипт получился | | |
|
cucYa | Дата: 02 Декабря 2009, 23:03 | Сообщение # 18 | ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | Task, помести все классы в элементы списка, не удобно читать. | | |
|
mob_dp | Дата: 02 Декабря 2009, 23:10 | Сообщение # 19 | ● ● ● ● ● 4112 сообщений Статус: Offline | Code <script type="text/javascript"> $(document).ready(function(){ $("link[href='ССЫЛКА_НА_СТАРЫЙ_CSS’]").attr('href', 'ССЫЛКА_НА_НОВЫЙ_CSS'); }); </script> полная чушь. Вырубить стандарные стили и прописать все руками. Статья неплохая кстати, может даже побудит некоторых нарисовать свои стили. | | |
|
Task | Отредактировал Task - Среда, 02 Декабря 2009, 23:42 Дата: 02 Декабря 2009, 23:41 | Сообщение # 20 | ● ● ● ● ● 703 сообщения Статус: Offline | mob_dp, много способов. Заменить по-моему лучше всего. Мне понравилось как доделал uWeb, я переписал скрипт. uWeb, сори, я сначала не туда посмотрел | | |
|