Comments on: ★ Fortgeschrittenes CSS Menü

By: David Hellmann

David Hellmann — Mon, 10 May 2010 14:26:56 +0000

Zitat Andy ↑:

Hi. Danke für den Tipp. Wie sieht es mit zusätzlichen Menüpunkten als Dropdown unterhalb der Hauptpunkte aus? Z.B. Portfolio mit den Unterpunkten "Web" und "Print"?

Ist sicherlich möglich :) Oder was meinst du jetzt speziell?

By: Andy

Andy — Mon, 10 May 2010 10:31:09 +0000

Hi. Danke für den Tipp.

Wie sieht es mit zusätzlichen Menüpunkten als Dropdown unterhalb der Hauptpunkte aus? Z.B. Portfolio mit den Unterpunkten “Web” und “Print”?

By: ChrizzDaFrizz

ChrizzDaFrizz — Wed, 14 Apr 2010 18:14:07 +0000

Hey David!
Find deine Seite echt interessant und du triffst genau mein Stil ;)
Ich frage mich welche Schriftart du für die Menüpunkte bei diesem Tutorial verwendet hast.

Gruß

By: Alex

Alex — Mon, 27 Jul 2009 08:23:18 +0000

Eure Tipps helfen mir sehr, danke!

By: Robert

Robert — Tue, 06 Jan 2009 08:59:26 +0000

Alles klar. Danke.

By: David Hellmann

David Hellmann — Tue, 06 Jan 2009 08:47:36 +0000

Ich hab das mit den aktivpunkten mit dem Plugin “is_subpage_of” gelöst. Und mit der ein oder anderen abfrage: is_home etc. Funktioniert super :)

By: Robert

Robert — Tue, 06 Jan 2009 08:02:36 +0000

Sehr interessante Hinweise. Ich hatte es auf ähnliche Art und Weise gelöst, allerdings ist mir nicht ganz klar, wie Du das ins WordPress integriert hast mit der Weitergabe der jeweiligen “*-akt Klasse”. Hast Du die current_page_item-Class genommen? Da ist bloß der Unterschied, dass die sich nciht auf den Link, sonder auf die Liste beziehen. Für einen Tip wär ich dankbar.
Grüße vom Robert

By: David Hellmann

David Hellmann — Fri, 14 Nov 2008 14:45:17 +0000

Jo vollkommen richtig :) Im Demobeispiel ist es auch richtig und auch in der ZIP. Habs hier nun auch noch geändert. Beim COPY / PASTE geschlammt :/

Danke!

Finde das wie gesagt auch nicht praktisch. Die Zeit die man da an CSS gebastel reinsteckt rechtfertigt denke ich nicht die Zeit die beim laden gespart wird. Man könnte bei XING zum Beispiel wenigstens splitten, Icons, Navi etc.

By: Nico

Nico — Fri, 14 Nov 2008 14:37:27 +0000

ul#main-navi li a.start:hover {
background-position:url(../images/main-navi.png) -20px -60px;
}

… ist aber nicht ganz korrekt. Entweder „background“ und mehrere Angaben wie „url(…)“ oder „background-position“ – dann aber auch nur die Position. Die Kombination sollte nur aufgrund der Fehlertoleranz des Browsers funktionieren.

Vorschlag:

ul#main-navi li a {
background: url(../images/main-navi.png);
}

und dann für alle einzeln nur die Position:

ul#main-navi li a.start {
background-position: -20px -60px;
}

usw.

@Tina Coric das habe ich auch schon (noch extremer) angewendet. Spart wirklich Ladezeit, aber erfordert viel Planung und CSS-Fummlerei (besonders IE6). Ein zusätzlicher Server ist evtl. billiger, als sich die Mühe zu machen.

By: David Hellmann

David Hellmann — Thu, 13 Nov 2008 13:35:00 +0000

Es kommt halt immer drauf an. Wenn man weiss man hat eine feste Navigation dann kann man das schon mit Grafiken erledigen. Ich bin auch kein Fan für alles Grafiken zu nutzen und versuche weitestgehens alles so zu lösen aber ab und zu darf es dann schon mal eine sein.