Вход в почту


Каталог статей

Главная » Статьи » помощь веб-мастеру

    u.Окна | Замена стандартных стилей uCoz окон и не только  >  помощь веб-мастеру


    В данной статье описаны классы/id из layer.css.

    Если вы найдете неверное описание класса, не поймете объяснения или хотите дополнить статью, то пишите тут или на мой e-mail(админу)

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


    <script type="text/javascript">
    $(document).ready(function(){
    $("link[href^='http://src.ucoz.net/src/layer’]").attr('href', 'Ссылка_на_новый_CSS');});
    </script>

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

    <link type="text/css" rel="StyleSheet" href="Ссылка_на_новый_CSS" />
    <script type="text/javascript" src="http://src.ucoz.net/src/u.js"></script>
    <?substr(</code><code class="string">'</head>'</code><code class="plain">, </code><code class="digits">9</code><code class="plain">)?>

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

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

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


    • – отвечает за цвет верхней панели (админ-бара, юзер-бара).
    • – коллекция кнопок на админ-баре. По умолчанию стоит свойство: padding-left (отступ слева).
    • – меню в админ,юзер-баре.
    • – содержимое меню без рамок.
    • – нижняя рамка меню.
    • – тело админ, юзер-бара (эквивалентно классу "u-menu”).
    • – разделяет группу пунктов в меню.
    • – пункт меню админ, юзер-бара.
    • – пункт меню при наведении.
    • – стрелка в меню админ, юзер-бара.
    • – пункт меню со стрелкой (пункт направляющий на под-меню)
    • – коллекция (пункт) всех кнопок админ, юзер-бара при наведении указателя. По умолчанию стоит свойство: padding-top (отступ сверху).
    • – коллекция (пункт), группа кнопок на панели администратора (админ, юзер-бара).
    • – пункт панели администратора при наведении курсора (левая часть).
    • – пункт панели администратора при наведении курсора (правая часть).
    • – пункт панели администратора при наведении курсора (центральная, повторяющаяся часть).
    • – изображение в левом углу панели администратора. Информация о том, сколько места Вашего FTP вы использовали.

    U.Окна

    • – u.Окно целиком.
    • – все окно при перетаскивании.
    • – тень от u.Окон.
    • – иконка закрытия u.Окна.
    • - иконка закрытия u.Окна при наведении.
    • – иконка "свернуть” u.Окна.
    • – иконка "свернуть” u.Окна при наведении.
    • – иконка "развернуть на весь экран” u.Окна.
    • - иконка " развернуть на весь экран” u.Окна при наведении.
    • – иконка "раскрытия во весь размер” u.Окна.
    • - иконка " раскрытия во весь размер ” u.Окна при наведении.
    • – u.Окно при перетаскивании.
    • – заголовок при наведении указателя, чтобы перетащить на другое место.
    • – заголовок u.Окна.
    • – верхний блок окна с заголовком.
    • – все содержимое u.Окна без рамок. Тело.
    • – иконка окна.

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

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

    • – центральный блок u.Окна с заголовком.
    • – левая рамка заголовка u.Окна. (Угол)
    • – правая рамка заголовка u.Окна. (Угол)

      Нижняя часть (bottom)

    • – центральная, нижняя рамка u.Окна.
    • – левая, нижняя рамка u.Окна. (Угол)
    • – правая, нижняя рамка u.Окна. (Угол)

      Центральная часть/Главная (main)

    • – левая, центральная рамка u.Окна.
    • - правая, центральная рамка u.Окна.

      Тень

    • – левая, тень заголовка u.Окна.
    • - правая, тень заголовка u.Окна.
    • – центральная, левая тень u.Окна.
    • - центральная, правая тень u.Окна.
    • – нижняя, левая тень u.Окна.
    • – нижняя, центральная тень u.Окна.
    • – нижняя, правая тень u.Окна.

      u.Кнопка

    • – содержимое кнопки.
    • – левая часть кнопки.
    • – центральная (повторяющаяся) часть кнопки.
    • – правая часть кнопки.
    • – левая часть кнопки, при наведении указателя.
    • – центральная часть кнопки, при наведении указателя.
    • – правая часть кнопки, при наведении указателя.
    • – при отведении указателя от кнопки.
    • – при нажатии на кнопку.
    • – текст неактивной кнопки.

    Другие

    • – содержимое окна без рамок.
    • – ошибка. По умолчанию задает тексту: color:red;
    • – успешное выполнение. По умолчанию задает тексту: color:blue;
    • – когда какая-либо информация загружается в u.Окне или других элементах. По умолчанию стоит относительно большое .gif изображение загрузки. (normal)
    • - когда какая-либо информация загружается в u.Окне или других элементах. По умолчанию стоит маленькое .gif изображение загрузки. (small)
    • – успешное выполнение. По умолчанию изображение «Ок».
    • – ошибка. По умолчанию изображение: "X”.
    • – отвечает за селектор страниц.
    • – номер страницы, на которой вы находитесь в данный момент.

    Опросы

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



    Постовые:
    Мало где в наше время производят качественное создание сайта за разумные деньги. Либо сайт ужасный, либо очень дорого. Но на фреш-д такого нет. Там создают качетвенные сайты, быстро и дёшево

  •    Получить ссылку

    В новом окне Просмотров:[1637]Добавлено:17.06.2025 Подробнее

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]




Создатели u.Tools не несут ответственности за размещаемые материалы. Каждый файл принадежит его создателю.
Сайт оптимизтрован для просмотра в брузерах:Firefox & Opera при разрешении экрана 1280x1024 пикселя.

Главное меню

  • Главная
  • Форум
  • Правила
  • Об uTools
  • Фотографии
  • Обзоры
  • Тематические новости
  • jQuery
  • u.Faq
  • Загрузки
  • Олимпиада
  • Кто нас сегодня посетил


  • Главная | Новости | Загрузки | Вопрос-ответ | Обзоры | Контакты

    © u.Tools
    Хостинг от uCoz

    Служба поддержки


    support@utools.net.ru

    1967426