Weil hier heute gar nicht so viel passiert ein Link zu einem schicken Menü: Slide Down Box Menu.
In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.
Ich bin gerade über drei spannende Module für dasMenü System in Drupal gestolpert:
This module allows you to turn off the Menu section in the node creation/edit form per node type. This can be a very nice usability improvement since typically only the “Page” node type is used in the menu tree.
Noch mehr Kontrolle bietet: Menu Settings per Content Type
This module allow to set the Menu Settings with certain Menus for content editing by Content Type.
Und da ist da noch ein Modul was ich hier auch schon mal erwähnt habe: Menu block
So if you’re only using your theme’s Primary links feature, you can add and configure a “Primary links (levels 2+)” block. That block would appear once you were on one of the Primary links’ pages and would show the menu tree for the 2nd level (and deeper) of your Primary links menu and would expand as you traversed down the tree. You can also limit the depth of the menu’s tree (e.g. “Primary links (levels 2-3)”) and/or expand all the child sub-menus (e.g. “Primary links (expanded levels 2+)”).
Chris Coyier stellt verschieden Ansätze vor Breadcrumb Menüs zu erstellen.
Ich nehme üblicherweise einfach eine unordered List, allerdings
… the HTML is not semantic. Coding a breadcrumb as an unordered list makes it seem like the items are on the same hierarchical level, like it’s a set of items in a row. The items in a breadcrumb are not, they represent a path, with each link being a “child” of the last.
Google empfiehlt offensichtlich HTML5 Microdata, allerdings muss ich mich an diese Syntax, bzw Attribut “Suppe” wohl erst gewöhnen.
Nicht neu, aber nett:
Did you know you can make triangles with pure CSS? It’s pretty easy. You just make a block level element with zero width and height, a colored border on one side, and transparent borders on the two adjacent sides. They are fun for all kinds of things, like little arrow sticking out from speech bubbles, navigation pointers, and more. Often times these are just visual flourishes, undeserving of dedicated markup. Fortunately, pseduo elements are often a perfect fit. That is, using :before, :after, or both to create these block level elements and place the triangle. One neat use that came to mind in this vein: breadcrumb navigation.
Copyright © 2004–2009. All rights reserved. – Impressum
RSS Feed. This blog is proudly powered by Wordpress and uses Modern Clix, a theme by Rodrigo Galindez.