Verfügbare Homepage-Designs für Yogalehrer-Webseiten

Einige Anfragen inspirierten uns zu einem weiteren grünen, frischen Design. Ein Blatt spannt die Webseite wie ein Schirm auf.

Die benutzte CSS-Technik ist ähnlich der vom "Jnana Mudra", bietet aber mehr Platz im Seitenbereich. Dafür wird das mögliche Logo mit maximalen 330 Pixeln Breite für den linken Seitenbereich deutlich kleiner.

Getestet mit FF 3.6 und IE8. Keine Textersetzung für IE 6 und kleiner.

Modernes und entspanntes Design. Das Mudra auf dem Knie des Meditierenden ist der Blickfang, der den Besucher in die Seite zieht.
Getestet mit FF 3.5 und IE8.
Platz für ein eigenes Logo mit 1000x120 Pixel Maximalgröße.

Eine Yogalehrerin bemängelte, dass im Design "Märchenmond" die Schaukel des Originalbildes wegretuschiert war. Voilà, da ist sie wieder. Die Schaukel stört ein wenig beim Lesen der Webseite, aber dafür haben wir ja einen Schalter auf der linken Seite...
Getestet mit FF 3.5 und IE8. Der IE8 kann das Licht nur anschalten, beim FF geht es beliebig oft an und aus.

Die märchenhafte, plastisch wirkende Mondsichel umschließt den Code der Webseite. Die Schrift ist kursiv und wirkt dadurch ein wenig verspielt. Die Überschriften und Erstbuchstaben werden durch die Schriftartersetzung in dazu passende Form gebracht. Der Inhalt der Webseite ist nur innerhalb der Mondsichel sichtbar, beim Rollen erscheint er hinter dem unteren Sichelende und verschwindet hinter der oberen Sichelspitze.
Getestet mit FF 3.5 und IE8.

Lakshmi ist die Göttin des Reichtums und der Schönheit und die Frau von Vishnu.
Die Farben vermitteln Ruhe und Klarheit. Schriftartersetzung mit Javascript.
Getestet mit FF 3.5 und IE8.

Wie Puritaner Weiß, aber mit anderer Schriftartersetzung (Papyrus). Ohne Logografik, der Header-Bereich wartet auf das Kundenlogo. Auch das Menü wird mit der Schriftart ersetzt.
Diese spezielle Abwandlung vom Original-Design "Puritaner Weiß" wurde aufgrund eines Kunden-Wunsches erstellt.
Getestet mit FF 3.5 und IE8.

Einfache und klare Orangetöne vermitteln Ruhe und eine gewisse Wärme. Alle Bilder erhalten einen 3 Pixel breiten Rehmen. Das Design ist technisch einfacher gestaltet als Simply Blue, deshalb ist der Rollbalken auch bei kurzen Seiten sichtbar. Die letzten 3 Pixel der unteren Umrandung sind nur mit Rollen einzusehen. Vorteil: Auch beim Wechsel zwischen kurzen und langen Seiten springt das Design nicht zur Seite.
Getestet mit FF 3.5 und IE8.

Einfache und klare Blautönungen vermitteln Ruhe und eine gewisse Kühle. Alle Bilder erhalten einen 3 Pixel breiten Rehmen. Etwas aufwändiger als Simply Orange. Hier verschwindet der Rollbalken bei kurzen Seiten und die Seite ist mit allen Umrandungen vollständig zu sehen. Wenn kurze und lange Seiten abwechselnd gewählt werden, springt das Bild um Rollbalkenbreite zur Seite.
Getestet mit FF 3.5 und IE8.

Die Weiterentwicklung des Designs "Puritaner Weiss". Hier ist der Seitenbereich als auf hellem Grau liegende Karte ausgestaltet. Die Schriftart ist ohne Serifen.
Reichlich Platz für ein eigenes Logo, das die Grafik "Blumenfächer" überschreiben darf. Das Logo kann bis zu 1000x150 Pixel groß werden.
Getestet mit FF 3.5 und IE8.

Eine einfache, weiße Karte auf einem Grau-Weiß-Verlauf. Links werden erst beim Überfahren mit der Maus unterstrichen.
Die Überschriften werden in modernen Browsern per Javascript in Form gebracht.
Der Header-Bereich ist mit 1000x150 Pixeln Größe bereit, das eigene Logo aufzunehmen.
Die Schriftart ist "Times", eine Serifenschrift.
Für "vielseitige" Mitglieder mit eigenem Logo, das die meditierenden Damen überschreiben darf.
Getestet mit FF 3.5 und IE8.

Blick ins mit Nebel gefüllte Tal von Vancouver. Ein paar Hochhäuser strecken ihre Nasen über den Nebel, der Rest ist "down under".
Horizontales Menü, bedingt für bis zu 10 Seiten nutzbar, kurze Menünamen ergeben mehr Seiten.
Mit einem eigenen Logo in der Größe 920x300 Pixel kann man die gesamte Header-Grafik übermalen.
Getestet mit FF 3.5 und IE8.

Entspannt und mit klaren Linien kommt dieses luftige Design daher.

Hervorragend geeignet für Logoinhaber.

Nicht ganz so gut für "vielseitige" Mitglieder, da das Menü horizontal begrenzt ist und einfach nicht mehr gut aussieht, wenn eine zweite Zeile gebraucht wird. Mit kurzen Menünamen sollte man aber bis zu 10 Seiten unterbringen können.

Den Pfau kann man mit einem eigenen Logo überdecken.
Getestet mit FF 3.5 und IE8.

Die "Zentralblume" bietet sich als "Halter" für ein eigenes, rundes Logo an. Frische, leuchtende Farben sorgen für eine muntere Seite.

Dieses Design ist geeignet für Logoinhaber und vielseitige Benutzer.

Das Menü ist nach rechts gestellt, es steht aber die gesamte Breite für Bilder und Text der Webseite zur Verfügung. Man muss sich selbst darum kümmern, dass der Text nicht in das nach unten wachsende Menü läuft, wenn man mehr als 3 Seiten hat.
Getestet mit FF 3.5 und IE8.

Immer nur Schwarz auf Weiß? Langweilig.
Dieses spannende, leuchtende Design ist geeignet für Logoinhaber und vielseitige Benutzer.

Das Menü ist nach rechts gestellt, es steht aber die gesamte Breite für Bilder und Text der Webseite zur Verfügung. Man muss sich selbst darum kümmern, dass der Text nicht in das nach unten wachsende Menü läuft, wenn man mehr als 3 Seiten hat.
Getestet mit FF 3.5 und IE8.

Einfache und klare Linien im Cartoon-Stil, munter und frisch.
Geeignet für "vielseitige" Mitglieder. Das Menü hat links seinen eigenen Raum, wo es unbekümmert nach unten wachsen kann, wenn neue Seiten dazu kommen.
Das nicht zu große, eigene Logo kann im Header untergebracht werden.
Getestet mit FF 3.5 und IE8.

Die sich öffnende Lotusblüte zeigt ihre ganze Kraft und Schönheit.

Für "Vielseitige" Mitglieder, da das Menü im eigenen Raum unbegrenzt senkrecht nach unten wachsen kann und praktisch beliebig lang werden darf.
Für Logoinhaber geeignet.
Getestet mit FF 3.5 und IE8.

Vier Steine wachen über die Stille. Die Sonne erzeugt einen spielerischen gelb-grün Kontrast.

Das Menü wurde für "vielseitige" Mitglieder geändert und wächst am linken Rand nach unten.
Für Logoinhaber geeignet.
Getestet mit FF 3.5 und IE8.

Meditative Assoziationen lassen den Geist des goldenen Waldes auferstehen.

Menü im goldenen Band, für Logoinhaber geeignet.

Wer mehr als 5 Seiten hat, nimmt ein anderes Design, denn hier fallen dann die Menüeinträge aus dem goldenen Band heraus.
Getestet mit FF 3.5 und IE8.

Yogische Farben, Sand, Meer und Himmel erinnern an Urlaub am Strand. Die Ähren beleben die Landschaft und geben ihr ein wenig Dynamik.
Getestet mit FF 3.5 und IE8.

Weite und stilles Wasser. Platz für Logo und eigene Bilder. Ursprünglich hielten sich im Fußbereich die Möwen aus Zingst auf. Aber weil das Motiv ein Binnensee ist, wurden die Meer-Möwen von der Qualitätskontrolle (Doris) gestrichen.
(siehe unten)
Getestet mit FF 3.5 und IE8.

Weite und stilles Wasser. Platz für Logo und eigene Bilder. Das ist die ursprüngliche Vorlage "Steine im See" MIT Möwen. Nur der Vollständigkeit halber aufgeführt. Wir muten niemanden zu, diese wissenschaftlich vollkommen unhaltbare Vorlage (Zingster Seemöwen an Binnensee) tatsächlich auch zu benutzen.
Getestet mit FF 3.5 und IE8.

Relaxter Raum für intensive Yoga Informationen. Keine Ablenkung durch grafische Elemente.
Diese Vorlage läßt viel Platz für eigene Initiative.
Ideal für Logoinhaber. Der yorangefarbene Balken setzt einen einfachen, aber stilvollen Akzent.
Getestet mit FF 3.5 und IE8.

Kerzen erzeugen eine geheimnisvolle Aura um ganz banale Dinge. Diese Kerze ist eine Meisterin ihres Faches und alltägliche Gegenstände erhalten eine bedeutungsvolle Ausstrahlung. Für kurze und lange Seiten, mit und ohne eigenem Logo.
Getestet mit FF 3.5 und IE8.

Der Bambus steht für Stärke bei gleichzeitiger Flexibilität. Der frische gelb-grün-Kontrast kommt in modernem, aufgeräumten Design daher.
Geignet für Mehrfach-Seiten, Logo-Inhaber und auch für lange Texte mit Bildern.
Getestet mit FF 3.5 und IE8.

Das erste Design, mit dem sich Yogalehrer-Online selbst der Öffentlichkeit vorstellte. Nach dem Wechsel zu den lila Felsen wurden im Bekanntenkreis Stimmen laut, die das alte Design vermissten. So - jetzt ist es wieder da, zumindest als Vorschau. Bei Mehrfachseiten mit feststehendem Menü. Für lange Seiten geeignet - der Kopf bleibt fest stehen.
Getestet mit FF 3.5 und IE8.

Geeignet für Logo-Inhaber mit einer Vorliebe für ROT. Die Seite ist für lange Texte geeignet.
Getestet mit FF 3.5 und IE8.

Die Karte bleibt stabil in der Bildschirmmitte stehen. In der Karte kann der Seiteninhalt gescrollt werden.
Obwohl diese Karte nur einen kleinen Bildausschnitt füllt, kann sie dennoch eine ziemlich lange Seite aufnehmen.
Hintergrund und Karte wurden mit dem Gimp erzeugt.
Getestet mit FF 3.5 und IE8.

Das Bergpanorama zeigt zwar keinen postkartenblauen Himmel, überzeugt aber gerade dadurch. Geeignet für lange Seiten.
Getestet mit FF 3.5 und IE8.

Die Karte bleibt stabil in der Bildschirmmitte stehen. In der Karte kann der Seiteninhalt gescrollt werden.
Obwohl diese Karte nur einen kleinen Bildausschnitt füllt, kann sie dennoch eine ziemlich lange Seite aufnehmen.
Hintergrund und Karte wurden mit dem Gimp erzeugt.
Getestet mit FF 3.5 und IE8.

Der Felsen am linken Rand steht felsenfest und macht bis zu einer vertikalen Auflösung von 1280 Pixeln alles mit. Geeignet für lange Seiten mit Bildern und Überschriften. Logoinhaber suchen sich wegen fehlendem Header eine andere Vorlage.
Getestet mit FF 3.5 und IE8.

Die Frau steht fest auf der linken Seite des Bildschirms, während der Rest der Seite beweglich ist. Das Menü kommt wieder zurück, wenn es aus dem Bild herausgerollt wurde.
Geeignet für lange Seiten.
Nicht geeigntet für Logos, weil kein fester Header vorhanden ist, während die Frau fest bleibt.
Getestet mit FF 3.5 und IE8.

Dieses eigenwillige Schmalspurdesign zwingt den Seiteninhalt in eine enge Laufbahn in der Bildmitte. Durch die feststehenden Hände rollen Text und Bilder der Seite. Das Design ist für lange Seiten geeignet.
Getestet mit FF 3.5 und IE8.

Dieses nicht ganz ernst gemeinte Design sieht SEHR eigenwillig aus.
Womöglich haben wir damit das Thema verfehlt...

Allerdings gibt es auch Yoga-Unterrichts-Arten, wo Frische und Schwung im Blickpunkt stehen: Z.B. Kinderyoga.
Getestet mit FF 3.5 und IE8.