Hallo!
Habe nun mein Menü per CSS nachgebaut.
Aber wie kann ich das nun mit Typo3 anpsrechen???
Meine CSS Datei:
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul a {
display: block;
text-indent: -9999px;
height: 10px; /* halb so hoch wie die Link-Bilder, damit nur die obere Seite dargestellt wird */
width: 75px; /* so breit wie die Link-Bilder */
}
.home a {background: url(images/home.gif);}
.mehr a {background: url(images/mehr.gif);}
.tageskarte a {background: url(images/tageskarte.gif);}
ul a:hover {background-position:bottom-left;}
Viele Grüße
Zarah
Über dein CSS würd ich nochmals drüber. Hyperlinks haben über CSS 4 Zustände (a:link, a:visited, a:hover, a:active). Wenn dies ergänzt ist, dann such im Forum nach "listenmenu typoscript". Wie Du ul/li-Listen mit TypoScript umsetzt wirst Du in mehreren Snippets antreffen.
z.B. 
#37484
grüsse
danke
jetzt hab ich es nochmal geändert
und nun klappt zumindest der teil das mit dem darübergehen des cursors die anzeige blinkt, nur leider geht es dann wieder auf die ausgangsposition zurück und nicht in die 2 position. hängt das mit typoscript zusammen?
.home a {background: url(images/home.gif) 0px 0px no-repeat;}
.home a:hover {background-position: 0px -10px;}
.home a:active {background-position: 0px -10px;}
.mehr a {background: url(images/mehr.gif) 0px 0px no-repeat;}
.mehr a:hover {background-position: 0px -10px;}
.mehr a:active {background-position: 0px -10px;}
.tageskarte a {background: url(images/tageskarte.gif) 0px 0px no-repeat;}
.tageskarte a:hover {background-position: 0px -10px;}
.tageskarte a:active {background-position: 0px -10px;}
Könnte es sein, das ich in typoscript noch ein paar dinge definieren muß, damit mein css menü voll funktionsfähig ist?
Irgendwie wird der aktivierte Zustand nicht akzeptiert.
Da springt das Menü wieder auf die Ausgangsposition zurück?????
Grüße
Poste mal dein jetziges Menu-TypoScript und den HTML-Teil aus deinem Problem-Frontend. Zustände sind CSS-Sache. Falls aber die Funktion "spinnt", dann ist HTML/TypoScript schuld.
grüsse
Ahh-stelle gerade fest, das ich in typosript kein wirksames Menü definiert habe.
Gibt es irgendwo einen Schnipsel, in dem CSS Menüs angesprochen werden?
Das wäre sehr angenehm:
Grüße
Zarah
Ahh-stelle gerade fest, das ich in typosript kein wirksames Menü definiert habe.
Gibt es irgendwo einen Schnipsel, in dem CSS Menüs angesprochen werden?
"kein wirksames Menü definiert habe" kann ich nicht ganz nachvollziehen. In erwähntem Post stehen die Configs drin.
toyde schriebWie Du ul/li-Listen mit TypoScript umsetzt wirst Du in mehreren Snippets antreffen.
z.B. #37484
grüsse
Vielen Dank - allerding tue ich mich immer noch etwas schwer
habe jetzt folgendens in typoscript
page.10.marks.MENU = HMENU
page.10.marks.MENU = TMENU
page.10.marks.MENU.1.NO {
allWrap = <span class="ul">|</span> |*| <spanclass="ul a">|</span>|
allWrap.override.cObject=COA
allWrap.override.cObject{
if.equals.data=register:count_HMENU_MENUOBJ
if.value.data=register:count_menuItems
10=TEXT
10{
value=<span class="ul a">|</span>
if.isFalse.prioriCalc=1
if.isFalse.cObject=TEXT
if.isFalse.cObject.insertData=1
if.isFalse.cObject.value={register:count_HMENU_MENUOBJ}%2
}
20<.10
20.if.negate=1
20.value=<span class="ul a">|</span>
}
}
}
und weiß nicht genau an welcher Stelle ich in meiner HTML Datei das ###MENU###
einfüge
<p><ul>
<li class="home"><a href="index.php?id=49">Home</a></li>
<li class="mehr"><a href="index.php?id=61">mehr</a></li>
<li class="tageskarte"><a href="index.php?id=60">Tageskarte</a></li>
</ul>
oder etwa in die css datei????
Grüße
Wenn Du nicht ganz weisst, was Marks/Subparts sind, dann am besten nachlesen 😉 . Z.B. PDF herunterladen:
» http://www.typo3.net/literatur_zu_typo3/
In's CSS kommt natürlich kein HTML rein, sondern CSS. ###MENU### in's HTML-Template, dort wo es auftauchen soll. Der Navigationscode ersetzt dann diesen Marker. Lies Dir die Kapitel durch, und gut is.
Genereller Tipp:
allWrap = <span class="ul">|</span> |*| <spanclass="ul a">|</span>|
Falls das ein optionSplit sein soll, lies Dich auch darin ein. Oder such im Forum, damit Du Statements von anderen Benutzern nachvollziehen kannst.
Ich glaube, Du kopierst Dir noch zu viel zusammen, das nicht 100%-ig verstanden wird. Ausserdem: "spanclass = ul a" zeigt einfach auf, dass hier nicht zu Ende gedacht wird.
grüsse
Okay - hast natürlich recht. Habe zu diesem CSS Menüzeugs bis jetzt noch nicht so viel gerafft. Lerne wohl langsam, aber stetig...
Hier ist jetzt schon mal der HTML Code...
<p><ul><strong>###MENU###
<li class="home"><a href="index.php?id=49">Home</a></li>
<li class="mehr"><a href="index.php?id=61">mehr</a></li>
<li class="tageskarte"><a href="index.php?id=60">Tageskarte</a></li>
###MENU###</strong></ul>
Das müßte es doch theoretisch sein, oder?