Navigation Slider

[Suun]

ich hab hier diese navigation gefunden rootarcana testbed - Smart Mini Tabs
nun möchte ich das der "slider" runde ecken hat und sich so wie ein sliding doors button verhält, also mit dem element wächst.
kann mir einer helfen wie ich sowas hinbekomme?

 

[sokie]

AW: Navigation Slider

der slider ist ein DIV also ein html element und keine Grafik.
bisher sind abrundungen an html Elementen kein standard

 

[Suun]

AW: Navigation Slider

ja das ist mir klar. das div element soll dann eine grafik mit abgerundeten ecken haben. und da die verschiedenen punkte der navigation ja unterschiedlich lnag sein können muss der slider halt expandieren. deshalb brauch tman ja 2 grafiken, wie bei sliding doors.

mich interessiert halt ob es eine methide gibt das zu realisieren

 

[stb_87]

AW: Navigation Slider

Dann musst du für jeden div noch untergeordnete divs einfügen, die die jeweiligen Grafiken beinhalten.

<div class="haupt">
<div class="links"></div><div class="mitte"></div><div class="rechts"></div>
</div>

Das wäre die einfachste Lösung.

 

[Suun]

AW: Navigation Slider

also im html code ist ja nur ein div in dem die liste mit den links ist, sonst wäre es ja an sich ganz einfach.

ich hab ne seite gefunden die ganue so eine navigation wie ich sie gerne hätte Design Inspiration + Visual Art Inspiration | Designflavr

 

[Suun]

AW: Navigation Slider

von javascript hab ich leider bisher keine ahnung, allerdings ist in der datei zum slider alles kommentiert. das script erstellt ja das div element, und damit der slider "wachsen" kann brauch ich ja 2.
ich wüsste also gerne wie ichd as umsetzten kann.

 

[Suun]

AW: Navigation Slider

mein problem hat sich gelöst hab das gefunden was ich gesucht habe
nämlich das lavalamp plugin für jquery.
für die jenigen die es interessiert hier der link: Ganesh Blog Archive LavaLamp for jQuery lovers!