hi volks,
ich habe eine designvorlage mit css für mein typo3 gemacht. wenn ich jetzt mein menu in die designvorlage einbinde sind alle links blau obwohl ich in meinem css in der designvorlage die farbe weiss für links definiert habe.
ich glaube ich muss ATagParams benutzen aber wie geht das??
hier ist mein TS fals es hilft
# Default PAGE object:
seite = PAGE
seite {
typeNum = 0
bodyTag = <body topmargin="0" leftmargin="0">
stylesheet = fileadmin/css/style.css
meta.AUTHOR = Mark Berntheisel
meta.DESCRIPTION = Personal Homepage
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/template.html
10.workOnSubpart = DOKUMENT
10.marks {
TRAILER = TEXT
TRAILER.value = TRAILER BILD
MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 15
MENU_OBEN.1 = TMENU
MENU_OBEN.1.NO = 1
MENU_OBEN.1.NO.linkWrap = | |
}
}
Vielen Dank im voraus
MENU_OBEN.ATagParams = class="xy"
Wenn du allerdings nur die allgemein definierte Linkfarbe willst, sollte es eigentlich schon gehen...
okay hab eingebaut aber es klapt immer noch net ich peil das einfach nicht!
hier noch mal mein aktuelles TS:
# Default PAGE object:
seite = PAGE
seite {
typeNum = 0
bodyTag = <body topmargin="0" leftmargin="0">
stylesheet = fileadmin/css/style.css
meta.AUTHOR = Mark Berntheisel
meta.DESCRIPTION = Personal Homepage
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/template.html
10.workOnSubpart = DOKUMENT
10.marks {
TRAILER = TEXT
TRAILER.value = TRAILER BILD
MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 15
MENU_OBEN.1 = TMENU
MENU_OBEN.1.NO = 1
MENU_OBEN.1.NO.ATagParams = class="helpbar"
MENU_OBEN.1.NO.linkWrap = | |
}
}
und hier der css code:
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
td.content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
td.navlinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
.helpbar {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
A.helpbar:link {text-decoration: none; color: white;}
A.helpbar:visited {text-decoration: none; color: white;}
A.helpbar:active {text-decoration: underline; color: #CCCCCC;}
A.helpbar:hover {text-decoration: underline; color: #DDDDDD;}
td.trailer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
}
Wenn du mal das A. weglässt im CSS? CSS ist nicht mein Spezialgebiet, aber eigentlich sollte es gehen...
hab jetzt das A. weggelassen funktioniert trotzdem nicht! verdamt das gibt es doch nicht es muss doch irgendjemand wissen wie das geht
okay habs jetzt doch geschaft
hier mein css aber nicht wunder warum link,visited,hover und active gleich sind das werde ich natürlich noch ändern war nur zu testzwecken so aber auf jeden fall funzt das hier:
a.menu_oben:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.menu_oben:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.menu_oben:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.menu_oben:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
und mein ts
MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 15
MENU_OBEN.1 = TMENU
MENU_OBEN.1.NO = 1
MENU_OBEN.1.NO.ATagParams = class="menu_oben"
MENU_OBEN.1.NO.linkWrap = | |
Am besten kannst du das Design steuern, wenn du mit <div> arbeitest.
Beispiel
html
<div id="content">
<a href="#">ich bin ein Links</a>
</div>
css
#content {
padding-left: 30px;
}
#content a {
font-weight:bold;
color: #185491;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#content h1, h2 {
background-image: url("../images/h2.gif");
background-repeat: no-repeat;
padding-left: 10px;
background-position: left center;
}
So kannst du ganz einfach x-Bereiche erstellen wo verschiedenes verhalten haben