Benutzer:Schnark/Hauptseitentest

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

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:

  • Firefox
    1. Drücke Umschalt+F4
    2. Füge folgenden Code ein:
      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; }');
    3. Drücke Strg+R
  • Internet Explorer
    1. Drücke F12
    2. Wechsle zur Registerkarte "Konsole"
    3. Füge den Code unter Punkt 2 bei Firefox in die untere Zeile ein
    4. Klicke auf den grünen Pfeil neben der Zeile

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

Willkommen bei Wikipedia

Über Wikipedia

Wikipedia ist ein Projekt zum Aufbau einer Enzyklopädie aus freien Inhalten in über 280 Sprachen, zu dem du mit deinem Wissen beitragen kannst. Seit Mai 2001 sind 2.961.788 Artikel in deutscher Sprache entstanden.

Bei Fragen aller Art hilft eine unserer verschiedenen Kontaktmöglichkeiten weiter, Antworten auf häufig gestellte Fragen liefern die FAQ. Informationen für Pressevertreter haben wir unter Wikipedia:Presse zusammengestellt.

Wikipedia aktuell

Inhalt von {{Wikipedia:Hauptseite/Wikipedia aktuell}} (Dorthin müsste auch die Überschrift verschoben werden.)

Lesen!

Du suchst nach Informationen zu einem bestimmten Thema? Neben der Suchfunktion kannst du auch unsere Themenportale oder das Kategoriesystem nutzen. Alle Artikel findest du im alphabetischem Index. Falls du nicht fündig wirst, lohnt sich auch ein Blick bei den anderen Sprachen. Und wenn du nicht selbst lesen willst, kannst du dir viele Artikel auch vorlesen lassen. Ebenfalls interessant für dich könnte unsere Tour für Leser sein.

Mitmachen!

Du hast Lust bekommen an Wikipedia mitzuwirken? Nützliche Informationen zum Einstieg findest du auf der Hilfeseite „Neu bei Wikipedia“ und im Wikipedia:Tutorial. Im Mentorenprogramm erhälst du durch einen erfahrenen Wikipedianer persönliche Betreuung bei deinen ersten Schritten. Das Autorenportal hält interessante Informationen für Autoren bereit.

Schon gewusst?

Eine Frau mit langen blonden Haaren, Ohrringen und Kette, bekleidet mit einem grauen Pullover und Jeans, blickt in die Kamera. Hinter ihr steht ein Holzregal.

Schwesterprojekte

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