Keine Kategorien vergeben

Seite-2spaltig

Personalabteilung[Bearbeiten | Quelltext bearbeiten]

Kurze Einleitung zu unserem Wiki Bereich.

Hier eine kurze Einführung zu diesem Wiki-Bereich.


Kurznachrichten[Bearbeiten | Quelltext bearbeiten]


Anleitung[Bearbeiten | Quelltext bearbeiten]

CSS in Seite MediaWiki:Commons.css einfügen:

/** 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;
}
/** cropped image **/
img.responsive {width:100%;height:auto;}
.crop { max-height: 80px; overflow: hidden; }

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-->



Anhänge

Diskussionen