Vorlagen/Beispiel/Seite-2spaltig: Unterschied zwischen den Versionen

[freigegebene Version][freigegebene Version]
K (Mlink-rodrigue verschob die Seite Vorlagen/Seite-2spaltig nach Vorlagen/Beispiel/Seite-2spaltig, ohne dabei eine Weiterleitung anzulegen)
(Markierung: 2017-Quelltext-Bearbeitung)

Personalabteilung[Bearbeiten | Quelltext bearbeiten]

Kurze Einleitung zu unserem Wiki Bereich.

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


KurznachrichtenNeuer Abschnitt[Bearbeiten | Quelltext bearbeiten]

MLR schrieb:

Erstellt vor einem Jahr und einem Monat MLR

Alle Dienstreisen sind bis 2. April abgesagt. Bei Fragen bitte an HR wenden.

MLR schrieb:

Erstellt vor einem Jahr und einem Monat MLR

Nicht vergessen. Am 2. April ist die nächste Mitarbeiterversammlung.

Neuer Abschnitt[Bearbeiten | Quelltext bearbeiten]

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

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.


<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 eine kurze Einführung zu diesem Wiki-Bereich.
        
<br />
        
        ==Kurznachrichten==
            
            {{Kurznachrichten|limit=4}}
            
Neuer Abschnitt==
            


            ==Neuer Abschnitt==
            
</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-->
        

        ==Anleitung==
        

        #CSS in Seite ''MediaWiki:Commons.css'' einfügen und speichern:
        <syntaxhighlight lang="css">
        
        /** 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;
        
        }
        </syntaxhighlight>
        

        2. 2-Spalten-Layout auf die gewünschte Portalseite kopieren:
        <syntaxhighlight lang="text">
        <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-->
        </syntaxhighlight>
        

        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
        

        4. Seite Speichern.
        

        4. Portalseite im Quelltext-Modus bearbeiten.
        

        Hinweis: Der Beispielcode benutzt zusätzlich die [[Vorlagen/Beispiel/Infobox2|Vorlage Box_Note]], um eine Infobox mit Hintergrundfarbe darzustellen.
        

        __KEIN_INHALTSVERZEICHNIS__
        
        __HIDETITLE__
Zeile 7: Zeile 7:
  
 
<br />
 
<br />
==Kurznachrichten==
+
==Neuer Abschnitt==
{{Kurznachrichten|limit=4}}
+
 
 +
 
 +
 
 +
 
 +
==Neuer Abschnitt==
 +
 
  
 
</div>
 
</div>

Anhänge

Diskussionen