Benutzer:ManWing/Tipps zu Formatierungen

Hier werde ich meine Erkenntnisse hinsichtlich Erstellung, Formatierung und Pflege von Wiki-Seiten sammeln.
--ManWing2 09:53, 5. Okt 2006 (CEST)
Die Positionierung von Text neben dem Inhaltsverzeichnis erreicht man z.B. durch <span style="float: right; width: 50%;"> TEXT </span>

Formatierung via Style-Attribut

Wie bekommt man eine Hintergrundfarbe und andere fortgeschrittene Formatierungen eingestellt???

Für die im folgenden zusammengestellten Formatierungsmöglichkeiten ist die Wikitext-Syntax nicht gedacht. Hier ist dann normales HTML gefragt. Details finden sich unter ...

• http://meta.wikimedia.org/wiki/Help:Cascading_style_sheets
• http://de.selfhtml.org/navigation/css.htm

Eine Sammlung von Farben liegt unter [1].

Beispiele für unterschiedliche Tags mit Style-Formatierungen

Formatierung	Ergebnis	Bemerkung
Text vorher <div style = "background: Seashell; color: OrangeRed; font-family: Times; font-size: 12pt;"> ... auf dieser Seite entsteht gerade ... </div> Text nachher	Text vorher ... auf dieser Seite entsteht gerade ... Text nachher	Der div-Tag verursacht einen Zeilenumbruch vor dem formatierten Text (entsprechend dem <br>-Tag). Die so erzielte Formatierung gilt also immer für ganze Zeilen.
Text vorher <p style = "background: Seashell; color: OrangeRed; font-family: Times; font-size: 12pt;"> ... auf dieser Seite entsteht gerade ... </p> Text nachher	Text vorher ... auf dieser Seite entsteht gerade ... Text nachher	Der p-Tag (paragraph) löst zusätzlich die Standardabstände für Absatz und Zeile aus.
Text vorher <p style = "background: Seashell; color: OrangeRed; font-family: Times; font-size: 12pt; line-height: 110%;"> ... auf dieser Seite entsteht gerade ... </p> Text nachher	Text vorher ... auf dieser Seite entsteht gerade ... Text nachher	Durch ein zusätzliches line-height:110%; kann dieser etwas unschöne Effekt aber ausgeglichen werden.
Text vorher <span style = "background: Seashell; color: OrangeRed; font-family: Times; font-size: 12pt;"> ... auf dieser Seite entsteht gerade ... </span> Text nachher	Text vorher ... auf dieser Seite entsteht gerade ... Text nachher	Der span-Tag erlaubt es hingegen, eine Formatierung innerhalb eines fortlaufenden Textes zu erreichen.

--ManWing2 11:31, 9. Okt 2006 (CEST)

Absatz/ Text mit Rahmen versehen

Die Style-Attribute für diesen Absatz lauten z.B.:

• border-style:solid
• border-width:thin
• border-color:gray
• padding:6px

oder als komplettes Beispiel <div style="border-style:solid; border-width:thin; border-color:gray; padding:6px;">xxx</div>. Details siehe [2]

Icons

• [3] in Wikimedia/ Commons
• ...

--ManWing2 15:19, 10. Okt 2006 (CEST)

Sprungziel (Anchor) manuell erstellen

Mithilfe eines Tags wie z.B. <span id="MeinSprungziel"></span> wird an der Textstelle ein Sprungziel definiert, welches ganz normal über einen internen Link referenziert werden kann (also z.B. durch [[#MeinSprungziel| Anzeigetext]]). --ManWing2 14:11, 20. Dez 2006 (CET)

Kalender

Hier mal eine Möglichkeit einen Kalender darzustellen. --ManWing2 13:24, 20. Dez 2006 (CET)

Eigene Stylesheets

Via monobook.css und/ oder monobook.js können benutzerspezifische Styles eingestellt werden. Details siehe [4] bzw [5]. Von den beispielhaft genannten Möglichkeiten scheint mir aber nichts so richtig interessant zu sein.

Textausrichtung vertikal

Die vertikale Ausrichtung des folgenden Textes entsteht durch den Style-Tag <div style="writing-mode: tb-rl">.

Dies ist ein Versuchstext, der vertikal ausgerichtet werden soll. Normale Formatierungen funktionieren aber nach wie vor. Angeblich wird dieser Tag aber nur vom Internet Explorer ausgewertet.

Folgende Werte sind für writing-mode möglich.
Value: lr-tb | rl-tb | tb-rl | lr | rl | tb | inherit
Die Bedeutung des Beispielwerts tb-rl ist: Inline components and text within a line are written top-to-bottom. Lines and blocks are placed right-to-left.

--ManWing2 09:48, 27. Mär 2007 (CEST)

Absatz mit Rollbalken (scrolling)

In Ausnahmefällen kann es sinnvoll sein, einen Absatz in ein Feld mit Rollbalken einzubetten. Dies erreicht man mit folgendem Style-Attribut:

<div style="height:3cm; width:70%; overflow:auto; 
            border: 1px solid #AAAAAA;">

Beispiel

Der 18. April ist der 108. Tag des Gregorianischen Kalenders (der 109. in Schaltjahren), somit bleiben 257 Tage bis zum Jahresende.

Politik und Weltgeschehen

1025: Boleslaw Chrobry wird zum ersten polnischen König gekrönt.

1328: Ludwig der Bayer

1328: Johannes XXII.1328: Kaiser Ludwig der Bayer erklärt in Rom den in Avignon residierenden Papst Johannes XXII. für abgesetzt. Er reagiert damit auf seine am 27. Oktober 1327 durch den Papst getroffene Einstufung als Ketzer.

1417: Friedrich VI., bislang Burggraf von Nürnberg, erhält das Kurfürstentum Brandenburg als Lehen und wird als Kurfürst Friedrich I. Begründer der brandenburgischen Linie der Hohenzollern.

1685: Landgraf Karl von Hessen-Kassel erlässt die Freiheits-Concession, nach welcher französische Glaubensflüchtinge bestimmte Vorteile bei Ansiedlung in seinem Lande erhalten.

1864: Die Preußen unter Friedrich Karl von Preußen erstürmen nach fast fünfwöchiger Belagerung die Düppeler Schanzen und fügen Dänemark damit die entscheidende Niederlage im Deutsch-Dänischen Krieg zu.

1942: Die Amerikaner starten überraschend den Doolittle Raid, einen Luftangriff auf Tokio.

1943: In der amerikanischen Operation Vengeance wird der japanische Admiral Yamamoto Isoroku beim Anflug auf Bougainville mit seinem Flugzeug abgeschossen und kommt dabei ums Leben.

1947: Britisches Militär versucht erfolglos, die Bunkeranlagen auf der Insel Helgoland zu sprengen.

1949: Irland tritt aus dem Commonwealth aus.

1951: Der Vertrag zur Gründung der Montanunion (EGKS) wird unterzeichnet. Aus der Montanunion, dem Vertrag über die Europäische Wirtschaftsgemeinschaft (EWG) und dem Vertrag über die Nutzung der Kernenergie entstand später die Europäische Gemeinschaft.

--ManWing2 11:58, 18. Apr 2007 (CEST)

Sonderzeichen

Wegen der besonderen Bedeutung wird hier speziell auf Binde- und Gedankenstrich eingegangen. Allgemeine Erläuterungen und eine Übersicht weiterer Sonderzeichen finden sich unter http://de.selfhtml.org/html/referenz/zeichen.htm.

Anzeige	Bezeichnung	Erzeugung	Bemerkung
-	Bindestrich	normal über die Tastatur
–	Gedankenstrich	–
−	geschützter Bindestrich	−	um bei einem Zeilenumbruch den Bindestrich mit dem folgenden Text zusammen zu halten; z.B. Apfelschale, −gehäuse und −stiel
­	bedingter Bindestrich	­	nur sichtbar, falls eine Trennung an einem Zeilenumbruch erfolgt; z.B. Donau­dampf­schiff­fahrts­ge­sell­schaft

Common.css

CSS-Formatierungen, die für alle Skins gelten sollen, kann man in Mediawiki:Common.css eintragen. Das heißt, dass diese direkt aus diesem Artikel heraus angezogen werden und nicht - wie man vielleicht meinen könnte - aus dem jeweiligen Mediawiki-Installationsverzeichnis /skins/common.

Nimmt man in derr o.g. Seite Änderungen vor, so werden diese erst wirksam, wenn man entsprechende Seiten mit Strg+F5 aktualisiert (= Browser-Cache leeren).
--ManWing2 12:02, 12. Sep. 2007 (CEST)