Club der GSPB-Bauarbeiter - Wir bauen das GSPB um!

Andere Seiten machen das doch auch nicht!?!

Ich fummel mal ein bisschen rum.

 

Ich hatte halt vorher einfach die ganze class per Script entfernt, aber die Avatare brauchen pic_box. Deswegen ist die Version die Avatare und blaue Box vereint momentan noch nicht ganz so weit wie die ganz ohne Avatare. Wir könnten natürlich auch den Rest der Box mit Stylish strippen, ja, aber dann müssten wir wirklich ein Paket schnüren was alles abdeckt (Forendesign, Boxen, Avatare).

 

Hmmm. Würde aber sicher dennoch sicher einige Leute interessieren.

Kannst ja mal den Code posten. Wer es nutzen will, der kann es ja tun ^^

 

also die breite find cih wirklich gut, bissl sehr breit zwar, aber so dass man sagen kann dass sich nicht alles ewig weit nach unten verschleppt

 

@ Xeno: Wie kann ich den Popups denn verbieten, dass sie die größe des neuen Tabs ändern?

 

Das mit dem Paket ist ansich kein Ding.

Müsste eben nur ein gutes Tutorial her, wie ma das alles schnell einbindet

Aber wir sollten die einzelnen Teile auch so erstellen, dass sie auch allein lauffähig sind.

man könnte doch per Script ein neues DIV anlegen, in das der Ava reinkommt, oder?
Ebenfalls könnte man dann per Script die Box ausblenden. Das würde eventuell sogar komplett mit Stylish gehen, indem alle Elemente innerhalb der Box 1x1px groß gemacht und in die linke obere Ecke verschoben werden. Alternativ könnte man natürlich auch per Script einfach die gesamte Box samt Inhalt entfernen.

 

Also ich hatte das AFAIK mal irgendwo in den Einstellungen von Tab Mix Plus gesehen.
Aber frage mich nicht wo

 

Hilfe. Strg+F5 und Cache löschen hilft auch nicht.

 

Ich finde da keine passende Einstellung.

 

Hatte ich doch schon, oder?

Code:

body
{
	width:1000px !important;
	margin:0 auto !important;
}
.fo_co_lbox_hdr
{
	width: 1000px !important;
}

Die 1000px sind jetzt nur Platzhalter.

 

Wenn jetzt noch jemand eine Version bastelt, die auch die Avatare killt, installiere ich den Spaß!

 

Kann sein, sorry

habs mal hinzugefügt ^^

 

Noch zwei Fragen, die ich noch nicht selbst lösen konnte:

- Kann man den linken Teil des Posts mit Namen und blauer Box farblich vom eigentlichen Post absetzen?
Ich schätze, dafür müsste man diese Zeilen aufdrösseln:

Code:

.alt1Active, .alt2Active, .talt1, .talt1Active, .talt2, .talt2Active, 

.talt11Active, .talt22Active, .talt11, .talt22
{
background: #ededed !important;
}

- Wie wende ich die Schriftgröße auf das gesamte PB an?
Bisher steht in meinem Stylesheet folgendes:

Code:

td, th, p, li
{
font: 12px verdana, sans-serif !important;
}

 

hat Xennik afaik schon ^^

 

Hm. Ich auch nicht
Aber irgendwo hatte ich da schonmal was gesehen. Man konnte einstellen, was im Falle eines erlaubten Popups passieren sollte und was dieses Popup alles darf bzw. nicht darf :/

 

Müsste in Inhalt -> JavaScript aktivieren -> Erweitert sein.

 

Ist schon ein Script in Arbeit was dafür sorgt, dass die Posts etwas größer sind? Aber für das neue Design (hab mich shcon damit angefreundet )

 

jetzt sehen aber die standard skins verpixelt aus

 

Kuhl, danke.

 

Etwas breiteres Forum für 1280er-Auflösungen:

Code:

body
{
	width: 100% !important;
	padding: 0px 20px 0px 20px !important;
	margin:0 auto !important;
}

.fo_co_info, .fo_co_lbdy, .fo_co_lbdy2
{
	width: 1000px !important;
}

.fo_co_lbox_con
{
        width: 1000px !important;
}

.fo_co_lbox_btm, .fo_co_lbtm, .fo_co_info_bg
{
        background-image: url(http://img167.imageshack.us/img167/8317/focolboxbtm1000aa7.gif) !important;
	width: 1000px !important;
}

.fo_co_lhdr, .fo_co_lbox_hdr
{
        background-image: url(http://img167.imageshack.us/img167/7769/focolboxhdr1000gj7.gif) !important;
	width: 1000px !important;
}

Ich hab mal ein paar der Bilder testweise verbreitert, deshalb die Imageshack-Links. Hab sie nur skaliert, dementsprechend übel sieht das alles aus, aber das Prinzip funktioniert zumindest. Man müsste nur alle Header/Footer entsprechend vergrössern und irgendwo hochladen. Geht auch ohne, sieht dann aber auch unschön aus.

 

Kann man das automatisch resizen nicht rausnehmen die standart skin sehen dadurch recht bescheiden aus

 

Ist das nur für das alte Design? Weil mit dem neuen klappt das nicht so richtig. Oder ich bin zu blöd zum einbinden

 

Versuchs mal damit:

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gamestar.de") {

body
{
	width: 100% !important;
	padding: 0px 20px 0px 20px !important;
	margin:0 auto !important;
}

.fo_co_info, .fo_co_lbdy, .fo_co_lbdy2
{
	width: 1000px !important;
}

.fo_co_lbox_con
{
        width: 1000px !important;
}

.fo_co_lbox_btm, .fo_co_lbtm, .fo_co_info_bg
{
        background-image: url(http://img167.imageshack.us/img167/8317/focolboxbtm1000aa7.gif) !important;
	width: 1000px !important;
}

.fo_co_lhdr, .fo_co_lbox_hdr
{
        background-image: url(http://img167.imageshack.us/img167/7769/focolboxhdr1000gj7.gif) !important;
	width: 1000px !important;
}
}

 

Was genau meinst du?

 

Das sollte eigentlich generell funktionieren, wie siehts denn bei dir aus? Bescheiden siehts überall aus, wie gesagt.

 

Wollt ihr mal was Geiles sehen?

Klick

 

ich mein die Standart Avatare werden auch mit vergrößert was dann so aussieht:

Mit avatar script
http://img253.imageshack.us/img253/7174/mitscriptht7.jpg


Ohne Avatar script:
http://img397.imageshack.us/img397/5895/ohnescriptpo9.jpg


was nicht wirklich toll aussieht
und wenn man das noch austellen könnte das die standart avatare nicht mit vergößert werden wäre das klasse.

 

Klappt nicht. der zieht da nur oben irgendwas lang, was das Design zerstört. Posts bleiben wie sie sind

 

Wie war das nochmal mit den Avataren, man muss doch was in die eigene Sig schreiben damit der erscheint, oder?

 

Bei mir funzt das ansich ganz gut. Nur sind eben einige Elemente nicht mehr an dem Platz, an dem sie eigentlich sein sollten :S
Daher habe ich jetzt erstmal wieder einfach nur das Center-Style laufen.

@Spartan117:
Photoshop oder Realität?

 

Ahso. Ja. Es wird auch prinzipiell jedes Bild gezerrt.
Das Problem ist aber, dass man die Größe festlegen muss. Denn einige Nutzer kamen irgendwann mal auf die Idee, 1000 Pixel breite und hohe Avatare zu verwenden. Was da passiert ist, kannst du dir ja sicher vorstellen

 

Gut gemacht

Wenn das alles glatt bei jedem läuft, denn mach mal irgendwie nen Thread mit Anleitung usw., bzw. alles in den ersten Beitrag in diesem Thread...

 

Realität. Ich hab einfach den Quelltext der alten Seite ausgelesen und etwas modifiziert. Probiers aus.


[hide=Blauer Style]

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://www.gamestar.de/community/gspinboard/"), url-prefix("http://gamestar.de/community/gspinboard/") {

body
{	
	font: 9pt arial, helvetica, verdana, sans-serif !important;
	color:black !important;
	padding:0px !important;
}
#posts
{
max-width:706px !important;
}
#posts .spacer
{
	margin-bottom: 6px;
}
.page a:link, #path_bottom a:link, .page body_alink
{
	color: #182263 !important;
	text-decoration: underline !important;
}
.page a:visited, #path_bottom a:visited, .page body_avisited
{
	color: #182263 !important;
	text-decoration: underline !important;
}
.page a:hover, #path_bottom a:hover, .page a:active, #path_bottom a:active, .page body_ahover
{
	color: #FF4400 !important;
	text-decoration: underline !important;
}
.page
{
	background: #FFFFFF !important;
	color: #182263 !important;
width: 706px !important;
margin-right: auto !important;
}
td, th, p, li
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.tborder
{
	background: #ededed !important;
	color: #182263 !important;
	border: 1px solid #2E3778 !important;
}
.tcat
{
	background-color: #2E3778 !important;
	color: #FFFFFF !important;
	font: bold 9pt arial, helvetica, verdana, sans-serif !important;
height: 20px !important;
background-image: none !important;
}
.tcat > div
{
height: 20px !important;
overflow: hidden !important;
}
.tcat a:link, .tcat_alink
{
	color: #ffffff !important;
	text-decoration: none !important;
}
.tcat a:visited, .tcat_avisited
{
	color: #ffffff !important;
	text-decoration: none !important;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFF66 !important;
	text-decoration: underline !important;
}
.thead
{
	background: #2E3778 !important;
	color: #FFFFFF !important;
	font: bold 9pt arial, helvetica, verdana, sans-serif !important;
}
.thead a:link, .thead_alink
{
	color: #FFFFFF !important;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF !important;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00 !important;
}
.tfoot
{
	background: #D3D3D3 !important;
	color: #ffffff !important;
}
.tfoot a:link, .tfoot_alink
{
	color: #182263 !important;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #182263 !important;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #FFFF66 !important;
}
.alt1, .alt1Active
{
	background: #ededed !important;
	color: #182263 !important;
}
.alt2, .alt2Active
{
	background: #D3D3D3 !important;
	color: #182263 !important;
}
.talt1, .talt1Active, .talt2, .talt2Active, .talt11Active, .talt22Active, .talt11, .talt22
{
background: #ededed !important;
color: #182263 !important;
}
td.inlinemod
{
	background: #FFFFCC !important;
	color: #000000 !important;
}
.wysiwyg
{
	background: #ededed !important;
	color: #182263 !important;
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
textarea, .bginput
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.button
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
select
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
option, optgroup
{
	font-size: 9pt !important;
	font-family: arial, helvetica, verdana, sans-serif !important;
}
.smallfont
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.time
{
	color: #666686 !important;
}
.navbar
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.highlight
{
	color: #FF0000 !important;
	font-weight: bold !important;
}
.fjsel
{
	background: #2E3778 !important;
	color: #ededed !important;
}
.fjdpth0
{
	background: #F7F7F7 !important;
	color: #000000 !important;
}
.panel
{
	background: #D3D3D3 !important;
	color: #182263 !important;
	padding: 10px !important;
	border: 2px outset !important;
}
.panelsurround
{
	background: #ededed !important;
	color: #182263 !important;
}
legend
{
	color: #182263 !important;
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.vbmenu_control
{
	background: #2E3778 !important;
	color: #FFFFFF !important;
	font: bold 9pt arial, helvetica, verdana, sans-serif !important;
	padding: 3px 6px 3px 6px !important;
	white-space: nowrap !important;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF !important;
	text-decoration: underline !important;
}
.vbmenu_popup
{
	background: #FFFFFF !important;
	color: #182263 !important;
	border: 1px solid #0B198C !important;
}
.vbmenu_option
{
	background: #BBC7CE !important;
	color: #000000 !important;
	font: 9pt arial, helvetica, verdana, sans-serif !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #22229C !important;
	text-decoration: none !important;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #22229C !important;
	text-decoration: none !important;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_hilite
{
	background: #8A949E !important;
	color: #FFFFFF !important;
	font: 9pt arial, helvetica, verdana, sans-serif !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px !important; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none !important; }
.pagenav td { padding: 2px 4px 2px 4px !important; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px !important; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 9pt !important; }

/* ***** don't change the following ***** */
form { display: inline !important; }
label { cursor: default !important; }
.normal { font-weight: normal !important; }
/*.inlineimg { vertical-align: middle !important; } */
.bigusername { font-size: 20px !important; font-weight: normal !important; text-decoration: underline !important; }
.pCardName { height: 25px !important; }

#path_top, #path_bottom
{
  font-size: 12px !important;
  font-weight: bold !important;
  color: #2E3778 !important;
}
.element_content a:link
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.element_content a:visited
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.element_content a:hover, .element_content a:active
{
	color: #FFFF66 !important;
	text-decoration: underline !important;
}
#col_for_right a:link, #col_for_right a:visited
{
	text-decoration: none !important;
}
#col_for_right a:hover, #col_for_right a:active
{
	text-decoration: underline !important;
}
.tcat > div
{
	height: 20px !important;
	overflow: hidden !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.tcat
{
	height: 20px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.tcat img
{
	padding-top: 3px;
}
a.hiddenAdAnchor 
{
display: none !important;
}
#vB_Editor_QR_textarea
{
width: 620px !important;
}
td.vBulletin_editor, div.imagebutton
{
	background: #D3D3D3 !important;
	color: #182263 !important;
}
.talt1, .talt2, .tcat
{
	border-width: 0px !important;
	border-style: none solid none solid !important;
	border-color: #2E3778 !important;
}
/* Dank an fuzzykiller. :D */
.tborder .pCardTxt {
  display: none !important;
}

.tborder .pCardMotto + .pCardMgn {
  display: none !important;
}

.tborder .pCardTxt + .pCardMgn a {
  display: inline-block;
  color: transparent !important;
  width: 16px !important;
  height: 16px !important;
  overflow: hidden !important;
  background: url(http://www.gamestar.de/img/gs/community/icon-mail1.gif) no-repeat !important;
}

.tborder .pCardMgn, .tborder .pCardMotto {
  margin-bottom: 5px !important;
}

.tborder .pCardMotto:empty {
  display: none !important;
}
/* End of: Dank an fuzzykiller. :ugly: */

}

[/hide]

[hide=Oranger Style]

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://www.gamestar.de/community/gspinboard/"), url-prefix("http://gamestar.de/community/gspinboard/") {

body
{	
	font: 9pt arial, helvetica, verdana, sans-serif !important;
	color:black !important;
	padding:0px !important;
}
#posts
{
max-width:706px !important;
}
#posts .spacer
{
	margin-bottom: 6px;
}
.page a:link, #path_bottom a:link, .page body_alink
{
	color: #182263 !important;
	text-decoration: underline !important;
}
.page a:visited, #path_bottom a:visited, .page body_avisited
{
	color: #182263 !important;
	text-decoration: underline !important;
}
.page a:hover, #path_bottom a:hover, .page a:active, #path_bottom a:active, .page body_ahover
{
	color: #FF4400 !important;
	text-decoration: underline !important;
}
.page
{
	background: #FFFFFF !important;
	color: #182263 !important;
width: 706px !important;
margin-right: auto !important;
}
td, th, p, li
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.tborder
{
	background: #ededed !important;
	color: #182263 !important;
	border: 1px solid #FC8F02 !important;
}
.tcat
{
	background-color: #FC8F02 !important;
	color: #FFFFFF !important;
	font: bold 9pt arial, helvetica, verdana, sans-serif !important;
height: 20px !important;
background-image: none !important;
}
.tcat > div
{
height: 20px !important;
overflow: hidden !important;
}
.tcat a:link, .tcat_alink
{
	color: #ffffff !important;
	text-decoration: none !important;
}
.tcat a:visited, .tcat_avisited
{
	color: #ffffff !important;
	text-decoration: none !important;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFF66 !important;
	text-decoration: underline !important;
}
.thead
{
	background: #FC8F02 !important;
	color: #FFFFFF !important;
	font: bold 9pt arial, helvetica, verdana, sans-serif !important;
}
.thead a:link, .thead_alink
{
	color: #FFFFFF !important;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF !important;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00 !important;
}
.tfoot
{
	background: #D3D3D3 !important;
	color: #ffffff !important;
}
.tfoot a:link, .tfoot_alink
{
	color: #182263 !important;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #182263 !important;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #FFFF66 !important;
}
.alt1, .alt1Active
{
	background: #ededed !important;
	color: #182263 !important;
}
.alt2, .alt2Active
{
	background: #D3D3D3 !important;
	color: #182263 !important;
}
.talt1, .talt1Active, .talt2, .talt2Active, .talt11Active, .talt22Active, .talt11, .talt22
{
background: #ededed !important;
color: #182263 !important;
}
td.inlinemod
{
	background: #FFFFCC !important;
	color: #000000 !important;
}
.wysiwyg
{
	background: #ededed !important;
	color: #182263 !important;
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
textarea, .bginput
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.button
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
select
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
option, optgroup
{
	font-size: 9pt !important;
	font-family: arial, helvetica, verdana, sans-serif !important;
}
.smallfont
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.time
{
	color: #666686 !important;
}
.navbar
{
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.highlight
{
	color: #FF0000 !important;
	font-weight: bold !important;
}
.fjsel
{
	background: #FC8F02 !important;
	color: #ededed !important;
}
.fjdpth0
{
	background: #F7F7F7 !important;
	color: #000000 !important;
}
.panel
{
	background: #D3D3D3 !important;
	color: #182263 !important;
	padding: 10px !important;
	border: 2px outset !important;
}
.panelsurround
{
	background: #ededed !important;
	color: #182263 !important;
}
legend
{
	color: #182263 !important;
	font: 9pt arial, helvetica, verdana, sans-serif !important;
}
.vbmenu_control
{
	background: #FC8F02 !important;
	color: #FFFFFF !important;
	font: bold 9pt arial, helvetica, verdana, sans-serif !important;
	padding: 3px 6px 3px 6px !important;
	white-space: nowrap !important;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF !important;
	text-decoration: underline !important;
}
.vbmenu_popup
{
	background: #FFFFFF !important;
	color: #182263 !important;
	border: 1px solid #0B198C !important;
}
.vbmenu_option
{
	background: #BBC7CE !important;
	color: #000000 !important;
	font: 9pt arial, helvetica, verdana, sans-serif !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #22229C !important;
	text-decoration: none !important;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #22229C !important;
	text-decoration: none !important;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_hilite
{
	background: #8A949E !important;
	color: #FFFFFF !important;
	font: 9pt arial, helvetica, verdana, sans-serif !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px !important; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none !important; }
.pagenav td { padding: 2px 4px 2px 4px !important; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px !important; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 9pt !important; }

/* ***** don't change the following ***** */
form { display: inline !important; }
label { cursor: default !important; }
.normal { font-weight: normal !important; }
/*.inlineimg { vertical-align: middle !important; } */
.bigusername { font-size: 20px !important; font-weight: normal !important; text-decoration: underline !important; }
.pCardName { height: 25px !important; }

#path_top, #path_bottom
{
  font-size: 12px !important;
  font-weight: bold !important;
  color: #2E3778 !important;
}
.element_content a:link
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.element_content a:visited
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.element_content a:hover, .element_content a:active
{
	color: #FFFF66 !important;
	text-decoration: underline !important;
}
#col_for_right a:link, #col_for_right a:visited
{
	text-decoration: none !important;
}
#col_for_right a:hover, #col_for_right a:active
{
	text-decoration: underline !important;
}
.tcat > div
{
	height: 20px !important;
	overflow: hidden !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.tcat
{
	height: 20px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.tcat img
{
	padding-top: 3px;
}
a.hiddenAdAnchor 
{
display: none !important;
}
#vB_Editor_QR_textarea
{
width: 620px !important;
}
td.vBulletin_editor, div.imagebutton
{
	background: #D3D3D3 !important;
	color: #182263 !important;
}
.talt1, .talt2, .tcat
{
	border-width: 0px !important;
	border-style: none solid none solid !important;
	border-color: #FC8F02 !important;
}
/* Dank an fuzzykiller. :D */
.tborder .pCardTxt {
  display: none !important;
}

.tborder .pCardMotto + .pCardMgn {
  display: none !important;
}

.tborder .pCardTxt + .pCardMgn a {
  display: inline-block;
  color: transparent !important;
  width: 16px !important;
  height: 16px !important;
  overflow: hidden !important;
  background: url(http://www.gamestar.de/img/gs/community/icon-mail1.gif) no-repeat !important;
}

.tborder .pCardMgn, .tborder .pCardMotto {
  margin-bottom: 5px !important;
}

.tborder .pCardMotto:empty {
  display: none !important;
}
/* End of: Dank an fuzzykiller. :ugly: */

}

[/hide]

FAQ: (bitte beachten)


Q: Kann ich diese Anzeige hier rechts irgendwie von meinem Werbeblocker blocken lassen?

A: Einfach den Filter gamestar.de#div(col_for_right) bei Adblock Plus eintragen oder dem Stylesheet die folgenden Zeilen hinzufügen:

Code:

#col_for_right
{
display: none !important;
}

Q: Kann ich mit dem Stylesheet auch die blauen Boxen mit Avatar, Level etc. wegbekommen und gleichzeitig den Avatar und den Online-Status erhalten?

A: Ja, dem Stylesheet einfach die folgenden Zeilen hinzufügen:

Code:

div.element_content { visibility: hidden !important; }
div.element_content div.pic_box { visibility: visible !important; }
div.element_content div.status_on { visibility: visible !important; color: #2E3778 !important; }
div.element_content div.status_off { visibility: visible !important; color: #2E3778 !important; }

Um die blaue Box komplett zu entfernen, müssen dem Stylesheet folgende Zeilen hinzugefügt werden:

Code:

.element_content
{
display: none !important;
}

Oder bei Adblock Plus den Filter gamestar.de#div(element_content). Dank an widuhudaR.


Q: Wie bekomme ich die Newsleiste weg?

A: Entweder dem Stylesheet folgendes hinzufügen:

Code:

#col_for_right > div:nth-child(2)
{
  display: none !important;
}

Oder den Filter gamestar.de###textTickerBox bei Adblock Plus eintragen.
(Dank an Snotty und fuzzykiller.)



[hide=Archiv (FAQ)]
Q: Wie kriege ich die blauen Balken (bzw. den blauen Hintergrund) links und rechts weg?

A: Um die blauen Balken (bzw. den blauen Hintergrund) zu entfernen, muss im Stylesheet die Farbe bei html (ganz oben) editiert werden. #EDEDED statt #2584BB färbt die Seiten grau.


Q: Gibts das Ganze auch in Orange?

A: Wers orange statt blau will, muss im Stylesheet alle #2E3778 gegen #FC8F02 ersetzen (insgesamt 5 mal, nur der Farbcode ganz unten (#path_top, #path_bottom) sollte nicht geändert werden). Keine Haftung für Augenschäden.


Q: Gibt es eine Möglichkeit, die fetten Balken für "Allgemeines", "Spiele"etc. in der Forumsansicht wegzukriegen?

A: Ja, das geht mit fuzzykillers Greasemonkey-Script "Compact Categories": Klick
Wurde aber inzwischen auch ins Stylesheet integriert. Das Script zusätzlich zu installieren, ist also nicht mehr nötig. Dank an fuzzykiller.


Q: Brauche ich zusätzlich das im Eingangspost verlinkte Stylesheet "Center Gamestar.de"?

A: Nein, es ist bereits in meinen Stylesheet integriert.


Q: Das "Direkt antworten"- Feld ist so verdammt klein!

A: Dank fuzzykiller nicht mehr. Seine CSS-Anweisung wurde ins Stylesheet übernommen. Muss also nicht extra eingefügt werden.


Q: Alle Texte ober- und unterhalb des Forums sind blau!

A: Das Problem ist in der obigen Version des Stylesheets gelöst. Also updaten.


Q: Die Farbe der Überschriften in der Newsleiste links gefällt mir nicht.

A: Die folgenden Zeilen müssen dem Stylesheet hinzugefügt werden, um die Überschriften Blau zu färben:

Code:

a.link3_bold_forum_nx > span
{
color: #2E3778 !important;
}

[/hide]

 

Tatsache

Einige Sachen sind zwar noch nicht ganz OK, aber es kommt mit ins Eingangsposting.

 

Ok dann hast natürlich recht

 

Was ist daran so geil, grossartig anders sieht das CSS-Style auch nicht aus. Hab jetzt noch die Leiste in der Forenübersicht blau gemacht.

Code:

body
{
	//width:850px !important;
	width: 100% !important;
	padding: 0px 20px 0px 20px !important;
	margin:0 auto !important;
}

a:link, body_alink, a:visited, body_avisited
{
	text-decoration: underline !important;
	color: #182263;
}

a:hover, a:active, body_ahover
{
	text-decoration: underline !important;
	color: #FF4400 !important;
}

.alt1Active, .alt2Active, .talt1, .talt1Active, .talt2, .talt2Active, .talt11Active, .talt22Active, .talt11, .talt22
{
	background: #ededed !important;
}

.tcat
{
	background: #2e3778 !important;
	color: #ffffff !important;
}


.alt1
{
	background: #ededed !important;
	color: #182263 !important;
}

.alt2
{
	background: #d3d3d3 !important;
	color: #182263 !important;
}

.fo_co_infobox
{
	height: 45px !important;
        background-image: url(http://www.gamestar.de/community/gspinboard/idg/images/fo_co_infobox_white.gif) !important;
}

.panel
{
	background: #ededed !important;
}

.thead
{
	background: #2e3778 !important;
}

.thead a:link, .thead_alink, .thead a:visited, .thead_avisited, .thead a:hover, .thead a:active, .thead_ahover
{
	color: #ffffff !important;
}

@Xeno: Welche Elemente meinst du? Bei mir siehts so aus:

http://img503.imageshack.us/img503/1696/wide3tk8.jpg

Ich werds aber wohl auch nicht benutzen - normalerweise hab ich links ne Sidebar, da ist ein so breites Forum nur störend, wenns nicht dynamisch skaliert.

 

Boah, danke Leute, aber eine Frage bleibt: Wie bekomme ich diese hässliche blaue Box weg? Ich hab's hier schon mal gelesen, aber jetzt finde ich es nicht mehr.

 

Könntest du bitte noch das entsprechende Posting editieren, das ich im Eingangsposting verlinkt habe

Zu Beispiel sind die Seitenzahlen [ « Erste < 6 7 8 ] bei mir immer völlig verquere positioniert.
Mir gefällts auch ned so ganz. Derzeit nutze ich auch nur die einfache Zentrierung ^^

 

Probiers mal aus. Da kommen nostalgische Gefühle hoch.