Mind Map  

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

Die Anzahl der wählbaren Designs wächst beständig an. Das eingestellte Design kann vom Yogalehrer jederzeit und problemlos umgestellt oder abgeändert werden. Alle Designs basieren auf der gleichen, flexiblen HTML-Grundstruktur.

Yogalehrer-Online macht dein eigenes Design auf der Grundlage deiner eigenen Bilder oder Logos zumeist kostenlos. Dazu wird für die Struktur eines der hier vorhandenen Designs genommen. Dann ein eigenes Headerbild, eigene Farben, andere Schrift:

Et voilà: Dein individuelles Design ist enstanden.

Bei "größeren" Designs (meist bei der Übernahme von Designer-Designs) verlangen wir einen Energieausgleich von 100€ (plus MWSt).
Kein Design
Vorschau
Dieses Design blendet alle Fixboxen, das Menü und sämtliche Header und Footer weg.
Largo
Vorschau
Modernes Breitbilddesign. Hat eine [divclass wide] für breite Bilder und einen eigenen [hr] Befehl für die Goldlinie. Ein Fußbereich mit 3 Spalten (hier in der Vorschau nicht gezeigt) ist per Fixboxen bestückbar. Obere Menüzeile steht fest. Platz für eigenes Logo.
Green Leaf Wide
Vorschau
Eine Abwandlung von "Green Leaf". Dieses Design läßt die gesamte Seitenbreite für Seiteninhalte zu. Es gibt einen Bereich für einen eigenen Header oberhalb des Menüs, 1000 x 120 Pixel. Dieser Bereich kann entweder mit dem Textlogo (Name und Ort) und der Fixbox gestaltet werden, oder man benutzt eine eigene Grafik dafür.
Das normale Menü reicht aus für BASIC, ein Faltmenü für Mehr-Seiten-Inhaber ist bereits vorbereitet.
Lotus Verde
Vorschau
Eine Variation vom "Lotus".
Das Menü ist rechts und bleibt immer "im Bilde". Als Schriftart ist die beliebte Schrift "Comic" eingestellt.
Der Platz, den das Menü beim Hochrollen der Seite freigibt, könnte mit einem kleinen "Überraschungslogo" gefüllt werden. Ansonsten wäre in der rechten, oberen Ecke der Header-Grafik viel Platz für ein richtiges Logo.

Wie immer kann auch dieses Design durch eine eigene Header-Grafik, Logo oder eigene Ideen an die eigenen Bedürfnisse angepasst werden.
Pergamo
Vorschau
Das erste Design, welches schon vordefiniert eine zweite Textspalte (unterm Menü) beeinhaltet und das neue Feature des Editors ausnutzt. In die zweite Spalte kann für jede Seite eine andere Mitteilung gesetzt werden. Alle älteren Designs müssen im User CSS angepasst werden, um weitere Spalten anzuzeigen, der Support hilft. Das Logo in #aussen01 kann per User-CSS verschoben oder abgeschaltet werden.
Das Menü läßt sich nach oben und unten verschieben, der goldgelbe Hintergrund kann gegen einen anderen ausgetauscht werden.
Zen Yoga Design
Vorschau
Zum Beispiel für Business-Yoga oder Coaching geeigneter klar strukturierter Entwurf. Es kann ein Kurskalender in das Layout eingebunden werden, so dass z.B. eine Auswahl aktueller Neuigkeiten auf der Startseite erscheint. Auch an "social bookmarking" wurde gedacht und hierfür ein Bereich reserviert (Links zu Facebook und Twitter werden in die bekannten grafischen Symbole umgewandelt). Auf der Startseite können auch mehrere Bilder im Wechsel dargestellt werden. Dieses Design wurde vom Kölner Kommunikationsdesignbüro designklima (www.designklima.com) für Yogalehrer-Online gestaltet.
Quarto Pietry
Vorschau
Update: Das Design wurde um 3 fest vordefinierte Fixbox-Bereiche erweitert.

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.6 und IE8.
Yogamatte
Vorschau
Die Yogamatte zeigt, was hier gemacht wird: Yoga! Eine eher sachlich-nüchterne Abwandlung des vorherigen Designs "Lotus". Wir verzichten auf den Hintergrundverlauf und setzen auf sachliche Kontraste. Selbstverständlich kann die Hintergrundfarbe (Weiß!) per User-CSS bequem in ein zartes Pink getauscht werden, wenn es gefällt. Auch hier gibt es die selben, bereits vorbereiteten Fixboxen wie beim Lotus. Auch die grafische Schriftartersetzung bemüht einen eher sachlichen Font. Wie bei allen Designs, so sind auch hier individuelle Änderungen möglich. Man kann auch einen Hintergrundverlauf haben, wenn man das möchte.
Lotus
Vorschau
Die prachtvollen Lotusblüten zeigen ganz klar: "Das ist eine Yogaseite!". Ein traditionelles Design mit Hintergrundverlauf und Schatten um den Hauptbereich.
Es ist das erste Design mit den neuen "Fixboxen". In Fixboxen kann man die selben Inhalte immer auf jeder Seite an der selben Stelle anzeigen lassen. Der rechte Bereich (#fixbox1) könnte die Adresse und andere Daten aufnehmen. Der obere Bereich (#fixbox4) könnte das Motto des Studios enthalten. Das Textlogo erscheint im weißen Rechteck oberhalb des Menüs, wenn man es anschaltet. Fixboxen sind in jedem Design verfügbar, aber in diesem Design wurden zwei von neun möglichen Fixboxbereichen bereits vordefiniert. Selbstverständlich kann man auch hier die Fixboxbereiche im User-CSS ändern, wenn dies gewünscht ist. Getestet im IE8 und FF3.6.
Rote Feder
Vorschau
Dieses etwas ältere Design wurde mit kräftigem Hintergrund und ein paar grafischen Änderungen modernisiert. Es hat grafische Textersetzung, auch für das "Textlogo". Es ist genug Platz da für ein eigenes Logo im Header. Das OM-Symbol kann im User-CSS mit der Anweisung
#extra01{ display: none; }
abgeschaltet werden. Mit einer weiteren Anweisung rutscht das Menü nach oben, wenn es so gewünscht wäre. Geeignet für Logo-Inhaber mit einer Vorliebe für ROT. Die Seite ist für lange Texte gut geeignet.
Getestet mit FF 3.6 und IE8.
Soleil Orange
Vorschau
Ein lässig, entspanntes Design.
Schriftartersetzung für IE > 6 und FF für Überschriften und Menü. Drei Ansätze, Menüknöpfe zu schneidern wurden in die Tonne getreten, nachdem festgestellt wurde, dass richtige Knöpfe zu verkrampft wirken. Nur das direkte Aufpinseln des Menüs auf die Seite wirkt entspannt genug. Es gibt eine kleine, animierte Sonne beim Überfahren der Menüpunkte. Logo und Header gehen weg beim Scrollen, aber die Sonne oben links hat ihre Arme auch noch im Textfeld und geht nicht ganz weg.
Platz für transparentes Logo.
Green Leaf
Vorschau
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.
Jnana Mudra
Vorschau
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.
Die Mondschaukel
Vorschau
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.
Lakshmi
Vorschau
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.
Puritaner Weiß Zwo
Vorschau
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.
Simply Orange
Vorschau
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.
Simply Blue
Vorschau
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.
Carte Blanche
Vorschau
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.
Puritaner Weiß
Vorschau
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.
Vancouver
Vorschau
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.
Mayurasana (der Pfau)
Vorschau
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.
Sonnenblumen
Vorschau
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.
Der Weg ist das Ziel
Vorschau
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.
Yoga Blue
Vorschau
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.
Marguerite Power
Vorschau
Die sich öffnende Margerite 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.
Foreto d'Oro
Vorschau
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.
Ähren am Strand
Vorschau
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.
White Space Orange Belt
Vorschau
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.
Kerzenpfütze
Vorschau
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.
Bambuswald
Vorschau
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.
Buddha-Kopf
Vorschau
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.
Karte grün
Vorschau
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.
Bergpanorama
Vorschau
Das Bergpanorama zeigt zwar keinen postkartenblauen Himmel, überzeugt aber gerade dadurch. Geeignet für lange Seiten.
Getestet mit FF 3.5 und IE8.
Karte Orange
Vorschau
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.
Felsiger Abhang
Vorschau
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.
Yoga-Frau
Vorschau
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.
Betende Hände
Vorschau
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.
Geckos World
Vorschau
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.
Versatile 1000
Vorschau
Das ist wie "Dummy" eine Vorlage, die ebenfalls als Ausgangspunkt für neue Designs gedacht ist. Vielseitig verwendbar, eine 1000 Pixel breite "Rennbahn" in der Mitte. Hier geht das Anpassen an die eigenen Vorstellungen deutlich rascher als mit "Dummy".
Dummy
Vorschau
Das ist gar kein Design, es ist nur eine leere Hülse. Hiermit geht es unter Umständen schneller, eine individuelle Benutzer-Webseite zu basteln, als wenn ein vorhandenes Design geändert wird. Hier ist nichts definiert. Alles wird so angezeigt, wie es der Browser mit seinen eigenen Vorgabeeinstellungen anzeigen würde. Diese Art der Anzeige entspricht dem Menüpunkt

Ansicht > Webseiten-Stil > Kein Stil

im Firefox.
Nichts gefunden?
Vorschau
Alles durchgeguckt und nichts gefunden?

Kein Problem!
Wenn du eine klare Vorstellung von deiner Homepage-Vorlage hast, dann teile uns das mit. Wir können wahrscheinlich innerhalb von zwei bis drei Tagen liefern. Gemeinsam erstellen wir eine entweder neue Vorlage nach deinen Ideen, oder wir ändern ein bestehendes Design. Du machst aus dieser Vorlage deine individuelle Seite mit deinen Texten und Bildern. Eine neue Vorlage steht dann auch Anderen zur Verfügung. Zusatzkosten siehe Preisliste.
Jedes Design kann per User-CSS individuell angepasst werden. Die Headergrafik, der Hintergrund, die Schriftarten, zusätzliche Grafiken und alles andere der Webseite können per "Downloads" und User-CSS geändert oder ausgetausch werden. Solche Änderungen stehen NICHT automatisch auch anderen Yogalehrern zur Verfügung. Eigenes CSS und eigene Bilder gehören nur dem Eigentümer.