Keine Kategorien vergeben

Seite-2spaltig

Anleitung[Bearbeiten | Quelltext bearbeiten]

  1. CSS in Seite MediaWiki:Commons.css einfügen und speichern:
/** Portalseite 2-spaltig ***/
.flexwrapper {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}
#content #bodyContent  .flex-spalte-1 {
    -webkit-flex:1 1 650px;
    -ms-flex: 1 1 650px;
    flex: 1 1 650px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
#content #bodyContent  .flex-spalte-2 {
    -webkit-flex: 1 1 200px;
    -ms-flex: 1 1 200px;
    flex: 1 1 200px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin-left: 30px;
}
#content #bodyContent .flexwrapper h2 {    
	font-size: 1.3em;
    margin-top: 12px;
}  
.sidebox {
	padding:15px;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);
	background-color: #f0f2f6;
    margin-bottom:15px;
}

2. 2-Spalten-Layout auf die gewünschte Portalseite kopieren:

<div class="flexwrapper">
<!--Start linke Spalte -->
<div class="flex-spalte-1">
==Personalabteilung==
{{Box Note|boxtype=backgroundbox|Note text=Kurze Einleitung zu unserem Wiki Bereich.|bgcolor=#efefef}}
Hier noch mehr Fließtext.
<br />
==Kurznachrichten==
{{Kurznachrichten|limit=4}}
</div>
<!--Ende linke Spalte -->
<!--Start rechte Spalte --><div class="flex-spalte-2">
<div class="sidebox">
==Neue Seiten==
<bs:smartlist count="6" showns="false" ns="0" new="1" />
</div>
<div class="sidebox">
==Letzte Änderungen==
<smartlist count="6" notrim="true" />
</div>
</div>
<!--Ende rechte Spalte -->
</div>
<!--Ende flexwrapper-->

3. Das Inhaltsverzeichnis und den Titelbereich im visuellen Edit-Modus über die Optionen des visuellen Editors deaktivieren:

  • Seiteneinstellungen > Inhaltsverzeichnis anzeigen: Niemals
  • Erweiterte Einstellungen > Titelsichtbarkeit: Verstecken (optional)

4. Seite Speichern.

4. Portalseite im Quelltext-Modus bearbeiten.

Hinweis: Der Beispielcode benutzt zusätzlich die Vorlage Box_Note, um eine Infobox mit Hintergrundfarbe darzustellen.


Anhänge

Diskussionen