Loading AI tools
Aus Wikipedia, der freien Enzyklopädie
Dies ist ein teilweise radikaler, teilweise konservativer Vorschlag zu einer Neugestaltung der Hauptseite. Beachte, dass die Seite unterschiedlich aussieht, abhängig vom gewählten Skin und der Breite des Fensters. Für eine akzeptable Darstellung in älteren IEs sind noch weitere Anstrengungen notwendig, die hier noch fehlen. Im Monobookskin ist der obere Abstand noch auf die aktuelle Hauptseite abgestimmt und damit zu klein.
Für die korrekte Darstellung ist noch etwas CSS notwendig. Je nach Browser gehst du dabei folgendermaßen vor:
mw.util.addCSS('#wikipedia-hauptseite-test { display: none; } /* Allgemeine Struktur */ #wikipedia-hauptseite-links { float: left; width: 55%; } #wikipedia-hauptseite-rechts { float: right; width: 45%; } #wikipedia-hauptseite-unten { clear: both; } /* Allgemeine Struktur (schmale Fenster) */ @media screen and (max-width: 900px) { #wikipedia-hauptseite-links, #wikipedia-hauptseite-rechts { float: none; width: auto; } } /* Allgemeines Aussehen (alle Skins, zusätzlicher Abschnitt für Vector) */ .wikipedia-hauptseite-kasten { background-color: #fff; margin-bottom: 4px; } #wikipedia-hauptseite-links .wikipedia-hauptseite-kasten { margin-right: 2px; } #wikipedia-hauptseite-rechts .wikipedia-hauptseite-kasten { margin-left: 2px; } .wikipedia-hauptseite-kasten h2 { background-color: #d8e8ff; border: 1px solid #8898bf; margin: 0; padding: 0.1em 0; font-size: 1em; font-weight: bold; text-indent: 0.8em; } .wikipedia-hauptseite-zentriert h2 { text-align: center; text-indent: 0; } .wikipedia-hauptseite-meta h2 { background-color: #d8ffd8; } .wikipedia-hauptseite-kasten h2 img { display: none; } .wikipedia-hauptseite-kasten h3 { border: none; font-size: 1em; font-weight: bold; } .wikipedia-hauptseite-inhalt { padding: 0.3em 0.8em 0.4em; border: 1px solid #8898bf; border-top: 0; } .wikipedia-hauptseite-inhalt hr { background: #a7d7f9; color: #a7d7f9; height: 1px; margin: 0.5em 0; } .wikipedia-hauptseite-fusszeile { margin-top: 0.8em; clear: both; font-size: 95%; text-align: right; } /* Allgemeines Aussehen (Vector-Skin) */ .skin-vector #wikipedia-hauptseite { background-color: #fff; } .skin-vector .wikipedia-hauptseite-kasten { background-color: transparent; border: 1px solid #a7d7f9; border-radius: 5px; } .skin-vector .wikipedia-hauptseite-kasten h2 { margin: 10px 5px; padding: 0; text-indent: 0; background: -moz-linear-gradient(to right, #d8e8ff, #fff); border: none; border-radius: 13px; height: 26px; font-size: 20px; overflow: visible; } .skin-vector .wikipedia-hauptseite-meta h2 { background: -moz-linear-gradient(to right, #d8ffd8, #fff); } .skin-vector .wikipedia-hauptseite-zentriert h2 { padding: 5px; height: 16px; background: #d8e8ff; } .skin-vector .wikipedia-hauptseite-kasten h2 span { display: inline-block; overflow: visible; height: 38px; margin-top: -5px; } .skin-vector .wikipedia-hauptseite-kasten h2 img { display: inline-block; vertical-align: -60%; margin-left: 6px; margin-right: 16px; } .skin-vector .wikipedia-hauptseite-inhalt { border: none; } .skin-vector .wikipedia-hauptseite-inhalt hr { background: #8898bf; color: #8898bf; } .skin-vector .wikipedia-hauptseite-fusszeile { border-top: 1px solid #ccc; } .skin-vector #wikipedia-hauptseite-oben { background: url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png) no-repeat -40px -15px; } /* Einzelne Bereiche */ /*Selektor*/ #catlinks, /*Selektor*/.action-view h1.firstHeading, /*Selektor*/.action-view #contentSub { display: none; } #wikipedia-hauptseite-oben .wikipedia-hauptseite-inhalt { text-align: center; } #wikipedia-hauptseite-oben a { font-weight: bold; } #wikipedia-hauptseite-unten ul { margin: 0; text-align: center; } #wikipedia-hauptseite-unten li { white-space: nowrap; list-style: none; display: inline-block; padding-left: 1em; } #wikipedia-hauptseite-unten a { background: none !important; padding-right: 0px !important; font-weight: bold; }');
Unkomprimierter CSS-Code:
#wikipedia-hauptseite-test {
display: none;
}
/* Allgemeine Struktur */
#wikipedia-hauptseite-links {
float: left;
width: 55%;
}
#wikipedia-hauptseite-rechts {
float: right;
width: 45%;
}
#wikipedia-hauptseite-unten {
clear: both;
}
/* Allgemeine Struktur (schmale Fenster) */
@media screen and (max-width: 900px) {
#wikipedia-hauptseite-links,
#wikipedia-hauptseite-rechts {
float: none;
width: auto;
}
}
/* Allgemeines Aussehen (alle Skins, zusätzlicher Abschnitt für Vector) */
.wikipedia-hauptseite-kasten {
background-color: #fff;
margin-bottom: 4px;
}
#wikipedia-hauptseite-links .wikipedia-hauptseite-kasten {
margin-right: 2px;
}
#wikipedia-hauptseite-rechts .wikipedia-hauptseite-kasten {
margin-left: 2px;
}
.wikipedia-hauptseite-kasten h2 {
background-color: #d8e8ff;
border: 1px solid #8898bf;
margin: 0;
padding: 0.1em 0;
font-size: 1em;
font-weight: bold;
text-indent: 0.8em;
}
.wikipedia-hauptseite-zentriert h2 {
text-align: center;
text-indent: 0;
}
.wikipedia-hauptseite-meta h2 {
background-color: #d8ffd8;
}
.wikipedia-hauptseite-kasten h2 img {
display: none;
}
.wikipedia-hauptseite-kasten h3 {
border: none;
font-size: 1em;
font-weight: bold;
}
.wikipedia-hauptseite-inhalt {
padding: 0.3em 0.8em 0.4em;
border: 1px solid #8898bf;
border-top: 0;
}
.wikipedia-hauptseite-inhalt hr {
background: #a7d7f9;
color: #a7d7f9;
height: 1px;
margin: 0.5em 0;
}
.wikipedia-hauptseite-fusszeile {
margin-top: 0.8em;
clear: both;
font-size: 95%;
text-align: right;
}
/* Allgemeines Aussehen (Vector-Skin) */
.skin-vector #wikipedia-hauptseite {
background-color: #fff;
}
.skin-vector .wikipedia-hauptseite-kasten {
background-color: transparent;
border: 1px solid #a7d7f9;
border-radius: 5px;
}
.skin-vector .wikipedia-hauptseite-kasten h2 {
margin: 10px 5px;
padding: 0;
text-indent: 0;
background: -moz-linear-gradient(to right, #d8e8ff, #fff);
border: none;
border-radius: 13px;
height: 26px;
font-size: 20px;
overflow: visible;
}
.skin-vector .wikipedia-hauptseite-meta h2 {
background: -moz-linear-gradient(to right, #d8ffd8, #fff);
}
.skin-vector .wikipedia-hauptseite-zentriert h2 {
padding: 5px;
height: 16px;
background: #d8e8ff;
}
.skin-vector .wikipedia-hauptseite-kasten h2 span {
display: inline-block;
overflow: visible;
height: 38px;
margin-top: -5px;
}
.skin-vector .wikipedia-hauptseite-kasten h2 img {
display: inline-block;
vertical-align: -60%;
margin-left: 6px;
margin-right: 16px;
}
.skin-vector .wikipedia-hauptseite-inhalt {
border: none;
}
.skin-vector .wikipedia-hauptseite-inhalt hr {
background: #8898bf;
color: #8898bf;
}
.skin-vector .wikipedia-hauptseite-fusszeile {
border-top: 1px solid #ccc;
}
.skin-vector #wikipedia-hauptseite-oben {
background: url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png) no-repeat -40px -15px;
}
/* Einzelne Bereiche */
/*Selektor*/ #catlinks,
/*Selektor*/.action-view h1.firstHeading,
/*Selektor*/.action-view #contentSub {
display: none;
}
#wikipedia-hauptseite-oben .wikipedia-hauptseite-inhalt {
text-align: center;
}
#wikipedia-hauptseite-oben a {
font-weight: bold;
}
#wikipedia-hauptseite-unten ul {
margin: 0;
text-align: center;
}
#wikipedia-hauptseite-unten li {
white-space: nowrap;
list-style: none;
display: inline-block;
padding-left: 1em;
}
#wikipedia-hauptseite-unten a {
background: none !important;
padding-right: 0px !important;
font-weight: bold;
}
Dateibeschreibungsseiten der verwendeten Symbole und Logos einschließlich Nennung von Lizenz und Urheber: Logo im Hintergrund; Stern, Kalender, Zeitung, W, Ausrufezeichen, Bücher, Stift, Fragezeichen; Meta-Wiki, Commons, Wiktionary, Wikibooks, Wikiquote, Wikiversity, Wikisource, Wikinews, Wikidata, Wikivoyage
Seamless Wikipedia browsing. On steroids.
Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.
Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.