Demo für eine statische Webseite aus der Basic Reihe

RESPONSIVES DESIGN FÜR TEMPLATE BASIC 4

Basic 4 responsive

 

Im Prinzip muss man nur wissen, welche Abmessungen das Gerät und der Bildschirm hat. Danach fügt man für jedes Gerät, welches man ansprechen möchte, in der CSS Datei ein entsprechendes Media Query hinzu, mit den gegebenen Abmessungen.

Ich habe hier nur drei Abmessungen eingefügt:

  • Desktop Version
  • iPad Version
  • iPhone Version

Es funktioniert auch auf dem Kindle und Samsung Android .

view demo

 

TIPP:

Rechts mit der Maus den Bildschirm verkleinern. Wenn mann mit der Maus dann an die rechte Kante der Seite fährt, verändert sich der Pfeil zu einem Doppelpfeil. Damit kann man dann den Bildschirm in der Breite kleiner und größer ziehen. Dabei verändert sich dann die Webseite in der Anpassung an die Größe des Bildschirmes ( responsive ).

LINKS, WELCHE SIE NOCH INTERESSIEREN KÖNNTEN:

Template Basic 4

 

Veröffentlicht in: Basic 4



Template Basic 4

Statische Webseite  aus der Basic Reihe

basic4     Demo

 

    Webseite kaufen

      office@mediendesign-quer.com
      Anruf:  +43(0) 650 5000 210

Funktionen:

  • Statische Webseite mit XHMTL und CSS
  • modernes Layout ohne Tabellen
  • Zwei Spalten
  • Header mit Logo und Slogan
  • Footer mit Kontakt und Adresse, Impressum
  • Horizontale Navigation mit vier integrierten Navigationspunkten:
    Home, About, Produkte und Standort

Bonus:

  • Standort mit Open StreetMap Integration

Erläuterungen zum Webangebot:

Es handelt sich um einen statische Webseite, welche leicht mit einem Service Abo erweitert werden kann.

Seiten, die  Basic 4 verwenden:

uhfm

kroboth300mal225

 

 

 

 

 

 

 

NEWS:

Das Template Basic 4 gibt es jetzt auch für mobile Webseiten:

Responsives Design für Template Basic 4

 

Veröffentlicht in: Basic 4