02203-5690158

Gestalten Sie selbst Ihre Webseite ohne zusätzliche Kosten !


Spalten-Layouts (mit optimierter Darstellung im Handy)

2-spaltiges Layout

Spalte 1

Hier steht Ihr Text. Er kann länger sein und über mehrere Zeilen gehen.

Sie erzeugen einen ...
Zeilenumbruch:mit Shift-ENTER
neuen Absatz: mit ENTER

Spalte 2

Im Handy ist die Seitenbreite viel geringer. Nebeneinander könnte man in den Spalten bei Verkleinerung kaum etwas lesen. Deshalb werden die Inhalte im Handy automatisch untereinander dargestellt.

 


3-spaltiges Layout

 

Spalte 1

Hier steht Ihr Text. Er kann länger sein und über mehrere Zeilen gehen.

Sie erzeugen einen ...
Zeilenumbruch: Shift-ENTER
neuen Absatz: ENTER

Spalte 2

Im Handy ist die Seitenbreite viel geringer. Nebeneinander könnte man in den Spalten bei Verkleinerung kaum etwas lesen. Deshalb werden die Inhalte im Handy automatisch untereinander dargestellt.

Spalte 3

Klicken Sie einfach in der Arbeitsleiste rechts neben dem Editor auf den Button neben der gewünschten Spalten-Anzahl, gehen Sie im Editor an die Stelle, wo die Spalten entstehen sollen und drücken Sie Strg-V. Abspeichern, erneut editieren und schon sind die Spalten da.

 


 

4-spaltiges Layout

Spalte 1

Hier steht Ihr Text. Er kann länger sein und über mehrere Zeilen gehen.

Sie erzeugen einen ...
Zeilenumbruch: Shift-ENTER
neuen Absatz: ENTER

Spalte 2

Im Handy ist die Seitenbreite viel geringer. Nebeneinander könnte man in den Spalten bei Verkleinerung kaum etwas lesen. Deshalb werden die Inhalte im Handy automatisch untereinander dargestellt.

Spalte 3

Klicken Sie einfach in der Arbeitsleiste rechts neben dem Editor auf den Button neben der gewünschten Spalten-Anzahl, gehen Sie im Editor an die Stelle, wo die Spalten entstehen sollen und drücken Sie Strg-V. Abspeichern, erneut editieren und schon sind die Spalten da.

Spalte 4

Auch Bilder kann man in Spalten setzen.

 

 

 Effekte bei Grafiken und Text- ("DIV-") Blöcken

Vorweg: Hier ist natürlich einiges mit Effekten überladen. Doch dieser Teil soll Beispiele geben, was Sie alles mit Leichtigkeit selbst kreieren können. Dann wird es schnell etwas überladen ...

 

Es gibt diverse Effekte, die größtenteils miteinander kombinierbar sind.
Diese Spalte beispielsweise hat einen Schatten.
 

Ein Rahmen ist bei DIV-Blöcken und Bildern möglich:

 

Auch DIV-Blöcke können sich drehen - hier die ganze 3. Spalte...

...mit einem drehenden Bild darin.

 
 

 

Maus-Effekte (bitte mit der Maus über die Bereiche gehen)

 

ein wabbelnder Bilderrahmen:

ein sich absenkendes Bild:

ein wachsendes Bild:

  


Einfaches Einbinden komplexer Elemente

 

Der Kölner Dom

 

WhatsApp-Kontakt

 

 

Whatsapp Nachhilfe-Porz

die "anderen Logos" in klein

 

Facebook-Kontakt

Facebook Stadt Köln

 

Eingebettete Seiten (IFrames)

Die folgende Seite befindet sich unter http://ros-data-soft.de/
tools/sprueche_termine/
index.php.

Sie könnte auch auf einer ganz anderen Domäne liegen, z.B. https://www.stadt-koeln.de.

Diese Seiten können separat aufgerufen werden, weil es eigenständige Seiten sind (klicken Sie doch mal auf den Link bei "sprueche_termine"). Trotzdem können Sie ganz leicht nur unter Angabe der URL in einen Textblock mit Copy&Paste eingefügt werden.