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
Hi Christian,
Ich würde das mit CSS und bischherl JavaScript lösen.
Hoffe natürlich, dass ich dei
Alle farben definieren:
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:
<td onmouseover="bgOn1(this)" onmouseout="bgOut1(this)" class="bgHome">HOME</td>
Ich hoffe dass dass ist, was du brauchst...
viel erfolg,
*tinka
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
Bild: simaja.de/…/forum2.jpg
Freue mich auf eure Hilfe, wie ich das am Besten mit Typo3 realsieren kann.
Gruss Christian
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
Hab ich zufällig gerade gelesen:
http://www.mgwebservice.de/uploads/media/TS_by_example.pdf
Seite 64 ! Da sind super Beispiele drin!!!
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
achtung forum-bug => TS gehört groß geschrieben!
Hallo Just2B
Ich werde mir das nochmal bei TS_by_Example ansehen. Vielleicht ist es ja wirklich das, was ich brauche
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
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...
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
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.
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
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.
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
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..
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
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.