Freizeitler schreibt über Webdesign und das Netz.

  • Webentwicklung HTML, CSS, JavaScript etc.
  • Tools & Tipps Werkzeuge, Software etc.
  • Das Netz ...und der ganze Rest.
29 Okt 2011

CSS: Vertikale Fly-Out-Navi mit Artikelvorschau (für WordPress)

Von Freizeitler unter CSS, Wordpress

Die Navigation meines vorherigen WP-Themes beinhaltete eine interessante Lösung, um Kategorien als Menüpunkt zu nutzen und beim hovern die jeweils aktuellen Artikel anzuzeigen. Da ich dieses Theme nun ja nicht mehr nutze, möchte ich die Navigation hier einmal vorstellen. In diesem Artikel gibt es eine HTML/CSS-Datei sowie das PHP-Snippet für WordPress separat.

Artikel lesen »

Diese Internetseite ist deinem Browser weit voraus!

Freizeitler.de benutzt fortschrittliche Techniken – HTML5 und CSS3. Ein alter Browser versteht diese teilweise nicht und stellt die Seite nicht korrekt dar. Ein moderner Browser bringt mehr Spaß und Sicherheit. Deshalb steige jetzt auf aktuelle Versionen um:

Google Chrome | Mozilla Firefox
Apple Safari | Opera

Ich jetzt

Koblenz, Aachen, Düsseldorf, Krefeld. ♫ ...you can take my money, you can take my time, but you can't take my heart, it's in the city behind... ♫

Freizeitler.de ist das private Blog von Henry Zeitler – Mediendesigner, Webworker, Frontendler, CSSler & Freizeitgitarrero aus der Region Düsseldorf.

✉ Kontakt: henry@freizeitler.de

 

 „Flattr ein Bier“

Flattr this

Flattr ist ein Social Payment-Service. Mehr darüber erfährst du hier.

„Für mehr Qualität im Web“

Ich unterstütze Webstandards bei den Webkrauts

Archiv

  • Oktober 2011
  • September 2011
  • August 2011
  • Juli 2011
  • Juni 2011
  • Mai 2011
  • April 2011
  • Dezember 2010
  • November 2010
  • Oktober 2010
  • September 2010
  • August 2010
  • Juli 2010
  • Juni 2010
  • März 2010
  • Dezember 2009
  • November 2009
  • Oktober 2009
  • September 2009
  • August 2009
  • Juli 2009
  • April 2009
  • März 2009
  • Februar 2009
  • Januar 2009
  • Dezember 2008
  • November 2008
  • Oktober 2008
  • September 2008
  • August 2008

Kategorien

  • Bild und Ton
  • CSS
  • Freizeitler
  • HTML
  • Javascript
  • Künstlerporträt
  • Kurz notiert
  • mit Download
  • Social Network
  • Tools & Tipps
  • Wordpress

Twitter

  • Bookmarked: You get all of HTML5 Boilerplate’s markup (but we do place JavaScript in the header to avoid any plugin ... http://t.co/9QGmvCYy 1 day ago
  • Bookmarked: “Add to Circle” ist das neue “Follow me on Twitter” ! Die Zeit sich als SEO auf Google+ einzustellen wir... http://t.co/epVHKb2Z 1 day ago
  • Bookmarked: Just Ask: Integrating Accessibility Throughout Design helps designers, developers, and managers create w... http://t.co/jN1Am0hN 2 days ago
  • Bookmarked: Many user agents provide autofill functionality, but there is not currently a good way for site authors ... http://t.co/lZTyZQ2u 1 week ago
  • More updates...

delicious – Fundsachen

  • Roots WordPress Theme | Rapidly create sites with HTML5 Boilerplate & Bootstrap from Twitter 21.02.2012 | You get all of HTML5 Boilerplate’s markup (but we do place JavaScript in the header to avoid any plugin conflicts). You get most of HTML5 Boilerplate’s incredibly powerful .htaccess directly from the theme. You get all of HTML5 Boilerplate’s style.css. Bootstrap from Twitter is included by default, with topbar navigation and the responsive grid ready to go. Blog posts are based on the hNews microformat as recommended by Readability’s Article Publishing Guidelines.
  • » rel=”author” google plus ;-) The doFollow Blog 20.02.2012 | “Add to Circle” ist das neue “Follow me on Twitter” ! Die Zeit sich als SEO auf Google+ einzustellen wird knapper & knapper , denn Göögle wirft schon bald die “Search plus Your World” Atombombe auf die SERPs hinab, und dann kommt mir später nicht mit so tricky Ausreden wie “Ja, ich wollte das rel=”author” tag ja einbauen, aber…”
  • Table of Contents | Just Ask: Integrating Accessibility Throughout Design 20.02.2012 | Just Ask: Integrating Accessibility Throughout Design helps designers, developers, and managers create websites, software, hardware, and consumer products that are accessible to people with disabilities and older users, provide a better user experience for all users, and help organizations maximize the benefits of accessibility.
  • Autocomplete Types - WHATWG Wiki 13.02.2012 | Many user agents provide autofill functionality, but there is not currently a good way for site authors to directly specify field types for autofill. Herein is a lightweight proposal to enable authors to provide these field type hints for autofill agents.

Lesestoff für kühle Wintertage

RSSFeed
Twitter Google+ Xing Forrst Delicious
hoch
© 2008 - 2012 | Design, CSS & Inhalte von Freizeitler.
Dieses Blog baut auf WordPress. Impressum