Hi an alle
habe eine Frage wegen CSS und Menüs.
Ich brauche bei meinem SubMenu ein eigenes CSS als bei dem rest der Seite, weil die Links anders ausschauen sollen und deshalb wollte ich fragen wie ich das Menü konfigurieren soll. Habe bereits ein CSS im Header mitgeladen.
## GMENU_FOLDOUT
includeLibs.gmenu_foldout = media/scripts/gmenu_foldout.php
temp.foldoutMenu = HMENU
temp.foldoutMenu.1 = GMENU_FOLDOUT
temp.foldoutMenu.1.expAll=1
temp.foldoutMenu.1.NO {
imgParams = align="center"
wrap = <font size="2" face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF">|</font><br />
XY = 150,20
backColor = #455372
10 = TEXT
10.text.field = nav_title // title
10.fontSize = 13
10.fontColor = #ffffff
10.offset = 2,15
}
temp.foldoutMenu.1.RO < temp.foldoutMenu.1.NO
temp.foldoutMenu.1.RO = 1
temp.foldoutMenu.1.RO {
10.fontColor = white
}
temp.foldoutMenu.2 = TMENU
temp.foldoutMenu.2.NO {
linkWrap = <font size="2" face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF">|</font><br />
stdWrap.case = upper
}
temp.foldoutMenu.1 {
dontLinkIfSubmenu = 1
displayActiveOnLoad = 1
stayFolded=1
foldSpeed = 10
subMenuOffset = 15,18
menuOffset = 30,70
menuBackColor = #455372
bottomBackColor = #455372
menuWidth = 170
subMenuColor = #FFFFFF
}
Danke im Vorraus
xantos
Wenn du CSS benutzt, dann weiß ich nicht was die font-Tags in deinem Menü verloren haben.
Dann ist es ratsamm wenn du ein "normales" Manü hast (egal ob horizontal oder vertikal) eine Liste zum Layouten zu nehmen.
HTML bildet ja eine Baumstruktur ab, wenn du dann deine Menüstyles nur auf die Liste beziehst, dann brauchst du keine extra Datei (wäre ja auch ein bischen schwachsinnig....
a {
eigenschaften für alle Links
}
ul.MeinMenu li a {
eigenschaften nur für Link im Menü
}
MfG,
Tim
Moin,
wenn Du CSS benutzen willst (was zu begrüssen ist), dann änder doch schonmal Zeile 9 und 26. Das Font-Tag sollte nun schon lange nicht mehr benutzt werden.
Zum zweiten: Du hast zwei Menü-Ebenen. Ich weiss ja nicht, wie das Menü aussehen soll, aber versuch's mal mit...
ATagParams = class="level1"
in Zeile 9 (einfach ersetzen)
ATagParams = class="level2"
in Zeile 26 (einfach ersetzen)
Nun kannst Du in Deinem CSS ein A.level1 bzw. A.level2 nach gutdünken formatieren. Ob dieses CSS dann als separate Datei eingebunden wird, oder mit im normalen Stylesheet steht ist ja schnuppe.
Man kann im übrigen auch mehrere CSS-Dateien einbinden. Für TS heist die Option (glaube ich) "includeCSS". Mit TV kann man es einfach im Template mit angeben.
Also zuerst danke für die rasche antwort.
Das Menü schaut bisher so aus (aufgeklappt) http://www.verkehrs.info/menu.jpg
und ich möchte, das die Submenüs (sind LINKS) jetzt z.B.: Blau währen, das ich im CSS definieren möchte, es soll aber im content weiterhin orange bleiben also zwei link farben auf der seite. bisher CSS:
A:link {
background-color : transparent;
color : #F47D21;
text-decoration : none;
font-weight : none;
}
A:visited {
background-color : transparent;
color : #F47D21;
font-weight : none;
text-decoration : none;
}
A:hover {
background-color : transparent;
color : #FF0000;
text-decoration : none;
}
A:active {
background-color : transparent;
color : #F47D21;
font-weight : none;
text-decoration : none;
}
und wie soll ich nun die link eigenschaften neu für die Menülinks definieren???
Kenn mmich gar ned aus
xantos
Da kann dir diese Seite weiterhelfen:
http://de.selfhtml.org/css/formate/kaskade.htm
Du kannst einfach davorschreiben zu welchem Element es gehört (siehe meinen ersten Post)
#navigation a { }
(Die eigenschaften gehen auf alle Anker in dem Element was die ID navigation hat)
oder
ul.navigation a { }
(Die eigenschaften gehen auf alle Anker die in der Unsorted List (ul) sind die bei den Klassennamen auch navigation gelistet hat)
Beste,
Tim
und wo kann ich definieren, dass nur die untermenüs diesen wert annehmen??
ich weiß ja nicht wie dein menü aufgebaut ist, aber ich hoffe mal mit listen hier ein beispiel:
ul#Navi li a { Link der ersten ebene }
ul#Navi li ul li a { Link der zweiten ebene }
ul#Navi li ul li ul li a { Link der zweiten ebene }
Dabei hat man dann diese Struktur:
<ul id="Navi">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li>
<ul>
<li><a href="#">Link3</a></li>
</ul>
<li><a href="#">Link4</a></li>
</ul>
ich kann dir nur empfehlen ein paar grundlegende dinge über CSS zu lernen weil es immer wieder mal gebraucht wird als web entwickler.
Beste,
Tim
danke ich werds sofort versuchen
xantos