Hallo,
Ich arbeite an einer Seite die aus 4 Abteilungen besteht:
Abteilung1
-Seite1
--Unterseite1
--Unterseite2
-Seite2
--Unterseite1
--Unterseite2
Abteilung2
-Seite1
--Unterseite1
--Unterseite2
...
Das Menü beinhaltet jeweils die Seiten(Level1) und die Untersiten(Level2). Die Abteilungen können mit einem anderen Menü gewählt werden.
Das Menü hat 2 Hintergrundbilder (1 Bild für Level1, ein Bild für Level2), welche im CSS definiert werden. Diese Hintergrundbilder, sollen anhand der Abteilung variieren.
Wie kann ich das machen, ohne dass ich verschiedene Templates definieren muss? Habe mit der Suche nichts gefunden
ext. Dynamic CSS - rf_dynamiccss sollte helfen: This extension provides template developers the possibility to use central CSS stylessheet templates. CSS properties are definied in the TS Setup and rf_DynamicCSS parses the templates, fills in the properties and links the resulting CSS file to the HTML page.
lg georg
Das könnt auch noch für dich sein:
/faq/dynamisches-css
danke für die Schnelle Hilfe.
Habe jetzt folgendes ins Setup des globalen Template geschrieben und das Dynamische CSS wird eingebunden. Wie kann ich jetzt machen, dass die Bilder nav_blue.gif und nav_blue_gb.gif je nach Abteilung variieren. (z.b. Bei Abteilung 2 nav_red.gif und nav_red_bg.gif)
Setup bei globalem Template:
css = PAGE
css {
typeNum = 22
config{
additionalHeaders = Content-type: text/css
disableAllHeaderCode = 1
}
10 = TEXT
10.value (
/* Menu 1 column */
TD#menu_1 {
width: 249px;
background-image: url(../images/nav_blue_bg.gif);
vertical-align: top;
padding-bottom: 10px;
}
/* MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
background-image: url(../images/nav_blue.gif);
background-repeat: no-repeat;
height: 33px;
padding-top: 8px;
padding-left: 30px;
margin-top: 15px;
}
/* MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
background-image: url(../images/nav_blue.gif);
background-repeat: no-repeat;
height: 33px;
font-weight:bold;
padding-top: 8px;
padding-left: 30px;
margin-top: 15px;
}
)
}
page.headerData.775 = TEXT
page.headerData.775.dataWrap = <link rel="stylesheet" type="text/css" href="index.php?id={field:uid}&type=22" />|
Naja ich hätt das ohnehin mit der extension gemacht :/
du schaust dir das an:
http://www.jweiland.org/typo3cms/howto/typoscript-bedingung/
dann weisst wie das mit den if-bedingungen geht und dann kombinierst die 2 dinge...
alternativ ganz einfach machst du ein standardcss-file, und 1, das in dem punkt variierst und bindest es gaaanz normal ein...
wie du willst😉
lg georg
habe es nun mit subtemplates gelöst. Da vieleicht noch andere abweichungen kommen könnten.
Danke vielmals für die Hilfe
Gruss
chbutcher