Demoseite

From Gravopedia

(Difference between revisions)

Jump to: navigation, search

Revision as of 19:59, 23 August 2007

1 Textauszeichnungen
2 Spezial-Textauszeichnungen
- 2.1 Textfarbe
3 Hochgeladenes Bild
4 Abschnitte und deren Überschriften
- 4.1 Unterabschnitt mit 2 =-Zeichen
  - 4.1.1 Unterabschnitt mit 3 =-Zeichen
    - 4.1.1.1 Unterabschnitt mit 4 =-Zeichen
- 4.2 Inhaltsverzeichnis

Textauszeichnungen

Text fett

Text in 3 Apostrophen wird fett

Text kursiv

Text in 2 Apostrophen wird kursiv

Text in Boxen

Beginnt jede Zeile mit einem Leerzeichen,
dann wandert der Text in eine Box.

Spezial-Textauszeichnungen

Textfarbe

Text in rot. Text in grün. Text in blau. Dafür muss man die Farbe als HTML-Code haben (dieses #ff0000). Den muss man sich über ein geeignetes kleines Helferlein erzeugen. Eine kleine Auswahl gibts hier: [Farbcodes].

Hochgeladenes Bild

So baut man ein hochgeladenes Bild ein:

Bild im Text, Text mittig

Zeile vor dem Bild

Der Text läuft so, dass das Bild in der Mitte der Zeile ist. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, dass die nächste Zeile unter dem Bild weitergeht.

Nächste Zeile

Bild links, Text rechts

Ist left angegeben, darf vor dem Bild kein Text stehen. Das Bild steht dann links, der Text läuft rechts daran vorbei.

Text links, Bild rechts

Ist right angegeben, darf vor dem Bild auch kein Text stehen. Diesmal ist der Text auf der linken Seite. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.

Bild mit Rahmen

Bilder mit Rahmen landen immer rechts. Will man sie links haben, muss man zusätzlich left angeben. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.

Ein Bild im Rahmen mit Vorschau

Klickt man auf das Bild, sieht man eine höhere Auflösung. Übrigens sieht man hier auch, dass Bilder, wenn sonst nichts angegeben ist, immer rechts stehen und der Text links läuft.

Textfluss neben einem Bild beenden

Etwas nervig kann es sein, wenn der Text, der neben einem Bild fliesst, recht kurz ist. Je nachdem, wie groß das Browserfenster des Benutzers ist, kann es passieren, dass noch ganz andere Dinge neben dem Bild laufen, als vorgesehen, zum Beispiel neue Abschnitte. Um weiteren Text garantiert nicht mehr neben dem Bild weiterlaufen zu lassen, setzt man obendrüber <br clear="all">, so wie hier obendrüber gezeigt.

Abschnitte und deren Überschriften

Text, der von =-Zeichen umschlossen ist, wird zur Überschrift und beginnt einen (Unter-)Absatz.

Wenn die Zahl der =-Zeichen zunimmt, erzeugt man damit Unterabschnitte.

Unterabschnitt mit 2 =-Zeichen

Unterabschnitt mit 3 =-Zeichen

Unterabschnitt mit 4 =-Zeichen

Inhaltsverzeichnis

Wie zum Geier bekomme ich so ein schickes Inhaltsverzeichnis auf meine Seite, so wie auf dieser hier?

Ganz einfach. Man beginnt Abschnitte mit in =-Zeichen eingeschlossenen Überschriften. Hauptüberschriften mit einem =-Zeichen, Unterabschnitte mit 2 =-Zeichen, Unter-Unterabschnitte mit 3, u.s.w.

Hat man ein paar Abschnitte zusammen, erzeugt Gravopedia das Inhaltsverzeichnis ganz automatisch.

Retrieved from "http://gravopedia.gravon.de/index.php/Demoseite"

 == Textfarbe ==
-<font color="#ff0000">Text in rot</font>. Dafür muss man die Farbe als HTML-Code haben (dieses #ff0000). Den muss man sich über ein geeignetes kleines Helferlein erzeugen. Eine kleine Auswahl gibts hier:
+<font color="#ff0000">Text in rot</font>. <font color="#008000">Text in grün</font>. <font color="#0000a0">Text in blau</font>. Dafür muss man die Farbe als HTML-Code haben (dieses #ff0000). Den muss man sich über ein geeignetes kleines Helferlein erzeugen. Eine kleine Auswahl gibts hier:
 [[http://www.html-php-mysql.de/generatoren/colors.php Farbcodes]].