Schlagwort Archiv: Design

Northern-Clouds 2.0 – Theme

Northern-Clouds

Northern-Clouds ist ein 2 spaltiges, in html5/CSS3 umgesetztes, Theme.

Als Font wird ein Ubuntu-Font verwendet. Eingebunden habe ich diesen über die Google Web Fonts-Seite.

Das Theme unterstützt add_theme_support( ‘custom-background’ ), add_theme_support( ‘custom-header’ ) und ist Translation Ready.

Die neuste Version 2.0 ist mittels Css – Media Queries für die Darstellung auf Smartphones und Tablets optimiert.

Für die Hauptnavigation kommt eine horizontale Version des jQuery Drop-Down Menüs Superfish zum Einsatz.

Das Theme ist bei WordPress zum Download zur Verfügung.

Northern-Web-Coders 2.6.2

Nun ist hier schon wieder sehr lange nichts passiert. Ich bin „irgendwie“ nicht dazu gekommen…

Nun aber 😉

Meinem Blog habe ich ein neues Design verabreicht. Das alte #fff war mir langsam über. Wie das vorherige Theme, läuft dieses auch zweispaltig und ist liquid für Smartphones aufgebaut.

Für die Navigation kommt nun superfish zum Einsatz.

(weiterlesen…)

Neues Design-Coding Theme

Meine Webseite design-coding.de hat ein neues Theme bekommen.

Design-Coding
Design-Coding 2011

Das Theme ist, wie das Northern-Web-Coders Theme, für die Darstellung auf Smartphones vorbereitet.

Ab einer Breite von 480px wird das Layout mit einem kleineren Logo angezeigt und die Seite Referenzen läuft einspaltig.

Hier noch eine Demo der Seite für verschiedene Smartphone-Formate.

Northern-Web-Coders – 2.5.8 2.5.9

das Einreichen der Version 2.5.8 des Themes Northern-Web-Coders bei wordpress.org ist leider wieder an einem kleinen Punkt gescheitert, der aber nun in der neuen Version 2.5.9 behoben ist. In der funktions.php fehlten für die Sidebar noch die Angaben für die id und die description.

Nun wurde das Theme auf approved/genehmigt gesetzt. Hier gehts zum Ticket.

Das Theme ist liquid aufgebaut und passt sich somit der Monitorgröße an. Bis zu einer Browserbreite von 480px läuft das Layout zweispaltig. Bei geringerer Breite geht es einspaltig weiter.

Hier geht’s zur Demo

Download

Northern-Web-Coders – 2.5.7

das „NWC – Liquid Layout die 2te“ habe ich noch etwas angepasst und hier nun auch aufgesetzt. Das ganze ist dann Northern-Web-Coders – 2.5.7.

Durch den Einsatz von @media screen and (max-width: 480px) { ... } müsste das Theme auch auf Smartphones funktionieren.

Ausserdem werden die Bilder per Css dynamisch skaliert. Das funktioniert mit diesem Code:
img {
max-width: 100%;
width: auto;
height: auto;
}

(weiterlesen…)