Suche

nexus-responsive

Mit Megamenü

Ungewöhnlich ist das Megamenü (hier sichtbar unter "Subpages"). Die Formatierungen für Eingabefelder (input, textarea) sind etwas unvorteilhaft und sollten geändert werden.
Es scheint einige Javascript-Fehler zu geben.

Das Template stammt von templates.wbce.org, von wo auch der Download erfolgt. Es ist möglich, dass dort eine neuere, verbesserte Version verfügbar ist.

Verklap

Basierend auf Vertal, aber das Menü verhält sich anders und es ist etwas breiter. Ebenso wie bei Vertal ist ein ColorChoser und ein Cookie-Warner eingebaut.
Den Header kann man mit zb Teasers ersetzen. 

darkspace

Sauber und modern

Responsive, schick, tragfähig, mit ein klein bisschen wooshie. Hinweis: Das Headerbild hier ist nicht inbegriffen, wer klaut ist selber schuld.

Naebfjyr

Big responsive slideshow

Ein ungewöhnliches Template, das je nach Gerät ganz anders aussieht.

Siehe dazu auch Naebfjyr2

Naebfjyr2

Big responsive slideshow #2

Nahezu identisch mit Naebfjyr, aber das Menü verhält sich bei Parents anders: Erster Klick zeigt die untergeordneten Seiten (Childs)  im Menü, erst der 2. Klick auf den selben Menüpunkt öffnet diese Seite.

Dadurch werden die Unterseiten sehr bevorzugt.

detile Responsive

We Be Zeh Eh

Das offizielle WBCE-Theme

Ein zeitgemäßes Design, das sowohl am Desktop als auch am Smartphone sehr gute Figur macht. Das Responsive Menü macht alle Seiten gut zugänglich.

Eine Zeit lang gab es einen Bug mit z-index, wodurch das Menü auch über Overlay sichtbar war. Ist jetzt behoben.
Irgendwo in der style.css erfügen:

.center .orow {z-index:1000;}
.center .sm {z-index:1010;}
 

lyps responsive

Das gute alte Lyps nun auch für Smartphones. Die Sache ist etwas trickyeinfach ausprobieren. Ein weiters Bild für Handys muss eingestellt werden.

snailrain

Klein und fein

Die 3 Teaser-Boxen sind als democontent.inc.php eingebunden. Prinzipiell ist ein Dropdown-Menü vorgesehen, aber in Showmenu2 nicht aktiviert (SM2_START statt SM2_ALL): Die Responsive Version erwies sich als zu aufwändig.

ThisHoly Responsive

Holy Spirit für unterwegs

Solange möglich bleibt der optionale 2. Block sichtbar, auf Smartphones ragt er knapp in den Inhalt hinein und ist durch simples Rechts-Scrollen sichtbar. Eine pragmatische Lösung für die alte Frage: Wohin mit dem 2. Block.

uboot

Blau, elastisch, responsiv

Update: Ohne Tabellen, HTML5, Responsiv. Dadurch ist es nicht mehr völlig identisch mit älteren Versionen, das fällt aber kaum auf. (Naja.. IE6..) Elastisches Design, sowohl in der Breite als auch in der Höhe.

Das Design lässt sich bis 300 Pixel zusammenstauchen, richtig zur Geltung kommt es aber erst auf größeren Monitoren.

Bei langen Seiten wird der Text unten dezent weggeblendet, für die Nicht-IEs gibt es ein paar Extra-Effekte.

Fjatselt Megamenu

Mit Megamenu

Basierend auf http://wbce.at/tpls/template-wb_megamenu.html Megamenüs sind wenig benutzerfreundlich und nur dort sinnvoll, wo es nicht anders geht.

cloudz

Makes a sunny day

Basierend auf dotsflow, allerdings mit Bildern im Hintergrund - die sich etwas anders verhalten. Daher wurde das Template noch mal kräftig überarbeitet. In script.js können einige Werte verändert werden.

Wer will, kann statt den Wolken auch Ballons oder Vögel einbauen. 

Auf schwächeren Computern kann der Paralaxen-Effekt etwas ruckeln. Deswegen ist er am Handy abgeschaltet.

Stygg

Auch für Smartphones geeignet

Ein bissel "responsive": Ab 1000 Pixel (Min) verliert es den 2. Block und lässt sich bis auf 320 Pixel zusammen schieben.

Acourdesz

Accordion Menu

Das Accordion-Menü ist zwar responsiv, passt sich aber bei resize nicht an (nur bei reload). Das ist in der Praxis aber nicht schlimm. Unter 1000px erscheint statt dem Acordion ein touch-freudliches Menü mit diesen Bildern.

Es gibt ein readme.txt, in dem erklärt wird, wie das mit den Bildern funktioniert.

Filox Responsive

Filox reloaded

Das beliebte Template Filox um einen rechten Block erweitert und für Smartphones optimiert. Das Verhalten des rechten Blocks ist etwas eigenwillig: Auf kleinen Schirmen steht er soweit rein, dass man merkt: Hier kann man auch nach rechts scrollen. Ja: Warum denn nicht? Das Template ist etwas schwierig; nicht jedes Modul spielt so mit.

dotsflow

colorful and flat

Fetzenbunt - und beim Scrollen recht originell. Die Punkte werden bei jedem Aufruf zufällig genereiert. Am Smartphone werden weniger Punkte angezeigt, sonst sind die langsameren Geräte überfordert.

lichtfjyr

Die helle Seite von Naebfjyr

Technisch nahezu baugleich mit Naebfjyr, aber eben hell und etwas "leichter". Die Sliderbilder MÜSSEN ausgetauscht werden.

Schmalboerom

Old Style in HTML 5

Man sollte kurze Menüpunkte verwenden.

caminar-wbce

Ein weiteres Template von Byte-Worker

Die Art, wie das Menü gemacht ist, ist etwas ungewöhnlich. Dadurch geht es nicht ohne Fehler durch den W3C-Validator. Allerdings ist es dennoch durchaus als barrierefrei zu bezeichnen.

burblex

Responsive für Desktop und Smartphone

sypiags

Tradition

Wieder mal ein klassisches Template, trotzdem natürlich responsive und HTML5. Die Flecken werden zufällig generiert, die Meta-Description kommt groß raus.

Tooplate Blue Wave Resp.

Tooplate Blue WaveResponsive gemacht

Groen Responsive

Freundlich grün

Das ältere Template Groen hervorgeholt und etwas modernisiert.

triboxx

Grid-Design im Newspaper-Look

Klar: Responsive und an sich unkompliziert. Um die Grid-Flächen zu nutzen sollte man die Anleitung dazu lesen.

verflup

GUP und ColorChoser

Wenn GlobalUpload vorhanden ist, kann man damit die Headerbilder hochladen, ansonsten werden die 4 mitgelieferten Bilder verwendet.
Die Farben lassen sich per ColorChoser ändern.

contetra

Große Hintergrund-Bilder

Die Hintergrundbilder werden über das Script "background-images.php" gesteuert; derzeit einfach durch < $page_id mod 5 > für 5 Hintergrundbilder.

Simple Responsive

WBCE Standard Template

Wodmasto

Hölzerne Buttons für Smartphones

Einmal mehr Responsive Webdesign. Besonders an diesem Template ist, dass (bei Smartphones) auf der Startseite (hier: Suche) Button-artige Schalter als Hauptmenü angezeigt werden - zurück kommt man ja ohnehin leicht und effektiv mit dem Zurück-Schalter. Zusätzlich natürlich das bewährte Aufklappmenü.

Lounge Responsive

kleine Notlösung

response-blue

Responsive Design für Business-Sites

Ein Template mit allerhand Usability-Features: zb werden die Unterseiten einer Seite rechts oder unten als Mini-Menü dargestellt. Das ist vor allem am Handy nützlich.

bordx

Random Boxes, einige Farben

Ein recht nettes Templates, das sich problemlos in vielen Farben einfärben lässt. Die Kästchen im Header werden zufällig erzeugt und passen sich der Bildschirmbreite an.

daflagga

4 Teaserboxes

Daflekk ohne Flecken, aber breiter. So dass sich 4 statt 3 Teaserblöcken ausgehen. Sonst noch neu: Das Menü bleibt bei Scrollen oben stehen, die Höhe der Teaser wird an den jeweils höchsten angepasst.

drytzel

Responsive Design für Business

Eine Weiterentwicklung von Responsive Blue. Unterseiten einer Seite werden rechts oder unten als Mini-Menü dargestellt. Das ist vor allem am Handy nützlich.

findresp

Findle reloaded

Das beliebte Template Findle im neuen Responsive Design, mit HTML 5, CSS3 und ein bissel jQuery.

intwerb.de

Runderneuert

Das steinalte Tabellenwerk wurde soweit gefixt, dass es heutigen Ansprüchen genügt, inklusive einfachem responsivem Menü.

GreenBeer

Die Kneipe nebenan

Einmal mehr responsiv: Funktioniert am Smartphone genausogut wie am Desktop. Das Header-Bild ist leicht ausgetauscht, der Rest in den typischen Bier-Farben gehalten.

daflekk

Kräftige Farben

Die Bilder sollten natürlich durch eigene Kunstwerke ausgetauscht werden.

daklann

daflekk reworked

Eine Mutation von daflekk; etwas breiter, ein paar Dingelchen mehr drin und dran.

Oiphyx

Buttons am Smartphone, Klassisch am PC

Ein Template, das so ziemlich alles drin hat, was es heute so gibt.

Fyorx Responsive

Ein Relaunch von Fyorx

Am Desktop ein Flyout-Menü rechts (was gar nicht so einfach ist), am Smartphone ist das etwas anders gelöst. Weil es ja keine Hover gibt, werden Unterseiten mit Klick angezeigt. Nur würde man aber die Seiten der ersten Ebene nicht erreichen, deswegen wird ein 2. Klick auf den selben Menüpunkt ausgeführt.

Siehe auch Fyorx Light, eine etwas hellere und breitere Variante.

Fyorx Light Responsive

Nett fürs Business

Ein unkompliziertes Template. Alles was nicht grau ist, ist in der editor.css zu ändern. Mit geänderten Headerbildchen und Logo ist es damit für jeden (Business) - Zweck zu gebrauchen.

Demo template

Demo Template Grid
Based on: Using multiple columns dynamically in a template

tessa

Responsive für Desktop und Smartphone

Heiter bis wolkig: Schiebt man die Breite zusammen, ändert sich das Menü und Teile des Designs. So verschwindet etwa der 2. Block, die Ränder werden anders.

Eine Besonderheit: Seiten, die Unterseiten haben, sind in der Mobil-Ansicht nicht erreichbar. Das ist praktisch, wenn die übergeordneten Seiten ohnehin kaum Inhalt haben, setzt aber voraus, dass die ganze Website auch so angelegt ist. WICHTIG: Dieses Template funktioniert nicht gut in älteren IEs (6,7)

bordx-business

Wide Business

Eine Modifikation von Bordx, für Business-Sites. Responsive auch nach breiter: Auf typischen Desktop-Monitoren ist das Template 1200 Pixel breit, statt der üblichen 980. Wenn es kein Untermenü gibt, taucht ein 3. Block auf.

zodioux

Astrologie und Horoskop

Responsive Webdesign für dunkle Geschäfte: Horoskop, Astrologie

vincent03 responsive

aufgepimpt

Das alte Template Vincent03 ein bissel gepimpt. Ich wolte es aber nicht übertreiben ;-)

sobresot

Responsive Business Template

Ein klassisches, responsives Business Template, das nicht allzu schwer anzupassen ist. Die Bilder müssen ersetzt werden.

Das Template verwendet das Smart-Menu, daher funktioniert ohne Javascript/jQuery nur die oberste Ebene.

mavideos

Designed for (YouTube) Videos

Responsives Template, das einen speziellen Block für Videos enthält - in diesen wird einfach der Embed-Code kopiert. Die Videos können in 3 Größen dargestellt werden, die letzte verwendete wird gespeichert.