Für Leute mit hoher Bildschirmauflösung

Supi

Steff for Seitenadmin

 

Geile Sache!

 

Yeah So siehts gleich viel besser aus

 

Geht selbstverständlich auch mit Operas UserCSS. Einfach unter SitePreferences/Display das entsprechende Style Sheet verlinken.

€: Hey, kannst du vielleicht noch ein Script machen, dass die Breite skaliert? Müsste ja gehen, wenn man die absoluten in relative Angaben umwandelt, aber ich weiss nicht, wo ich da anfangen sollte. Und wenn du schon dabei bist, die Farben...

 

Und auf Deutsch für Opera :

1. Opera-Plugin von der Seite runterladen
2. In nen Ordner speichern
3. Auf Gamestar.de F12 drücken und "Seitenspezifische Einstellungen..." ankilcken
4. Dort oben "Skripte" auswählen und dann den Ordner

 

cool es klappt
danke

 

Danke.

Schon klasse, dass die Community das jetzt alles fixt.

 

Danke, wenigstens das klappt.

 

jo als breiter könnte das Forum ruhig sein Also so dass es rechts direkt an die Werbung angrenzt!

 

Punkt 4 ist falsch......unter Skripte kommen scriptdateien hin.....css dateien müssen bei Anzeige ausgewählt werden......

 

Geht auch, muss man aber gar nicht, Opera unterstützt direkt userspezifische CSS. Da muss dann nur

Code:

body
{
width:850px !important;
margin:0 auto !important;
}

drinstehen. Das ganze in ne Datei speichern und dann unter SitePreferences/Seitenspezifische Einstellungen bei Display unter "User Style Sheet" verlinken.

 

Toppes Ding!
Danke!

 

Erstmal sehr vielen Dank, das machts schonmal angenehmer Vor dem Relaunch hatts mich ja nicht gestört, da durch die News an der linken Seite das Forum einigermaßen in der Mitte war, aber jetzt ist das ziemlich nervig. Aber zentriert ists ziemlich okay. Sehr gewöhnungsbedürftig, aber allemal annehmbar

Funktioniert das Greasemonkey-Skript eigentlich genauso? Dann solltest du das noch erwähnen, da hier ja auch viele Greasemonkey benutzen. Ich habs kurz ausprobiert, dann war aber plötzlich die Seite voller (immerhin schön orangener) Fehlermeldungen. Eben hatte ich das nochmal, weiß jetzt aber nicht, ob das am Skript oder an gamestar.de lag

 

danke!

wer no-script benutzt sollte das abschalten!

 

Und wie mach ich das jetzt wieder rückgängig?

 

Puh, viel Arbeit, teilweise wohl nicht so einfach umsetzbar (aber: nichts ist unmöglich, Toyota). Mal schauen wie ich das regel, der Code ist wirklich mehr als unübersichtlich und teilweise wirklich schrecklich.

Man kann auf der Webseite auswählen ob man es für Stylish oder Greasemonkey installieren will. Stylish ist jedoch massiv schneller als Greasemonkey. Die Fehler kommen definitiv von Gamestar.de und nicht von meinen CSS Style

Du solltest jetzt unten rechts ein kleines Icon haben das so aussieht wie ein Pinsel auf einem Blatt Papier. Einmal da drauf klicken, dann siehst du direkt welche CSS Styles für die aktuelle Webseite aktiviert sind. Durch einen Klick auf einer der Styles kannst du sie ganz einfach deaktivieren. Falls du das ganze Plugin deinstallieren möchtest kannst du es unter "Extras -> Add-ons" wieder deinstallieren.

 

Du machst die Schritte rückwärts. :P

 

Na wie es aussieht arbeiten die gerade fieberhaft an der Seite, die Hauptseite ist schon zentriert worden, hoffe beim Forum und dem Rest der Seiten wird dies folgen. So lange die Wünsche der Community (wir benutzen nunmal diese Seite) eingegangen wird kann es ja nur besser werden.

 

Wer es ohne Plugin erreichen möchte, macht folgendes:
Öffne diese Datei: C:/Dokumente/und/Einstellungen/Benutzername/Anwendungsdaten/Mozilla/Firefox/Profiles/username/chrome/userContent.css

Falls sie nicht existiert, dann nimm den Editor speicher eine Datei mit genau diesem Namen ab ( keine Textdatei (.txt) sondern .css).

In diese Datei müsst ihr dann nur noch diesen Code reinkopieren und speichern:

Code:

@-moz-document url(http://gamestar.de/),
              url-prefix(http://gamestar.de/),
              domain(gamestar.de)
{
 body  > table {
margin:0 auto; }
}

Und den Firefox neustarten, fertig.

@steff: Schon die CSS-Eigentschaften gefunden, die die Breite regeln?

 

Auch ne Möglichkeit, allerdings gibts dafür keine Updatefunktion

Gamestar scheint gerade wie wild an der Seite zu basteln (Stümperhaft, echt...) daher wird sich der Code noch des öfteren ändern. Vielleicht machen sie es auch so dass wir schlussendlich gar kein Stylesheet mehr brauchen.

 

.

 

Damit zerstörst du nur das Layout.

 

Wenn sich nichts daran ändert, dass die ganze Seite auf einem direkten Kindelement table von body basiert, funktioniert das auch schön.

 

.

 

<3 Steff

 

Leider gibt es noch andere unschöne Dinge, nicht nur dass die Seite nicht zentriert ist. Zudem ist es besser direkt das Body Element im Html Element zu zentrieren als die Tabelle im Body

Wer ein Update will das unter anderem die Links besser sichtbar macht, klickt einmal auf das Stylish Symbol unten rechts, dann auf "Stile verwalten...". Es wird ein neues Fenster geöffnet bei dem auf "Updates suchen..." geklickt werden muss.

 

Code:

.tcat      {
	color: Black !important;
}
strong   {
	color: Black !important;
}

Für die Leute, dennen die Farbe von der postzeit, und des Beitragscounters im Beitrag zu hell ist.......einfach in das Stylesheet einfügen.............Achtung, es kann sein das das mehr als nur die beiden von der Schrift beeinflusst....

 

Mein Stylesheet ändert das bereits, und sogar nur dort wo es das auch soll

 

super daran dachte ich eben auch schon, die Texte wo immer steht von wann der Post ist konnte man gar nicht richtig erkennen!

Musst aber nochmal gucken bei den Steckbriefen, dort ist jetzt die Schrift auch Blau... die müsstest du evtl wieder weiß machen

 

Daran arbeite ich gerade.

Vorversion ist bereits fertig

 

Dann hast du das nachträglich da eingefügt............das letze mal standen da nur die oberne beiden Sachen drinne.....

 

Sehr schön, super Sache. Leider verzerrt es die Kästchen zum Antworten und direkt antworten (bei mir zumindest).

 

Dann hast du das nachträglich da eingefügt............das letze mal standen da nur die oberne beiden Sachen drinne.....

 

Das macht leider die Gamestar und nicht ich bzw mein Stylesheet

Sie kriegen das Problem mit den überlangen Posts nicht hin. Das geht leider nur Serverseitig.

@Wolfpig: das Stylesheet wird natürlich immer wieder upgedatet, die GS ändert ja momentan immer wieder was, also muss ich mitziehen

 

sehr viel langsamer als sie jetzt sowieso schon ist kann sie ja wohl kaum noch werden.

 

Na ja, es gibt schlimmeres.

 

schönes ding!

danke!

 

Ähm, naja - das ist doch schon bei Games im Allgemeinen so, wieso dann nicht auch bei Gamestar?

 

Hehe, den Steff999 gibts auch noch. ^^

Ich konnte es nicht lassen und hab noch ein altes Stylesheet vom klassischen Blue-Style hinzugefügt:

Code:

// ==UserScript==
// @name          Center gamestar.de
// @namespace     http://userstyles.org
// @description	  Zentriert die ganze Gamestar.de Webseite + Fast schon Classic Design
// @author        Steff
// @homepage      http://userstyles.org/styles/5768
// @include       http://gamestar.de/*
// @include       https://gamestar.de/*
// @include       http://*.gamestar.de/*
// @include       https://*.gamestar.de/*
// ==/UserScript==


var css = "@namespace url(http://www.w3.org/1999/xhtml); html{ background:#ebebeb !important; } body { width:875px !important; margin:0 auto !important; }  body{	color: #182263;	font: 9pt arial, helvetica, verdana, sans-serif;	color:black;		margin:0px;		padding:0px;}a:link, body_alink{	color: #182263;	text-decoration: underline;}a:visited, body_avisited{	color: #182263;	text-decoration: underline;}a:hover, a:active, body_ahover{	color: #FF4400;	text-decoration: underline;}.page{	background: #FFFFFF;	color: #182263;}td, th, p, li{	font: 9pt arial, helvetica, verdana, sans-serif;}.tborder{	background: #ededed;	color: #182263;	border: 1px solid #0F1957;}.tcat{	background: #2E3778;	color: #FFFFFF;	font: bold 9pt arial, helvetica, verdana, sans-serif;}.tcat a:link, .tcat_alink{	color: #ffffff;	text-decoration: none;}.tcat a:visited, .tcat_avisited{	color: #ffffff;	text-decoration: none;}.tcat a:hover, .tcat a:active, .tcat_ahover{	color: #FFFF66;	text-decoration: underline;}.thead{	background: #2E3778;	color: #FFFFFF;	font: bold 9pt arial, helvetica, verdana, sans-serif;}.thead a:link, .thead_alink{	color: #FFFFFF;}.thead a:visited, .thead_avisited{	color: #FFFFFF;}.thead a:hover, .thead a:active, .thead_ahover{	color: #FFFF00;}.tfoot{	background: #D3D3D3;	color: #ffffff;}.tfoot a:link, .tfoot_alink{	color: #182263;}.tfoot a:visited, .tfoot_avisited{	color: #182263;}.tfoot a:hover, .tfoot a:active, .tfoot_ahover{	color: #FFFF66;}.alt1, .alt1Active{	background: #ededed;	color: #182263;}.alt2, .alt2Active{	background: #D3D3D3;	color: #182263;}td.inlinemod{	background: #FFFFCC;	color: #000000;}.wysiwyg{	background: #ededed;	color: #182263;	font: 9pt arial, helvetica, verdana, sans-serif;}textarea, .bginput{	font: 9pt arial, helvetica, verdana, sans-serif;}.button{	font: 9pt arial, helvetica, verdana, sans-serif;}select{	font: 9pt arial, helvetica, verdana, sans-serif;}option, optgroup{	font-size: 9pt;	font-family: arial, helvetica, verdana, sans-serif;}.smallfont{	font: 9pt arial, helvetica, verdana, sans-serif;}.time{	color: #666686;}.navbar{	font: 9pt arial, helvetica, verdana, sans-serif;}.highlight{	color: #FF0000;	font-weight: bold;}.fjsel{	background: #2E3778;	color: #ededed;}.fjdpth0{	background: #F7F7F7;	color: #000000;}.panel{	background: #D3D3D3;	color: #182263;	padding: 10px;	border: 2px outset;}.panelsurround{	background: #ededed;	color: #182263;}legend{	color: #182263;	font: 9pt arial, helvetica, verdana, sans-serif;}.vbmenu_control{	background: #2E3778;	color: #FFFFFF;	font: bold 9pt arial, helvetica, verdana, sans-serif;	padding: 3px 6px 3px 6px;	white-space: nowrap;}.vbmenu_control a:link, .vbmenu_control_alink{	color: #FFFFFF;	text-decoration: none;}.vbmenu_control a:visited, .vbmenu_control_avisited{	color: #FFFFFF;	text-decoration: none;}.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover{	color: #FFFFFF;	text-decoration: underline;}.vbmenu_popup{	background: #FFFFFF;	color: #182263;	border: 1px solid #0B198C;}.vbmenu_option{	background: #BBC7CE;	color: #000000;	font: 9pt arial, helvetica, verdana, sans-serif;	white-space: nowrap;	cursor: pointer;}.vbmenu_option a:link, .vbmenu_option_alink{	color: #22229C;	text-decoration: none;}.vbmenu_option a:visited, .vbmenu_option_avisited{	color: #22229C;	text-decoration: none;}.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover{	color: #FFFFFF;	text-decoration: none;}.vbmenu_hilite{	background: #8A949E;	color: #FFFFFF;	font: 9pt arial, helvetica, verdana, sans-serif;	white-space: nowrap;	cursor: pointer;}.vbmenu_hilite a:link, .vbmenu_hilite_alink{	color: #FFFFFF;	text-decoration: none;}.vbmenu_hilite a:visited, .vbmenu_hilite_avisited{	color: #FFFFFF;	text-decoration: none;}.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover{	color: #FFFFFF;	text-decoration: none;}/* ***** small padding on 'thead' elements ***** */td.thead, div.thead { padding: 4px; }/* ***** basic styles for multi-page nav elements */.pagenav a { text-decoration: none; }.pagenav td { padding: 2px 4px 2px 4px; }/* ***** define margin and font-size for elements inside panels ***** */.fieldset { margin-bottom: 6px; }.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 9pt; }/* ***** don't change the following ***** */form { display: inline; }label { cursor: default; }.normal { font-weight: normal; }/*.inlineimg { vertical-align: middle; } */.bigusername { font-size: 20px; font-weight: normal; }";


if (typeof GM_addStyle != "undefined") {
	GM_addStyle(css);
} else if (typeof addStyle != "undefined") {
	addStyle(css);
} else {
	var heads = document.getElementsByTagName("head");
	if (heads.length > 0) {
		var node = document.createElement("style");
		node.type = "text/css";
		node.appendChild(document.createTextNode(css));
		heads[0].appendChild(node); 
	}
}

Zur Installation obigen Code in Notepad++ o.ä. kopieren, als centergamestarde.user.js abspeichern und im FF öffnen (Greasemonkey vorausgesetzt).

War eine 2 Minuten Copy-Paste-Aktion. Erwartet kein Wunder.


Screenshots:
Threadansicht: http://img296.imageshack.us/img296/9809/gspbkindaclassicpj3.png
Smalltalk-Übersicht: http://img176.imageshack.us/img176/8817/gspbsmalltalkkindaclassxf7.png