---
title: "Änderung Tabellenhintergrundfarbe je nach Menüpunkt"
url: "https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt"
source: "typo3.net"
tags: ["Allgemein","Frage","HTML & CSS"]
created: "2005-06-09"
last_reply: "2005-06-10"
replies: 17
solved: false
page: 1
pages: 1
lang: "de"
---

# Änderung Tabellenhintergrundfarbe je nach Menüpunkt

Allgemein · 17 Antworten · gestartet 2005-06-09

## Eröffnungsbeitrag

**christian_s** · 2005-06-09 · [Beitrag #1](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/1)

Hallo Leute!

Ich bin gerade dabei eine Internetseite auf Typo3 umzustellen. Leider weiss ich nicht genau, wie ich folgendes mit Typo3 umsetzen kann.

Bei einigen TD's soll sich die BgColor ändern in Abhängigkeit mit dem geklickten Menupunkt.

Z.B. Der User wählt Menüpunkt News, dann sollen bei bestimmten TD's die Farben geändert werden. Es sollen z.b. dann <td bgcolor="red1"><td bgcolor="red2"> usw.

Wenn der User jetzt den Menüpunkt Home auswählt, dann sollen die <td's z.b. so aussehen <td bgcolor="yellow"> <td bgcolor="yellow1">.

Wie mache ich das jetzt am Besten, das die Farben je nach Menüpunkt in bestimmten TD's ausgewechselt werden?

Bevor jetzt Missverständnisse aufkommen. Ich weiss auch, dass yellow1 und red2 keine richtigen Farben sind :-))) Soll hier ja auch nur als Beispiel dienen.

Ich freue mich auf eure Nachrichten und Informationen

Gruss
Christian

## Antworten

### [#2](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/2) · tinka · 2005-06-09

Hi Christian,

Ich würde das mit CSS und bischherl JavaScript lösen.
Hoffe natürlich, dass ich dei

Alle farben definieren:

```javascript
function bgOn1(td){
if(document.getElementById||(document.all && !(document.getElementById))){
td.style.backgroundColor="#CCCCCC";
}

}
function bgOut1(td){
if(document.getElementById||(document.all && !(document.getElementById))){
td.style.backgroundColor="#E4E4E4";
}
```

Dann jeweils in die <td>s:

```html
<td onmouseover="bgOn1(this)" onmouseout="bgOut1(this)" class="bgHome">HOME</td>
```

Ich hoffe dass dass ist, was du brauchst...

viel erfolg,
*tinka

### [#3](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/3) · christian_s · 2005-06-09

Hallo tinka,

vielen dank für deine Antwort. Leider ist es nicht das, was ich wirklich meine.
Hier mal 2 Screenshots, vielleicht wirds dann ein bisschen klarer :)  :)

[Bild: simaja.de/…/forum1.jpg](http://www.simaja.de/tmp/forum1.jpg)

[Bild: simaja.de/…/forum2.jpg](http://www.simaja.de/tmp/forum2.jpg)

Freue mich auf eure Hilfe, wie ich das am Besten mit Typo3 realsieren kann.
Gruss Christian

### [#4](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/4) · Liberation · 2005-06-09

Hallo.

Wenn Du nicht jeder einzelnen Seite andere Farben geben willst sondern z.b. nur den jeweiligen Kategorien ( vielleicht 6 stk.) dann würde ich das mit css machen!

Dein Menu machst Du als tmenu stylst es mit CSS und lädst je nach Kategorie ein extra Style nach der die Farben im Menu setzt.

das tauschen des cssMenu styles kannst du über TS constants machen.
Gruss

### [#5](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/5) · Amelia · 2005-06-09

Hab ich zufällig gerade gelesen:

<http://www.mgwebservice.de/uploads/media/TS_by_example.pdf>

Seite 64 ! Da sind super Beispiele drin!!!

### [#6](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/6) · christian_s · 2005-06-09

Hi Liberation

> das tauschen des cssMenu styles kannst du über TS constants machen.

und wie mache ich das. Hast du vielleicht mal ein CodeBeispiel für mich  :)

Danke

### [#7](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/7) · just2b · 2005-06-09

> **Amelia schrieb:**
>
> Hab ich zufällig gerade gelesen:
>
> <http://www.mgwebservice.de/uploads/media/TS_by_example.pdf>
>
> Seite 64 ! Da sind super Beispiele drin!!!

achtung forum-bug => TS gehört groß geschrieben!

### [#8](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/8) · christian_s · 2005-06-09

Hallo Just2B

Ich werde mir das nochmal bei TS_by_Example ansehen. Vielleicht ist es ja wirklich das, was ich brauche

### [#9](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/9) · christian_s · 2005-06-09

Also ich habe mir gerade mal die Beispiele auf Seite 64 bei TS_by_example angesehen. Dort geht es aber um GMENU.

Ich müsste ja nur wissen, wie ich verschiedene  bgcolors im TD setzen kann in Abhängigkeit vom  gewählten Menüpunkt. Siehe Screenshots weiter oben

Bin für jeden Hinweis dankbar.

Gruss
Christian

### [#10](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/10) · Liberation · 2005-06-09

Von Gmenu rate ich pronzipiel ab. CSS menus sind besser.

Beispiel css tauschen ja nach seite:
rootpage setup:

marks.css_vom_menu = TEXT
marks.css_vom_menu.value ={$css_vom_menu}

rootpage Constants:

css_vom_menu = <style type="text/css">.menu_class {mein css1);}</style>

dann machst du suf deinen jeweiligen verzeichnis kategorieen die ein andern style brauchen ein ext template und dann im Constants so:

css_vom_menu = <style type="text/css">.menu_class {mein css2);}</style>

usw...

### [#11](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/11) · christian_s · 2005-06-09

Hi liberation!

deine lösung werde ich nachher mal ausprobieren. Klingt grundsätzlich nicht schlecht. Ich werde nachher mal berichten, ob es gefunzt hat.

Gibt es aber vielleicht ohne Lösung um die bgcolor im TD zu setzen ohne CSS. Ich meine irgendwie mit TypoScript. Im Moment sehe ich nämlich mit der Lösung keine Möglichkeit, wie der Kunde neue Seiten anlegen kann ich sich dabei bestimmte Farben für die TDs aussuchen kann. Aber wenn das nicht geht, dann werde ich erstmal die Lösung mit dem CSS versuchen.

Gruss
Christian

### [#12](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/12) · Liberation · 2005-06-09

Kunden soll verschiedenen Farben aussuchen können???

Das sind dann ja quasi mehrere Templates -> Templateselector benutzen!

Dann kann dein Kunde z.b. zwischen 5 Farben/Templates wählen.

### [#13](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/13) · christian_s · 2005-06-09

Hi Liberation

nicht ganz :)
Der Redakteur soll neue Menüpunkte anlegen können. z.b. den Menüpunkt Mitglieder. Der Redakteur soll nun die Möglichkeit haben für den neuen Menüpunkt Mitglieder in bestimmten TDs background-colors zu ändern.
Siehe das Bild oben.
Die Linien mit den roten Linien auf den ersten Bild bzw die Linie mit den blau/grünen Linien soll der Redakteur individuell anpassen können. Je nach Menüpunkt.

Freue mich auf eure Antworten

Danke

### [#14](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/14) · Liberation · 2005-06-09

na dann geb dein redakteur doch mehrere template die verschiedene farben beinhalten.

rote celle links mit rotem menu
grüne celle links mit grünen menu usw..

rote celle mit grünen menu macht ja nicht so viel sinn oder?

ich würde dem redateur einfach die verschiedenen templates zur verfügung stellen so das er sie in jeder seite individuell auswählen kann.

### [#15](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/15) · christian_s · 2005-06-09

Hallo Liberation

Eine dumme Frage habe ich jetzt doch nochmal.
Deine Lösung mit CSS und ext-Template finde ich schon ok.

Jetzt habe ich nur ein Problem.
WorksonSubpart kann ja nur nach dem BODY erfolgen. Das Style einfügen über link rel="style".... wird ja im <head>-Bereich gemacht.

Wie kann ich denn nun einen Platzhalter im Headerbereich erstellen. Sorry. Vielleicht ist diese Frage wirklich blöd. Aber ich komme im Moment nicht drauf. Wird Zeit, dass Feierabend wird :-)))

Gruss

### [#16](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/16) · Liberation · 2005-06-09

So z.B. ->
# Main TEMPLATE cObject for the HEAD

temp.headTemplate = TEMPLATE
temp.headTemplate {
# Feeding the content from the Auto-parser to the TEMPLATE cObject:
template =< plugin.tx_automaketemplate_pi1
# Select only the content between the <head>-tags
workOnSubpart = DOCUMENT_HEADER

marks.menustyle = TEXT
marks.menustyle.value = {$menustyle}
}

und einfügen so:

# Copying the content from TEMPLATE for <head>-section:
page.headerData.10 < temp.headTemplate

Grüsse..

### [#17](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/17) · christian_s · 2005-06-10

Moin Liberation

Ich habe jetzt eine etwas andere Lösung gefunden.

Ich arbeite mit Ext-Templates, wie du es ja schon vorgeschlagen hattest. Da ich 2 Styledateien brauche, schreibe ich in das EXT-Template in Setup

page.includeCSS {
file2 = fileadmin/templates/test.css
}

und im normalen Template schreibe ich
page.includeCSS {
 file1 = fileadmin/...
}

So kann ich zumindest mit 2 Styledateien arbeiten.

Da zu jedem Menüpunkt auch noch ein anderes Bild vorhanden sein soll, schreibe ich dann ins EXT-Template

page.20.marks.IMG_NAVIGATION.default.file  = fileadmin/bilder_web/team.jpg

Es ist zwar nicht optimal, aber erstmal funzt es

Gruss
Christian

### [#18](https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt/18) · Liberation · 2005-06-10

ja so gehts auch^^ Ich hätte die Bilder aber alle per CSS eingefügt. Ist noch einfacher und auch praktischer im IE kommt dann beim drübergehen mit der Maus auch kein "Bild Speichern" Symbol.

---

Quelle: „Änderung Tabellenhintergrundfarbe je nach Menüpunkt“, typo3.net, https://www.typo3.net/d/25717-aenderung-tabellenhintergrundfarbe-je-nach-menuepunkt
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.