Einsatzleiterwiki Feuerwehr Lampertheim

<h1>Designanpassungen (eigene CSS-Regeln)</h1>
<div class="level1">

<p>
&lt;WRAP center round help 100%>
Falls Sie sich bisher noch nie mit HTML- und CSS-Programmierung beschäftigt haben, ist <a href="https://wiki.selfhtml.org/wiki/CSS" class="urlextern" target="_blank" title="https://wiki.selfhtml.org/wiki/CSS" rel="ugc nofollow noopener">https://wiki.selfhtml.org/wiki/CSS</a> sowie <a href="http://www.css4you.de/" class="urlextern" target="_blank" title="http://www.css4you.de/" rel="ugc nofollow noopener">http://www.css4you.de/</a> eine gute Anlaufstelle. Auch wenn es nicht sonderlich kompliziert ist, ein grundlegendes Verständnis über das Programmieren sollte vorhanden sein.
&lt;/WRAP>
</p>

<p>
Der größte Teil des Aussehens der dem Einsatzleiterwiki zugrunde liegende DokuWiki-Software kann durch <a href="https://de.wikipedia.org/wiki/Cascading_Style_Sheets" class="interwiki iw_wpde" target="_blank" title="https://de.wikipedia.org/wiki/Cascading_Style_Sheets" rel="noopener">Cascading Style Sheets</a> angepasst werden. Die DokuWiki-Software selbst definiert nur einige wenige Designregeln. Der größte Teil wird im genutzten Template sowie in den verwendeten Plugins festgelegt.
</p>

<p>
Die dort festgelegten Regeln können durch eigene CSS-Regeln überschrieben werden. Dies kann in vier verschiedenen Dateien geschehen. Diese Dateien müssen im Unterordner <code>conf</code>, ausgehend vom Wiki-Hauptverzeichnis, angelegt werden.
</p>

<span class='np_break'> </span>
<div class="table sectionedit1"><table class="inline">
	<thead>
	<tr class="row0">
		<th class="leftalign"> CSS-Datei              </th><th class="col1"> Wann sie verwendet wird </th>
	</tr>
	</thead>
	<tr class="row1">
		<td class="leftalign"> <code>conf/userall.css</code>   </td><td class="col1"> In jedem Modus </td>
	</tr>
	<tr class="row2">
		<td class="col0"> <code>conf/userstyle.css</code> </td><td class="col1"> Im Bildschirm-Modus </td>
	</tr>
	<tr class="row3">
		<td class="col0"> <code>conf/userprint.css</code> </td><td class="col1"> Wenn die Seite gedruckt wird </td>
	</tr>
	<tr class="row4">
		<td class="leftalign"> <code>conf/userfeed.css</code>  </td><td class="col1"> Wenn der <a href="https://www.dokuwiki.org/oIWIKIo%3Ade%3AsyndicationcIWIKIc" class="interwiki iw_doku" target="_blank" title="https://www.dokuwiki.org/oIWIKIo%3Ade%3AsyndicationcIWIKIc" rel="noopener">(RSS-)Feed</a> dargestellt wird </td>
	</tr>
</table>
<span class='np_break'> </span>
</div>
<p>
Die hier genannten Dateien werden bei einer Aktualisierung nicht angetastet und bleiben unverändert bestehen.
</p>

<p>
&lt;WRAP center round info 100%>
Sofern es keinen Grund gibt den eigenen CSS-Code in eine der anderen css-Dateien zu schreiben, sollte dieser immer die die <code>conf/userall.css</code>-Datei eingefügt werden, da dieser CSS-Code Anweisungen aus allen anderen Dateien überschreibt.
&lt;/WRAP>
</p>

<p>
&lt;WRAP center round tip 100%>
Eine einfache Bearbeitung dieser Dateien ist mit dem <a href="/doku.php?id=wiki:hilfe:plugins:optional:advanced" class="wikilink1" title="wiki:hilfe:plugins:optional:advanced" data-wiki-id="wiki:hilfe:plugins:optional:advanced">advanced-Plugin: erweiterte Konfigurationsdateien komfortabler und direkt im Wiki-Adminbereich bearbeiten</a> möglich.
&lt;/WRAP>
</p>

</div>

<h2>Links zu Grafiken und weiteren Stylesheets</h2>
<div class="level2">

<p>
Relative Links zu Grafiken (<code>url(…)</code>) und verlinkte Stylesheets (<code>@import …</code>) in eigenen CSS-Dateien werden durch DokuWiki automatisch angepasst; sie werden als relativ zum Hauptverzeichnis des Templates angesehen.
</p>

</div>

<h2>Beispiel</h2>
<div class="level2">
<dl class="file">
<dt><a href="/doku.php?do=export_code&id=wiki:hilfe:anpassungen:css&codeblock=0" title="Schnipsel herunterladen" class="mediafile mf_css">userall.css</a></dt>
<dd><pre class="code file css"><span class="coMULTI">/* Hintergrundfarbe für Tabellenüberschriften (orange) */</span>
 
<span class="re1">.dokuwiki</span> table<span class="re1">.inline</span> th <span class="br0">{</span>
	<span class="kw1">background-color</span><span class="sy0">:</span> <span class="re0">#ffcc00</span><span class="sy0">;</span>
<span class="br0">}</span>

</pre><p> </p>
</dd></dl>

</div>

<h2>Quellenangabe</h2>
<div class="level2">
<ul>
<li class="level1"> <a href="https://www.dokuwiki.org/start?id=devel:css" class="urlextern" target="_blank" title="https://www.dokuwiki.org/start?id=devel:css" rel="ugc nofollow noopener">https://www.dokuwiki.org/start?id=devel:css</a>, übersetzt aus dem Englischen. Der Originalartikel geht jedoch noch wesentlich weiter ins Detail</li>
</ul>

</div>

Aktiviere komplexe Tabellen Editorhöhe px Zusätzliche Unterstützung beim Einfügen von Bildern aus der Zwischenablage Ein

Zusammenfassung: Kleine Änderungen

Einsatzleiterwiki Feuerwehr Lampertheim

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge