Navigation, wie bei "kicker"

[germinal]

Hallo,

augenblicklich mache ich einen Kurs, der mich irgendwann zum "Webdesigner" machen soll. Allerdings tue ich mich damit als Anfänge noch etwas schwer und versuche bestimmte Dinge, die ich für zielführend halte, zu verstehen.

Der Sportnachrichten - kicker online hat eine Dropline Navigation, die ich imponierend finde. Ähnliches habe ich im Netz gefunden, konnte es aber nicht entsprechend anpassen.

Kann man so eine Navigation mit CSS realisieren, oder muß ich JavaScript benutzen?

Ein Tutorial habe ich hier gesucht, aber nicht gefunden. Kann das jemand?

Für Eure Hilfe wäre ich sehr dankbar!

j.

 

[Momo22m]

AW: Navigation, wie bei "kicker"

wen du die navi meinst ja das musste auch mit css gehen musst nur 2 div anlegen für die navi und die andere hover geben als den anderen navi wen du das meinst

 

[fexx]

AW: Navigation, wie bei "kicker"

wenn du die mit dem "slide" effekt meinst, dann brauchst du javascript

 

[Momo22m]

AW: Navigation, wie bei "kicker"

wenn du die mit dem "slide" effekt meinst, dann brauchst du javascript

musste aber auch mit jqury gehen ^^

 

[fexx]

AW: Navigation, wie bei "kicker"

wenn du die mit dem "slide" effekt meinst, dann brauchst du javascript

musste aber auch mit jqury gehen ^^

jquery = javascript framework^^

 

[Momo22m]

AW: Navigation, wie bei "kicker"

ja stimmt xD

 

[fexx]

AW: Navigation, wie bei "kicker"

also erstmal erstellst du ein drop down menü:
so z.b.: Son of Suckerfish Dropdowns | HTML Dog

und dann könntest du das benutzen:
jQuery UI - Accordion Demos & Documentation

 

[germinal]

AW: Navigation, wie bei "kicker"

Super, vielen Dank für die schnelle Hilfe, das war wirklich lehrreich!

Danke!

 

[nostra87]

AW: Navigation, wie bei "kicker"

Edit: Weil ich das überflogen habe. Das bezieht sich speziell nur auf
das Hauptmenü von www.kicker.de

(ohne Slice-Effekt)
Es geht noch viel einfacher und vor allem nutzerfreundlicher und das
mittels CSS.

<div id="menu">
   <a href="deinlink.html" class="home">home</a>
   <a href="deinlink.html" class="leistungen">leistungen</a>
   <a href="deinlink.html" class="kontakt">kontakt</a>
 </div>

css

#menu {position:absolute; top:100px; left:100px; width:400px;height30px}

.home  {display:block;width:92px;background-color:black;height:30px;float:left}
.home:hover  {background-color:white;}
.leistungen  {display:block;width:92px;background-color:black;height:30px;float:left}
.leistungen:hover  {background-color:white;}

Kannst auch statt Background color, einfach eine Grafik verwenden
und diese repeaten x.

 

[fexx]

AW: Navigation, wie bei "kicker"

was ist daran einfacher und nutzerfreundlicher?

 

[nostra87]

AW: Navigation, wie bei "kicker"

was ist daran einfacher und nutzerfreundlicher?

Fehler: Das Droplinemenü bei Kicker (Bereich News), welches sich sanft überlappt bzw. auf-
und zu klappt, lässt sich u.a. nur mit JS realisieren. Es besteht ebenfalls die
Möglichkeit dies in Flash umzusetzen. Aber der Herr hat eindeutig noch CSS erwähnt.


Hab das was überflogen

 

[germinal]

AW: Navigation, wie bei "kicker"

Das gefällt mir ausgesprochen gut! Danke! Jetzt habe ich am Wochenende was zum Basteln.