2

特定のサイトのいくつかのスタイルを上書きする方法は? 私はcssファイルの方法でそれをしたいと思います。

私の場合、以下の答えはまだ機能しません..

4

3 に答える 3

6

適用する CSS の量によっては、ページ ID を のクラスとして追加する<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-|">
    }

    ...
}
于 2011-05-26T13:10:19.283 に答える
1

Typeoscript Conditionsを使用して(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 =  |
于 2011-05-26T12:04:18.133 に答える
1

TypoScript を使用して、CSS ルール (page.cssInline を使用) または追加の CSS ファイル (page.includeCSS) を追加します。TSrefの PAGE の章を参照してください。

于 2011-05-26T11:43:42.627 に答える