Hallo zusammen,
ich bin eigentlich noch ein absoluter Neuling mit Typo3 aber so langsam stellen sich kleine Erfolgserlebnisse ein. Ich bin dabei eine kleine Seite mit Typo3 zu erstellen. Habe ein Template erstellt und kann das auch mit Contents befüllen.
Mein Template ist aus Tabellen aufgebaut und genau drei Felder werden hier mit Content befüllt. Mein Template verwendet ein CSS (style.css). Das habe ich über das Setup in Typo3 eingebunden. Funktioniert auch alles wunderbar. Nur stellt sich mir jetzt folgendes Problem.
Mein Menü hat einen blauen Hintergrund und ich lasse die Textlinks hier in weiß anzeigen. Sie werden dunkelblau, wenn man mit der Maus drüber geht. Sieht perfekt aus. Aber leider gilt das auch für den Rest der Seite. So werden alle Links, die sich im "MainContent", also dem eigentlich Seiteninhalt, befinden auch weiß angezeigt. Insoweit problematisch, das der Hintergrund des MainContents auch weiß ist und die Links somit als unsichtbare Lücken im Text erscheinen.
Frage ist nun:
A) Kann ich jedem Platzhalter oder Content eigene CSS´s zuweisen?
B) Oder muss ich das im Template selber verrichten?
Ich hoffe, man kann einigermassen nachvollziehen, was ich vorhabe bzw. meine.
MfG
Christian
Keine Ahnung ob das folgende Beispiel funktioniert.
Füge in dein Styleshet folgendes ein:
a.menue:active { background-color: #32CD32; }
a.menue:hover { background-color: #FFA500; }
a.menue:link { background-color: #00CED1; }
Dann musst du dein Menü in ein <div> Tag einschließen.
Also in etwa so:
<table class="menue">
[balblabla]
</table>
Das sollte funktionieren.
Gruß
Thorsten
Hi Shinji,
Keine Ahnung ob das folgende Beispiel funktioniert.
so etwa macht man nicht! #giggle# zumindest nicht mit CSS.
Du definierst eine Klasse für einen Link und ordnest diese Klasse dann einer Tabelle zu! NEENEENEE! #paralyzed#
//Link mit Namen menue
a.menue:link { background-color: #00CED1; }
a.menue:visited {......}
a.menue:active { background-color: #32CD32; }
a.menue:hover { background-color: #FFA500; }
//Alle anderen Links
a:link { background-color: #00CED1; }
a:visited {......}
a:active { background-color: #32CD32; }
a:hover { background-color: #FFA500; }
Eine Link-Klasse ist für einen Link da, also:
<a href="hier_gehts_hin.php" class="menue">nochmal</a>
oder in Typo:
...
ATagParams = class=menue
...
Alles Klar?
Ciao
Der DJ
Nun, ich hab meine style.css dahingehend geändert. Aber wie binde ich das jetzt korrekt ein? So das die er für den linken Content den a.menu aus der CSS zieht?
seite = PAGE
seite.typeNum = 0
seite.stylesheet = fileadmin/style.css
seite.10 = TEMPLATE
seite.10 {
template = FILE
template.file = fileadmin/template.html
workOnSubpart = DOCUMENT
marks.kmenu < styles.content.getLeft
marks.kmenu { //Richtig so?
ATagParams = class=menu
}
marks.kmain < styles.content.get
marks.kfooter < styles.content.getRight
}
Christian
Nun, ich hab meine style.css dahingehend geändert. Aber wie binde ich das jetzt korrekt ein? So das die er für den linken Content den a.menu aus der CSS zieht?
seite = PAGE
seite.typeNum = 0
seite.stylesheet = fileadmin/style.css
seite.10 = TEMPLATE
seite.10 {
template = FILE
template.file = fileadmin/template.html
workOnSubpart = DOCUMENT
marks.kmenu < styles.content.getLeft
marks.kmenu { //Richtig so?
ATagParams = class=menu
}
marks.kmain < styles.content.get
marks.kfooter < styles.content.getRight
}
Edit: Sorry, die Fehlermeldung hat mir ein Doppelpost bescherrt
Christian
also, wenn marks.kmenu dein menue ist, kommt das nicht aus den content-columns.
das menue baut sich aus dem strukturbaum auf.
seite.10 = TEMPLATE
seite.10 {
template = FILE
template.file = fileadmin/template.html
workOnSubpart = DOCUMENT
marks.kmenu = HMENU
#oberste ebene
marks.kmenu.1 = TMENU
marks.kmenu.1 {
expAll=0
collapse = 0
ACT = 1
CUR = 1
NO {
ATagParams = class="menu"
}
ACT {
ATagParams = class="menu"
}
CUR {
ATagParams = class="menu"
}
}
# zweite ebene
marks.kmenu.2 = TMENU
marks.kmenu.2 {
#expAll=0
#collapse = 0
#target = _top
ACT = 1
CUR = 1
NO {
ATagParams = class="menu"
}
ACT {
ATagParams = class="menu"
}
CUR {
ATagParams = class="menu"
}
}
marks.kmain < styles.content.get
...
}
ist ungetestet.
weitere ebenen bauen sich dann analog auf.
lies mal: https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Index.html
da steht, was man noch so alles basteln kann...
lg
hannes