Explorer Menü

Hi bnai,

hast du den Code für dein CSS Menü auch irgendwo? Oder habe ich da was falsch verstanden?

Würde mich schon reizen, dieses Menü mal ohne Tabellen als per CSS formatierte ul umzusetzen.

So in der Art: http://www.projectseven.com/tutorials/css_menus/list_01/

Einen Anfang habe ich damit: http://217.160.170.134/typo3/ts_beispiele/vertikale_textnavi.txt mal gemacht. Aber list-style:image habe ich noch nicht ausprobiert.

Ciao,
Sacha

sacha schrieb

hast du den Code für dein CSS Menü auch irgendwo? Oder habe ich da was falsch verstanden?

Würde mich schon reizen, dieses Menü mal ohne Tabellen als per CSS formatierte ul umzusetzen.

habe mein "css menu" in die tabellen-version umgebaut, die du nun oben sehen kannst. Damals hatte ich eine Zeile mit "div" + je nach ebene einem padding-left (für Einrückung) formatiert.

und, sw... wie siehts aus? is nich ganz so einfach, oder?

Sorry, hab mich der Sache nicht mehr gewidmet ... setz mich jetzt aber mal wieder dran.

Klau jetzt einfach mal die gifs aus dem BE Tree 😉

schon weiter gekommen?

hallo?

Hallo!

Sorry, komm in letzter Zeit einfach nicht dazu. Kann mit meinem bisherigen Menü zur Zeit noch leben. Irgendwann nehm ich mir die Zeit mal #paralyzed#

Irgendwie hat sich bei mir die automatische Benachrichtigung verabschiedet, deswegen die späte Antwort erst. #evil#

An welcher Stelle hackst bei dir denn?

immer noch dasselbe:

Das Problem: Wie soll ich die Striche (fett) hinbekommen?

|-[+]Seite 1
|-[+]Seite 2
|-[-]Seite 3
|....|-[+]Unterseite
|....|....|_[o]Unterseite
|....|_[o]Unterseite
|-[+]Seite 4
|_[o]Seite 5

Wenn dieses Feature drin ist, ist es perfekt. Das muss unbedingt noch rein, weiß aber nicht, wie ich es hinbekommen soll. 🙁

Versteh dein Problem nicht. Wieso soll das so nich gehn:

ICH schrieb

Würd vorschlagen, einfach die Images jeweils in die wraps einzubauen:

2.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td>|</td> 
3.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td>|</td> 
4.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td>|</td>

Könntest du dann bitte mal den kompletten Code nochmals posten.

Gruß [SW]

ganz einfach, schau dir beispielsweise diesen Fall an:

|-[+]Seite 1
|-[+]Seite 2
|-[+]Seite 3
|-[+]Seite 4
|_[-]Seite 5
|....|-[o]Unterseite
|....|_[o]Unterseite

Diese Striche (fett) würden so abgebildet werden, was aber falsch ist. Es gibt da noch mehrere Fälle, wo es so nicht hinhaut, habs schon so ausprobiert. Kannst den Code ja mal schnell bei dir einfügen und anschauen, wenn du es mir nicht glauben solltest 😉

Hallo,
das Menü ist echt super, nur ein Problem hab ich noch und zwar in dem folgenden Fall dürfen ja vor den Unterseiten keine | mehr sein, nur wenn es die Seite 6 geben würde. Gibt es eine Möglichkeit das Problem zu lösen?

MfG
Max

bnai schrieb

|-[+]Seite 1
|-[+]Seite 2
|-[+]Seite 3
|-[+]Seite 4
|_[-]Seite 5
|....|-[o]Unterseite
|....|_[o]Unterseite

Hi,

in der CSS Mailingliste wurde vor kurzem folgendes Beispiel zu dem Thema gezeigt:

http://www.sym.net/test/tree/

Kann evtl. als Anregung dienen.

Ciao,
Sacha

Hallo

Einfachere wäre wohl das alles nicht als text menu sondern als imagemenü zu machen.

Warum nicht so?

MFG

@ sascha das beispiel scheint irgendwie nicht ganz zu funktionieren

MFG

Dander

kein problem, wir freuen uns alle auf deinen code... 😉

Wenn meinst?

boonkerz schrieb

Wenn meinst?

ja klar! is ernst gemeint. alternativen sind immer interessant.

Hallo

Ok ich setze mich mal ran :-D

MFG

Hi,

Dander schrieb

@ sascha das beispiel scheint irgendwie nicht ganz zu funktionieren

richtig, Funktionalität im Sinne von auf-/zuklappen findet man dort nicht. Ist lediglich ein Beispiel dafür, wie man den HTML/CSS Code gestalten kann. Alles andere muss noch mit TS umgesetzt werden.

Ciao,
Sacha

Hallo

Hier mal 10min wenn Interrese besteht bastel ich mal weiter :-D

Na ja dann kann man ja act und ro noch einbauen usw.
Auch muß der Strich am Menüende anders sein.

Hier der Code:

# Default PAGE object:
page = PAGE
page.typeNum = 0
page.config.admPanel = 1
page.10 = HMENU
page.10.1 = GMENU
page.10.1.NO {
  XY = [20.w]+40,16
  //backColor =white 
  wrap = | <br>
    

  15 = IMAGE
  15.file = media/scripts/join.png
  15.offset=0,0

  16 = IMAGE
  16.file = media/scripts/thread.png
  16.offset=20,1

  20 = TEXT
  20.text.field = title
  20.offset = 35,13
  20.niceText = 1
  20.align=left
  20.fontSize= 10
  20.fontFile = t3lib/fonts/verdana.ttf
  20.fontColor = black

   }
page.10.2 = GMENU
page.10.2.NO {
  XY = [20.w]+50,16
  //backColor =white 
  wrap = | <br>
  10 = IMAGE
  10.file = media/scripts/line.png
  10.offset=0,0  

  15 = IMAGE
  15.file = media/scripts/join.png
  15.offset=20,0

  16 = IMAGE
  16.file = media/scripts/thread.png
  16.offset=40,1

  20 = TEXT
  20.text.field = title
  20.offset = 55,13
  20.niceText = 1
  20.align=left
  20.fontSize= 10
  20.fontFile = t3lib/fonts/verdana.ttf
  20.fontColor = black

   }

Hier mal die pngs von den dateien bitte unter media scripts legen.

Komischerweiße wollte meins die gif nicht wirklich.

http://www.thomas-peterson.de/fileadmin/images.zip

Sind 100kb.

MFG