Benutzer:ErhardRainer/monobook.css/Testseite

Metadaten einblenden

Personendaten einblenden

table.metadata  { display:block; }

Inhaltsverzeichnisse hervorheben

#toc { background-color: #FFFF33; }

siehe dazu das Inhaltsverzeichnis dieser Seite

Weiterleitungen

#contentSub { background-color: #FFFF33; }

siehe dazu auch diese Seite

Copyright und Co ausblenden

Anmerkung: brauchen nur Platz, es steht sowieso auf jeder Seite das Selbe

 #footer { display:none; } 

blendet folgenden Quelltext aus

<div id="footer">
 <div id="f-poweredbyico"><a href="/"><img src="/skins-1.5/common/images/poweredby_mediawiki_88x31.png" alt="MediaWiki" /></a></div>
 <div id="f-copyrightico"><a href="http://wikimediafoundation.org/"><img src="/images/wikimedia-button.png" border="0" alt="Wikimedia Foundation"/></a></div>
 <ul id="f-list">
  <li id="lastmod"> Diese Seite wurde zuletzt am 17. November 2006 um 20:45 Uhr geändert.</li>
  <li id="copyright">Ihr Inhalt steht unter der <a class='internal' href="/wiki/Wikipedia:GNU_Free_Documentation_License">GNU-Lizenz für freie Dokumentation</a>.<br />
Wikipedia® ist eine eingetragene Marke der Wikimedia Foundation Inc.<br /></li>
  <li id="privacy"><a href="/wiki/Wikipedia:Datenschutz" title="Wikipedia:Datenschutz">Datenschutz</a></li>
  <li id="about"><a href="/wiki/Wikipedia:%C3%9Cber_Wikipedia" title="Wikipedia:Über Wikipedia">Über Wikipedia</a></li>
  <li id="disclaimer"><a href="/wiki/Wikipedia:Impressum" title="Wikipedia:Impressum">Impressum</a></li>
 </ul>
</div>
<pre>

==Links==
===Links hervorheben===
====externe Links hervorheben====
wie beispielsweise: http://www.erhard-rainer.com oder [http://www.erhard-rainer.com Erhard Rainer]
<pre>#bodyContent a.external {
        background-color: #CCCCCC;
        color: #990000;
        border-style : dashed;
        border-width : thin;
        border-color : #333333;
        font-weight: bold;}

Textpassagen verändern

Lesbarkeit fördern

Dieser Teil ermöglicht es dien Teil, den man gerade mit der Maus überfährt farblich zu markieren, um bei langen Textpassagen zu wissen, wo man gerade ist.

p {color: #666666; }

p:hover {
        color: #000000;
        font-weight: bold;
        background-color: #DDEEFF;
        font-size: 12px;}  

PRE-Elemente mit anderer Farbe

pre {
	padding: 1em;
	border: 1px dashed #2f6fab;
	color: black;
	background-color: #f9f9f9;
	line-height: 1.1em;
	text-align: justify;
} 

Hyperlinks verändern

a {
	text-decoration: none;
	color: #002bb8;
	background: none;
}
a:visited {
	color: #5a3696;
}
a:active {
	color: #faa700;
}
a:hover {
	text-decoration: underline;
}
a.stub {
	color: #772233;
}
a.new, #p-personal a.new {
	color: #ba0000;
	background-color: #FFFF00;
}
a.new:visited, a.new:visited {
	color: #ba0000;
	background-color: #00FFFF;
} 

vergleiche dazu:

• Bullet Madness
• Content per CSS anzeigen
• Pseudoelemente und Pseudoklassen

Damit sich das nicht auf "Bearbeiten", "Inhaltsverzeichnis" ... auswirkt.

siehe dazu:

• Workshop CSS: Teil 6 - Kaskaden (insb. Spezifität)

Sprungmarken

Sprungmarken innerhalb eines Dokuments markieren (insb. beim Inhaltsverzeichnis)

a[href*="#"]      { background:#FF0000; } 

Sprungmarke