TYPO3 - перезаписывать стили на одной странице - PullRequest
Новая
       3

TYPO3 - перезаписывать стили на одной странице

2 голосов
/ 26 мая 2011

Как переписать некоторые стили на указанном сайте? Я хотел бы сделать это способом css-файла.

В моем случае все еще нет ответа ниже.

Ответы [ 3 ]

6 голосов
/ 26 мая 2011

В зависимости от количества применяемого CSS, вы можете также просто добавить идентификатор страницы в качестве класса на <body>, например <body class="uid-456">: 

page.bodyTag >
page.bodyTagCObject = TEXT
page.bodyTagCObject {
    field = uid
    wrap = <body class="uid-|">
}

Затем в вашем CSS: 

.uid-456 myElement {
    myCustomStyle... /* Applies to page ID = 456 only. */
}

ОБНОВЛЕНИЕ
Протестировано с Templavoilà.Сработало следующее (из поля Setup основного шаблона): 

page = PAGE
page {
    typeNum = 0

    10 = USER
    10.userFunc = tx_templavoila_pi1->main_page

    bodyTag >
    bodyTagCObject = TEXT
    bodyTagCObject {
        field = uid
        wrap = <body class="uid-|">
    }

    ...
}
1 голос
/ 26 мая 2011

Я рекомендую использовать Типографские условия для добавления / перезаписи (css) файлов.например. 

page.headerData.10 = TEXT
page.headerData.10.value (

    <link rel="stylesheet" href="fileadmin/js_css/style.css" />
)
#### add css to Page ID 1
[globalVar = TSFE:id = 1]
page.headerData.20 = TEXT
page.headerData.20.value (

    <link rel="stylesheet" href="fileadmin/js_css/mycustomstyle.css" />
)
[end]

или грязный, но полезный способ сделать это в бэкэнде - это маленький фрагмент.Он использует поле abtract в свойствах вашей страницы, где вы можете добавить некоторый код в <head>. 

page.headerData.20 = TEXT
page.headerData.20.data = field:abstract
page.headerData.20.wrap =  |
1 голос
/ 26 мая 2011

Используйте TypoScript для добавления правил CSS (используя page.cssInline) или дополнительных файлов CSS (page.includeCSS).См. TSref , главу для PAGE.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...