[TYPO3-german] Bilder auf Unterseiten

Frank Schiebel F.Schiebel at gmx.de
Thu Jun 29 16:50:28 CEST 2006


Hallo!

> ich habe vier Produktseiten. In jeder Seite ist jeweils im Kopf ein
> Produktbild. Jede Produktseite hat jeweils 5 Unterseiten. Das
> Produktbild soll nun auch auf jeder Unterseite erscheinen. 

Ich  mache so was in der Art mittels CSS. Dazu verpasse ich dem body Tag
per TS eine ID (und eine Klasse, muss nicht sein):

# Body id und class erzeugen
bodytags = COA
bodytags {
  10 = TEXT
  # Immer die ID vom 2. Level
  10.data = leveluid : 1
  10.wrap = <body id="pid|"
  # Flexibel bleiben: als class die id vom 3. Level
  20 = TEXT
  20.data = leveluid : 2
  20.wrap =   class="uid|" >
}

der html-Code sieht dann z.B. folgendermaßen aus:

[...]
<body id="pid84" class="uid86">
[...]
<div id="header">
<h1>Produkt 1</h1>
</div>
[...]
</body>
[...]

per CSS kann ich jetzt Regeln definieren der Art

body#pid84 div#header {background: url("produkt1.jpg") top left no-repeat; }
body#pid88 div#header {background: url("produkt2.jpg") top left no-repeat; }
/* Rückt die Überschrift bei CSS-fähigen Browsern aus dem Schussfeld da
kommt das Bild hin */
div#header h1 { text-indent: -600em;}

u.s.w. was jeder Kategorei das passende Bildchen verpasst. Und bei
Browsern ohne CSS verschwindet das Bild und die Textüberschrift steht da.

Zu begutachten unter http://www.aeg-reutlingen.de/

Grüße,

Frank



More information about the TYPO3-german mailing list