Вход для клиентов и партнеров
в начало сайта
Партнерская программаОнлайн демоСкачатьКарта сайта
 

Регламент
Документация
Часто задаваемые вопросы (FAQ)
Решения типовых вопросов
Форум поддержки
Библиотека разработчика

Посмотрите демо-ролики и убедитесь в том, что "Twilight CMS" очень удобна в управлении, понятна и проста.

Бесплатно скачайте "Twilight.Basic", установите на своем компьютере и изучите систему более детально.

Если вам нужно установить "Twilight CMS" на существующий сайт или разработать новый - обращайтесь в отдел интеграции.

 

Ваше имя
Ваш Email
Вопрос
Twilight.basic
  • Узнайте больше
  • Сравните версии
  • Twilight.selection
  • Узнайте больше
  • Сравните версии
  • Twilight.evolution
  • Узнайте больше
  • Сравните версии
  •  
    Главная // Библиотека разработчика // Справочники // Книга рецептов (Cookbook) // Руководство по сборке сайта //

    Отображение CSS стилей сайта в редакторе страниц в админзоне


    Общий подход

    На сайте мы используем в качестве основной таблицы стилей файл Templates/common.css, который подключается в страницах сайта как /index/common.css (см. статью). Если все сделано именно так, то в админзоне все стили будут автоматически подхвачены редакторами страниц и применены ко всем элементам, а также имена стилей появятся в доступных для выбора стиля выпадающих меню и списках.

    Тонкости для разработчиков

    1. Если в common.css у вас тэг body прописан без отступов (margin: 0), как это обычно делается на современных сайтах, то и в редакторе страниц у вас отступов не будет. Чтобы избежать этого неудобства мы рекомендуем данный параметр прописывать не в common.css, а в конкретных HTML шаблонах. Тогда на сайте отступов не будет, а в админзоне внутри редактора страницы - будут, работать будет намного удобнее.
    2. Начиная с версии 4.47 и выше в браузере FireFox переопределяются цвета и стили всех ссылок, поверх того, что задано в common.css (мозилловцы используют файл resource://gre/res/contenteditable.css для блокирования ссылок в editmode чтобы по ним было нельзя кликнуть и заодно жестко переопределяют их цвет как синий, а стиль как подчеркнутый). Чтобы минимизировать данное неудобство (синий подчеркнутый текст далеко не везде адекватно выглядит) система переопределяет стиль ссылок на тот, который действует в данном блоке (см. /Admin/content.css). Это тоже решение не до конца корректное, поскольку текст и ссылки будут рисоваться чаще всего одним цветом, разница будет только в подчеркивании, и отличить просто подчеркнутый текст от текста ссылки будет нельзя. Если вас это не устраивает, в таблице стилей сайта (common.css) необходимо указать модификатор !important в тех строках, где определяются стили ссылок. Учтите, что при достаточно сложной структуре классов это может привести к потере правильного отображения измененных классов на самом сайте, если CSS неверно спроектирован.

    Например:

    a {
        color: #f36712 !important;
        text-decoration: underline !important;
    }

    a:hover {
        color: #c74c04 !important;
    }

    « к списку

    версия для печати

     
    © 2003-19 Страта Технологии (создание сайтов, разработка cms), Twilight CMS in english.
    Наш адрес: Москва, пр. Маршала Жукова д.51
    Тел.: (495) 222-6436, E-mail: , карта сайта, условия использования информации о CMS
    Звоните через Skype:  

    Реклама: