Schneller Einstieg - Versionsgeschichte

Carsten Euwens: /* Logo einbinden und Navigation nach unten verschieben */

2006-08-10T15:29:23Z

Logo einbinden und Navigation nach unten verschieben

2006-06-10T21:57:14Z

Logo einbinden und Navigation nach unten verschieben: CSS-Änderung besser erklärt

2006-06-10T21:45:12Z

Logo einbinden und Navigation nach unten verschieben: Thumb verkleinert

2006-06-10T21:44:00Z

Logo einbinden und Navigation nach unten verschieben: ergänzt

2006-06-08T19:38:03Z

Überschriften anpassen: Leerzeichen eingefügt wegen des Standards + H4 (war H3)

2006-06-07T20:28:14Z

2006-06-07T19:45:38Z

Überschriften anpassen: Wortfehler

2006-06-07T19:45:04Z

PRE-Tag "läuft" aus dem Bild

2006-06-07T19:42:56Z

Fehler im PRE-Tag

2006-06-07T19:42:33Z

Überschriften anpassen

@@ Zeile 18: / Zeile 18: @@
 * Zuerst wird das Logo mit Printkey "ausgeschnitten".
 * Das neue Logo (siehe Screenshot) unter "logo.gif" abspeichern.
-* Das Logo auf den Webserver kopieren, zum Beispiel in dem Ordner "../css/papoo3/images/".
+* Das Logo auf den Webserver kopieren, zum Beispiel in dem Ordner "../css/papoo3/images".
 * Die Datei "../css/papoo3/basemod.css" öffnen.
 * Im HEAD-Bereich (ID: ''#head'') die bestehende Datei "top.jpg" durch "logo.gif" ersetzen.

@@ Zeile 20: / Zeile 20: @@
 * Das Logo auf den Webserver kopieren, zum Beispiel in dem Ordner "../css/papoo3/images/".
 * Die Datei "../css/papoo3/basemod.css" öffnen.
 * Im HEAD-Bereich (ID: ''#head'') die bestehende Datei "top.jpg" durch "logo.gif" ersetzen.
 [[Bild:Schneller_einstieg_logo_aendern00.gif|150px|left|Das Logo ist eingebunden, aber noch nicht komplett sichtbar]]

@@ Zeile 23: / Zeile 23: @@
 * Im HEAD-Bereich (ID: ''#head'') die bestehende Datei "top.jpg" durch "logo.gif" ersetzen.
-[[Bild:Schneller_einstieg_logo_aendern00.gif|250px|left|Das Logo ist eingebunden, aber noch nicht komplett sichtbar]]
+[[Bild:Schneller_einstieg_logo_aendern00.gif|150px|left|Das Logo ist eingebunden, aber noch nicht komplett sichtbar]]
 Damit ist das Einbinden des Logos erfolgt, aber wie man sehen kann, wird ein Teil des Logos noch verdeckt. Deswegen muss man weitere Veränderungen am CSS vornehmen.

@@ Zeile 17: / Zeile 17: @@
 [[Bild:Schneller_einstieg_logo.gif|framed|Logo für die neue Webseite]]
 * Zuerst wird das Logo mit Printkey "ausgeschnitten".
-* Danach ... in Arbeit
+* Das neue Logo (siehe Screenshot) unter "logo.gif" abspeichern.
 == Überschriften anpassen ==

@@ Zeile 26: / Zeile 26: @@
    font-size: 140%;
    color: #923A00;
-   font-weight:bold;
+   font-weight: bold;
-   margin:0.9em 0 0.9em 0px;
+   margin: 0.9em 0 0.9em 0px;
    padding: 0.2em;
    border-bottom: 1px #ccc solid;
@@ Zeile 34: / Zeile 34: @@
    font-size: 130%;
    color: #923A00;
-   font-weight:bold;
+   font-weight: bold;
-   margin:0.9em 0 0.9em 0px;
+   margin: 0.9em 0 0.9em 0px;
    padding: 0.1em;
    border-bottom: 1px #ccc solid;
@@ Zeile 42: / Zeile 42: @@
    font-size: 120%;
    color: #923A00;
-   font-weight:bold;
+   font-weight: bold;
-   margin:0.9em 0 0.9em 0px;
+   margin: 0.9em 0 0.9em 0px;
    padding: 0.1em;
    border-bottom: 1px #ccc solid;
 }</pre>
 noch noch die Vierte, den H4-Tag, hinzu:
-<pre>h3 {
+<pre>h4 {
    font-size: 110%;
    color: #923A00;
-   font-weight:normal;
+   font-weight: normal;
-   margin:0.9em 0 0.9em 0px;
+   margin: 0.9em 0 0.9em 0px;
    padding: 0.1em;
    border-bottom: 1px #ccc solid;

@@ Zeile 23: / Zeile 23: @@
 Wir fügen den drei Überschriften
-<pre>h1 {font-size: 140%; color: #923A00; font-weight:bold; margin:0.9em 0 0.9em 0px;
+<pre>h1 {
-padding: 0.2em; border-bottom: 1px #ccc solid;}
+  font-size: 140%;
-h2 {font-size: 130%; color: #923A00; font-weight:bold; margin:0.9em 0 0.9em 0px;
+  color: #923A00;
-padding: 0.1em;  border-bottom: 1px #ccc solid;}
+  font-weight:bold;
-h3 {font-size: 120%; color: #923A00; font-weight:bold; margin:0.9em 0 0.9em 0px;
+  margin:0.9em 0 0.9em 0px;
-padding: 0.1em;  border-bottom: 1px #ccc solid;}</pre>
+  padding: 0.2em;
 noch noch die Vierte, den H4-Tag, hinzu:
-<pre>h3 {font-size: 110%; color: #923A00; font-weight:normal; margin:0.9em 0 0.9em 0px;
+<pre>h3 {
-padding: 0.1em;  border-bottom: 1px #ccc solid;}</pre>
+  font-size: 110%;
 Wie man sehen kann, ist die Schrift jetzt kleiner und es wird kein Fettdruck mehr verwendet.

@@ Zeile 27: / Zeile 27: @@
 h3 {font-size: 120%; color: #923A00;font-weight:bold; margin:0.9em 0 0.9em 0px; padding: 0.1em;  border-bottom: 1px #ccc solid;}</pre>
 noch den H4-Tag zu:
-</pre>h3 {font-size: 110%; color: #923A00;font-weight:normal; margin:0.9em 0 0.9em 0px; padding: 0.1em;  border-bottom: 1px #ccc solid;}</pre>
+<pre>h3 {font-size: 110%; color: #923A00;font-weight:normal; margin:0.9em 0 0.9em 0px; padding: 0.1em;  border-bottom: 1px #ccc solid;}</pre>
 Wie man sehen kann, ist die Schrift jetzt kleiner und es wird kein Fettdruck mehr verwendet.

Nächstältere Version→		Version vom 19:42, 7. Jun 2006
Zeile 18:		Zeile 18:
	* Zuerst wird das Logo mit Printkey "ausgeschnitten".		* Zuerst wird das Logo mit Printkey "ausgeschnitten".
	* Danach ... in Arbeit		* Danach ... in Arbeit
		+
		+	== Überschriften anpassen ==
		+	Generell werden Anpassungen an der "basedmod.css" (im CSS-Verzeichnis) gemacht. Überschriften sollte man jedoch in der Datei "schriften_und_farben.css", denn hier sind beim Standard-Layout (papoo3) drei Überschriften schon vordefiniert (H1, H2, H3).
		+
		+	Wir fügen den drei Überschriften
		+	<pre>h1 {font-size: 140%; color: #923A00; font-weight:bold; margin:0.9em 0 0.9em 0px; padding: 0.2em; border-bottom: 1px #ccc solid;}
		+	h2 {font-size: 130%; color: #923A00; font-weight:bold; margin:0.9em 0 0.9em 0px; padding: 0.1em; border-bottom: 1px #ccc solid;}
		+	h3 {font-size: 120%; color: #923A00;font-weight:bold; margin:0.9em 0 0.9em 0px; padding: 0.1em; border-bottom: 1px #ccc solid;}</pre>
		+	noch den H4-Tag zu:
		+	</pre>h3 {font-size: 110%; color: #923A00;font-weight:normal; margin:0.9em 0 0.9em 0px; padding: 0.1em; border-bottom: 1px #ccc solid;}</pre>
		+	Wie man sehen kann, ist die Schrift jetzt kleiner und es wird kein Fettdruck mehr verwendet.