1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

1.3.x Переменные стилей в css

Тема в разделе "Для новичков", создана пользователем Dmitriy Jurkin, 20 авг 2014.

Загрузка
  1. Dmitriy Jurkin

    Dmitriy Jurkin Местный

    Регистрация:
    26.02.11
    Сообщения:
    59
    Симпатии:
    10
    Версия XF:
    1.5.11
    Доброе время суток. Столкнулся с такой проблемой, что в шаблоне extra.css не воспринимаются переменные стилей, например @contentBackground

    Что необходимо сделать, что бы данные переменные воспринимались корректно?

    Заранее Спасибо
    С Уважением, Дмитрий.
     
  2. FractalizeR

    FractalizeR XenForo Addicted Команда форума

    Регистрация:
    27.09.10
    Сообщения:
    1.085
    Симпатии:
    823
    Версия XF:
    1.3.2
    Не воспринимаются в каком смысле?
     
  3. Dmitriy Jurkin

    Dmitriy Jurkin Местный

    Регистрация:
    26.02.11
    Сообщения:
    59
    Симпатии:
    10
    Версия XF:
    1.5.11
    Все довольно банально. Пишу класс для нужного мне объекта в футоре, пишу background-color: @contentBackground; и мой объект это не воспринимает как бы я не старался ( И это один из примеров когда это у меня не воспринимается переменные стиля.

    Так же при создании html виджета в [bd] Widget Framework переменные не воспринимаются
     
  4. Skaiman

    Skaiman Местный

    Регистрация:
    08.06.14
    Сообщения:
    157
    Симпатии:
    223
    Версия XF:
    1.4.0
    Так стиль скорее всего уже задан где то, надо во первых менять там где он есть. А уж если не можете найти, придайте приоритет для стиля в EXTRA.css !important, но лучше найти :)
     
  5. Dmitriy Jurkin

    Dmitriy Jurkin Местный

    Регистрация:
    26.02.11
    Сообщения:
    59
    Симпатии:
    10
    Версия XF:
    1.5.11
    Класс пишу свой для своих вещей, он не может ни где пересекаться

    UPD: К примеру в футоре создаю блок с заметками и применяю к нему вот такой стиль:

    Код:
    #tip {
        background-color: @panelScrollerPanel !important;
        font-size: 13pt;
        color: @secondaryMedium !important;
        text-align: justify;
        text-shadow: 0 1px 1px rgba(0,0,0,0.2);
    }
    
    .tipes {
        display: block;
        background-color: @contentBackground !important;
        border-radius: 3px;   
        margin-bottom: 10px;
        padding: 9px;
        border: 1px solid @primaryLighter !important;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), inset 0 0 0 1px rgba(0,0,0,0.025), inset 0 4px 12px rgba(0,0,0,0.025), 0 1px rgba(255,255,255,0.75);
    }
    
    Для того чтобы мне применить цветовую схему стиля форума я прописываю переменные, к примеру: @contentBackground И в итоге ни чего не меняется. Только что проверил с !important и 0 изменений
     
    Последнее редактирование: 24 авг 2014
  6. infis

    infis Местный Команда форума

    Регистрация:
    27.06.11
    Сообщения:
    5.525
    Симпатии:
    3.321
    Версия XF:
    1.5.9
    Не знаток всей этой кухни, но, возможно, Вы переменные применяете в обычных шаблонах. Может быть переменные работают только в шаблонах.css. Т.е. код css вынесите отдельно в шаблон.css, а его уже вставляйте в обычный шаблон.
     
  7. Dmitriy Jurkin

    Dmitriy Jurkin Местный

    Регистрация:
    26.02.11
    Сообщения:
    59
    Симпатии:
    10
    Версия XF:
    1.5.11
    Он и так вынесен в Extra.css, который должен быть не обычным, да я бы сказал обязан быть таковым
     
  8. Skaiman

    Skaiman Местный

    Регистрация:
    08.06.14
    Сообщения:
    157
    Симпатии:
    223
    Версия XF:
    1.4.0
    Все модификации надо делать в режиме отладки. Сначала создается дополнение, потом все модификации привязываются к нему. Не обязательно делать стили в EXTRA.css, можно создать новый шаблон стилей и привязать его к нужному шаблону:
    Код:
    <xen:require css="ваш шаблон.css" /> 
     
    Mirovinger нравится это.
  9. Dmitriy Jurkin

    Dmitriy Jurkin Местный

    Регистрация:
    26.02.11
    Сообщения:
    59
    Симпатии:
    10
    Версия XF:
    1.5.11
    Не расскажете как это сделать, я просто не в курсе ( И как мне это сделать, что бы это было сделано сразу во всех моих стилях форума (3 стиля)

    Можно же сделать файл .css и подключить его в стилях, но опять же будут ли в нем работать переменные стиля
     
  10. Skaiman

    Skaiman Местный

    Регистрация:
    08.06.14
    Сообщения:
    157
    Симпатии:
    223
    Версия XF:
    1.4.0
    Для начала включим режим отладки. Открываем /library/config.php и добавляем строчку:
    Код:
     $config['debug'] = true; 
    После этого в списке дополнений появится кнопочка "+Создать дополнение". Создаете. Главное написать ID дополнения, например moi_addon_01 и описание.
    Делаете модификации, создаете шаблоны, в низу выбираете к какому дополнению делаете.
    Допустим создали новый шаблон с вашим содержимым и к нему шаблон со стилем, значит в новом шаблоне с содержимым подключаем шаблон стилей:
    Код:
    <xen:require css="ваш шаблон стиля.css" />
    
    Здесь содержимое
    Сам шаблон подключается в нужном месте так:
    Код:
    <xen:include template="ваш шаблон" />
    --- добавлено : 24 авг 2014 в 14:30 ---
    Конечно можно не создавать дополнение, но его потом можно сохранить и оно уже будет всегда у вас. Потом только импортируете xml
     
    Последнее редактирование модератором: 1 сен 2014
    Dmitriy Jurkin нравится это.
  11. infis

    infis Местный Команда форума

    Регистрация:
    27.06.11
    Сообщения:
    5.525
    Симпатии:
    3.321
    Версия XF:
    1.5.9
    Дополню. В режиме отладки появляется возможность редактировать мастер стиль. Он и является первичным для всех. В результате нет необходимости править затем все стили.
    Ну и править оригинальные шаблоны нежелательно. Поэтому, при возможности используйте TMS, который позволяет вносить правки в оригинальные шаблоны во время компиляции, не трогая их при этом в базе. Тогда при обновлении могут не потребоваться лишние телодвижения, либо они будут незначительными.
     
    Mirovinger нравится это.
  12. Dmitriy Jurkin

    Dmitriy Jurkin Местный

    Регистрация:
    26.02.11
    Сообщения:
    59
    Симпатии:
    10
    Версия XF:
    1.5.11
    Спасибо, попробую. Но остается вопрос почему именно в Extra.css переменные не воспринимаются. Это же системный шаблон (
     
  13. Skaiman

    Skaiman Местный

    Регистрация:
    08.06.14
    Сообщения:
    157
    Симпатии:
    223
    Версия XF:
    1.4.0
    Ну в версиях ксена 1.3+ не надо устанавливать аддон TMS, там достаточно включить режим отладки. Просто, потом Внешний вид > Модификации шаблонов и создаем модификацию любого шаблона, с привязкой к необходимому дополнению.
    --- добавлено : 24 авг 2014 в 15:02 ---
    А что бы было проще разобраться, посмотрите все настройки и модификации какого нибудь установленного дополнения.
    --- добавлено : 24 авг 2014 в 15:04 ---
    Да все там должно восприниматься, может просто что то не так делаете.
     
    Последнее редактирование модератором: 1 сен 2014
    Dmitriy Jurkin нравится это.
  14. infis

    infis Местный Команда форума

    Регистрация:
    27.06.11
    Сообщения:
    5.525
    Симпатии:
    3.321
    Версия XF:
    1.5.9
    Кстати, есть разница между штатным в 1.3 и плагином. В плагине поддерживается модификация для конкретного стиля, тогда как в штатном модификация применяется сразу для всех стилей.
    Хотя в данном конкретном случае автору темы как раз нужно для всех стилей.
     
    Dmitriy Jurkin нравится это.
  15. Skaiman

    Skaiman Местный

    Регистрация:
    08.06.14
    Сообщения:
    157
    Симпатии:
    223
    Версия XF:
    1.4.0
    Пример создания аддона HTML5 плеера для вложений.

    Заходим в "Список дополнений" и создаем новое дополнение:

    Image 1.png

    Для этого дополнения у нас есть файл html5media.min.js, его надо подключить для работы плеера. Создаем папку html5media в директории js, вашего сайта. Переходим "Внешний вид" --> "Модификации шаблонов", создаем модификацию шаблона:

    image 2.png

    Теперь плеер надо подключить для вложений, создаем еще модификацию шаблона attached_files:

    image 3.png

    Подключим стили для плеера в attached_files.css. Для этого еще создадим модификацию:

    image 4.png

    В результате у нас получилось три модификации шаблонов для плеера:

    Image 5.png

    А само дополнение можно экспортировать в xml файл и устанавливать куда надо.

    image 6.png
     
    Dmitriy Jurkin нравится это.
  16. Dmitriy Jurkin

    Dmitriy Jurkin Местный

    Регистрация:
    26.02.11
    Сообщения:
    59
    Симпатии:
    10
    Версия XF:
    1.5.11
    Я обязательно попробую данный метод. Но думаю на этом тему можно закрыть пока, и перестать флудить

    Спасибо большое, всем спасибо кто хоть вник в вопрос и попробовал помочь
     
  17. Dimon7

    Dimon7 Активный пользователь

    Регистрация:
    22.08.14
    Сообщения:
    22
    Симпатии:
    2
    прошу прощения. Где находится extra.css ? я не нашел
     
  18. infis

    infis Местный Команда форума

    Регистрация:
    27.06.11
    Сообщения:
    5.525
    Симпатии:
    3.321
    Версия XF:
    1.5.9
    В шаблонах.
     
  19. Dimon7

    Dimon7 Активный пользователь

    Регистрация:
    22.08.14
    Сообщения:
    22
    Симпатии:
    2
    Это очень умный и содержательный ответ, очень! Скажите пжст, в шаблоне FractureStyle extra.css тоже есть? я вот, знаете ли, не нахожу.
     
  20. Skaiman

    Skaiman Местный

    Регистрация:
    08.06.14
    Сообщения:
    157
    Симпатии:
    223
    Версия XF:
    1.4.0
    Честно сказать, это Ваша проблема, это нестандартный стиль и наверное только в нем такая фигня. По нему есть документация, разбирайтесь и не надо стараться подковырнуть людей.
     

Поделиться этой страницей