Suche


Mehr als 43 Templates:

daflagga

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.

We Be Zeh Eh

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;}
 

findresp

findresp

Findle reloaded

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

Verklap

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. 

daklann

daklann

daflekk reworked

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

Fyorx Responsive

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

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.

snailrain

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

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.

Acourdesz

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 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.

Lounge

Lounge

Bar, Restaurant, Drinks

Klar, schlicht, umkompliziert. Ein weiteres Template von Norbert Gumbrecht.
Das Template gibt es auch als responsive

Schmalboerom

Schmalboerom

Old Style in HTML 5

Man sollte kurze Menüpunkte verwenden.

Tooplate Blue Wave

Tooplate Blue Wave

Klein und fein

Klein und klassisch. Und zur Abwechslung mal NICHT responsiv.
Hier gibt es eine responsive Version davon

sypiags

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.

daflekk

daflekk

Kräftige Farben

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

darkspace

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.

sobresot

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.

Naebfjyr

Naebfjyr

Big responsive slideshow

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

Siehe dazu auch Naebfjyr2

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

detile Responsive


 

response-blue

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.

drytzel

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.

lyps responsive

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.

GreenBeer

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.

uboot

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.

Oiphyx

Oiphyx

Buttons am Smartphone, Klassisch am PC

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

Fjatselt Megamenu

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

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

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.

dotsflow

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

lichtfjyr

Die helle Seite von Naebfjyr

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

burblex

burblex

Responsive für Desktop und Smartphone

Wodmasto

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

Lounge Responsive

kleine Notlösung

zodioux

zodioux

Astrologie und Horoskop

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

bordx

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.

Tooplate Blue Wave Resp.

Tooplate Blue Wave Resp.


Tooplate Blue WaveResponsive gemacht

Groen Responsive

Groen Responsive

Freundlich grün

Das ältere Template Groen hervorgeholt und etwas modernisiert.

triboxx

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.

mavideos

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.

Demo template

Demo template

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

tessa

tessa


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)

Ergebnisse für 'responsiv':

Bild

.. ... Manchmal ist es aber auch nur Unwissen, etwa bei den Responsiven Designs. ...
... responsive {max-width:100% ! ...

responsive FG Demo und Test

Die Responsive FolderGallery: Frontend-Edit, Responsive, Bildupload (auch am Handy) Die einzige Bildergalerie, die man braucht... ... Responsive FolderGallery. ...
... In der aktuellen Version der Responsive FolderGallery ist vieles anders. ...

Slider+Teaser

Itemz-Presets Test- und Entwicklungsseite: Anything-Slider und einfach zu pflegende Teaserboxen... ... Er ist responsive, passt sich aber nicht unmittelbar an den Bildschirm an, sondern erst nach neu laden. ...

Nivo Slider

Der Nivo-Slider ist attaktiv und responsiv. Allerdings kann er ältere Smartphones in die Knie zwingen, daher werden hier bei kleineren Auflösungen die Zahl der Kacheln und Streifen reduziert... ... Der Nivo-Slider ist attaktiv und responsiv. ...

Settings Demo

.. ... Willkommen bei der Responsive FolderGallery (rFG). ...

Slider+Teaser

Itemz-Presets Test- und Entwicklungsseite: Anything-Slider und einfach zu pflegende Teaserboxen... ... } Slidet alles: AnythingSlider Auf Responsiven Websites kommt es aber manchmal zu unangenehmen Effekten Vielleicht manchmal zuviel: Klemmt manchmal Um ihn an das Template anzupassen, muss man schon ein wenig tricksen. ...

TimeLine

Itemz-Presets Test- und Entwicklungsseite: Lebenslauf oder Timeline, mit ein bisschen jQuery... ... 11/2012 Erstmals Responsive Webdesign Die Zeit war reif - und ich habe mir gleich eine relativ schwierige Website dafür vorgenommen: www. ...

YouTube Videogallery

Eine einfache Möglichkeit, YouTube-Videos darzustellen. Auch die Vorschaubilder werden von YouTube geladen... ... responsiveFG Besichtigung einer älteren Version (die Fehler wurden inzwischen behoben) . ...

Smartphone-Menü Show

.. ... Beispiele: Fyorx Responsive | Lichtfjyr. ...

YouTube-Videos responsiv einbinden

Halb so schwer.. ... YouTube-Videos responsiv einbinden. ...
... Halb so schwer: Videos in ein Responsives Template einbauen ist kein Hexenwerk. ...
... <div class="responsiveVideo"> [hier kommt der Code von YouTube rein. ...

Webdesign für Smartphones

Responsive Templates.. ... Responsive Templates: Das Thema Responsives Webdesign brummt ziemlich: Kaum ein Besucher will heute noch in frickeligen Menüs herumzoomen, man ist besseres gewohnt. ...
... "Responsives Webdesign" - so funktioniert das. ...

Responsive FolderGallery - Standard

Responsive FolderGallery in der Standard-Einstellung: Gleiche Breite/Höhe für alle Bilder. Das funktioniert immer. Als Lightbox empfiehlt sich PhotoSwipe 4..

2 Abschnitte responsive FolderGallery

Demo und Test: 2 Abschnitte der responsive FolderGallery auf einer Seite. Ja, das geht. Wenn was klemmt: Wir sind dran...

Demo: MixedHeight

Demo: Die responsive FolderGallery in der Einstellung für gemischte Höhen. Die Bilder werden immer dorthin positioniert, wo der beste Platz ist...

Stundenplan

Itemz-Presets Test- und Entwicklungsseite: Ein Wochenplan mit leicht editierbaren Terminen. Natürlich responsive...

Responsive Table

..

Owl Carousel

Ein sehr moderner Anything-Slider, wischfähig, responsive und vielfältig konfigurierbar...