Hardwareluxx Forenstyle-Sammlung

AbsolutesChaoz · 07.01.2012

Müsste so aussehen der Code:

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

@-moz-document url-prefix("http://www.hardwareluxx.de/community/") {
/***WER KEIN STYLISH VERWENDET MUSS DIE ZWEI ERSTEN ZEILEN LÖSCHEN!***/

/***ADBLOCKOFF***//***Wenn du keinen Adblocker verwendest, ändere hier nicht. Wenn du einen Adblocker verwendest, dann kommentiere diesen Bereich mit seinen Werten aus oder lösche ihn.***/
.leaderboard{
margin:10px auto 10px;!important;
}
#sky{
top:163px!important;
}
.main_body1 {
margin-right:140px!important;
}

/**--ABSTANDLINKS--**//***Wenn du keinen Adblocker verwendest und das Forum NICHT zentriert darstellen willst, dann lösche diesen Bereich oder kommentiere ihn aus***/
.main_body1 {
margin-left:140px!important;
}

/**************************************************/

/***ADBLOCKON***//***Wenn du einen Adblocker verwendest, dann lösche hier die Auskommentierung.
Gleichzeitig musst du den obigen Code für keinen Adblocker löschen oder auskommentieren(AUCH ABSTANDLINKS!)***/
/**
.leaderboard{
margin:0 auto!important;
}
.main_body1 {
margin-right:0px!important;
}**/

/***ADBLOCKON+FORUMZENTRIERT***//***Lösche hier die Auskommentierung um das Forum zentriert anzuzeigen wenn du einen Adblocker benutzt!
Welche Auflösung du verwendest ist egal, das Forum passt sich an und es wird immer der gleiche Abstand zum Rand eingehalten.
Löscht du hier die Auskommentierung, dann musst du oben bei ADBLOCKON .leaderboard und .main_body1 mit den Werten auskommentieren oder löschen!***/

/**.main_body1 {
margin-left:140px!important;
margin-right:140px!important;
}
.leaderboard{
margin:0 auto!important;
}**/

/**************************************************/
/***EDITOROLD***//***Kommentiere aus um den Editor über die volle Breite anzuzeigen***/
#vB_Editor_QR .editor_textbox_container{
float:none !important;
width:640px!important;
margin:0px auto!important;
}
#vB_Editor_QE_1 .editor_textbox{
float:none !important;
width:640px!important;
margin:0px auto!important;
}
/***EDITORHEIGHT***/
#cke_contents_vB_Editor_001_editor{
height:500px !important;
}

#cke_contents_vB_Editor_QR_editor{
height:200px !important;
}

#cke_contents_vB_Editor_QE_1_editor{
height:300px !important;
}
/**************************************************/
/*******************MAINCSSSTART*******************/
/**************************************************/
/***LINKS***/
.postcontent a{
font-weight:bold!important;
}
.signature a{
font-weight:bold!important;
}
.userprof_content a{
font-weight:bold!important;
}
body a{
color:#000!important;
}

/***FORUM***/
.main_body1 {
left:0!important;
}
.cf {
border-bottom:none!important;
border-left:none!important;
border-right:none!important;
border-bottom-left-radius:0px!important;
border-bottom-right-radius:0px!important;
background:#fff!important;
}
.breadcrumb .navbit.lastnavbit span{
color:#000!important;
}
.breadcrumb .navbit a:hover{
border-color:transparent!important;
}
.popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a {
background:#e1e1e1!important;
}
.navlinks{
color:#000!important;
}
.groupbit:hover .postcontrols a:hover{
background:#d0d0d0!important;
}
.blockhead a{
color:#fff!important;
}
.toolsmenu h1 a{
color:#fff!important;
}
.notices li{
background:#dddddd!important;
border:3px solid #cf0404!important;
}

/***DEACSHADOW***/

* { -moz-box-shadow: none !important; }
* { -webkit-box-shadow: none !important; }

/***CAL***/
.calendar .events.today, .calendar .today{
background:#d0d0d0!important;
border-color:#000!important;
}
.calendar .events{
border-bottom:1px solid #000!important;
border-right:1px solid #000!important;
}
.calendar th{
border-bottom:1px solid #000!important;
border-right:1px solid #000!important;
font-weight:bold!important;
}

/***FORUMSTART***/

.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background:#f1f1f1!important;
border-top:1px solid #000!important;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
background:#f1f1f1!important;
border-bottom: 1px solid #000!important;
border-left: 1px solid #000!important;
border-right: 1px solid #000!important;
}
.forumhead {
border-color: #000!important;
border-radius: 2px 2px 0 0;
border-style: solid;
border-width: 1px 1px 1px!important;
border-bottom: 0px!important;
margin-top:5px!important;
}
#forums .L1 .forumhead a {
color:#fff!important;
}

/***FORUMSTATS***/

.wgo_block {
background:#f1f1f1;}
.wgo_block .blocksubhead {
background:#c0c0c0!important;
margin-bottom:5px!important;
}

/***FOOTER***/

.footer{
background:#c0c0c0!important;
border:1px solid #000!important;
}
.footer a{
color:#000!important;
}

/***NAVHBAR+TOP***/

.navtabs{
background:url("http://www.hardwareluxx.de/community/members/absoluteschaoz-160608/albums/forumstyle/176753-navbarbg.png") repeat-x #c0c0c0!important;
border-top-left-radius:0px!important;
border-top-right-radius:0px!important;
padding:0 0 0 7px!important;
}
.navbar{
margin:0!important;
border-top-left-radius:0px!important;
border-top-right-radius:0px!important;
}
.above_body{
margin:0!important;
border-bottom-left-radius:0px!important;
border-bottom-right-radius:0px!important;
border:0!important;
}
.navtabs li a.navtab{
border-left:0!important;
color:#fff!important;
}
.navtabs li.selected li a {
color:#fff!important;
}
.navbar_advanced_search li a {
color:#fff!important;
}
.navtabs li.selected a.navtab{
color:#fff!important;
}
.navtabs li.selected .popupbody li > a{
color:#000!important;
}
.navtabs li.selected .popupbody li > a:hover{
color:#000!important;
}

/***POSTVIEW***/

.toolsmenu{
background:#464746!important;
margin-top:5px!important;
margin-bottom:0px!important;
border:1px solid #000!important;
}
.toolsmenu div {
border-top:0!important;
}
.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active{
color:#fff!important;
}
.postbitlegacy .posthead .time {
color:#000!important;
}
.postbit .posthead .nodecontrols a, .postbitlegacy .posthead .nodecontrols a, .eventbit .eventhead .nodecontrols a {
color:#000!important;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead{
background:#c0c0c0!important;
color:#000!important;
border-color:#000!important;
border-width:1px 1px 1px!important;
}
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background:#f1f1f1!important;
border-left:1px solid #000!important;
}
.postbitlegacy .postdetails, .eventbit .eventdetails {
border-left:1px solid #000!important;
border-right:1px solid #000!important;
background:#e6e6e6!important;
}
.postbit .postfoot, .postbitlegacy .postfoot, .eventbit .eventfoot {
background:#c0c0c0!important;
border:1px solid #000!important;
border-bottom:none!important;
}
.postbit, .postbitlegacy, .eventbit {
margin-bottom:5px!important;
border:1px solid #000!important;
border-left:none!important;
}
a.firstunread{
color:#fff!important;
}
.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a, .postbitlegacy .postfoot .textcontrols span.mobile, .postbit .postfoot .textcontrols span.mobile {
color:#000!important;
}
.signature {
border-top:1px solid #000!important;
}
.postbit .posttitle, .postbitlegacy .title{
border-bottom:1px solid #000!important;
}
.formcontrols{
border:1px solid #000!important;
background:#e6e6e6!important;
}
.formcontrols .blockrow{
background:#f1f1f1!important;
}
.wysiwyg_block .blockrow:first-child{
background:#f1f1f1!important;
}
.blockhead{
border-color:#000!important;
border-width:1px 1px 1px!important;
}
#pollinfo .blockhead h2{
color:#888!important;
}
.newcontent_textcontrol{
background:url("http://www.hardwareluxx.de/community/members/absoluteschaoz-160608/albums/forumstyle/176753-navbarbg.png") repeat-x #c0c0c0!important;
}
.postbit .posthead .postdate.new, .postbitlegacy .posthead .postdate.new{
background:url("http://www.hardwareluxx.de/community/members/absoluteschaoz-160608/albums/forumstyle/176799-post-new.png") no-repeat left center !important;
}
.popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a{
background-color:none!important;
}

/***FORUMVIEW***/

.threadlisthead a, .threadlisthead a:hover {
color:#fff!important;
}
.threadlisthead{
border-color:#000!important;
border-width:1px 1px 1px!important;
}
.threadbit .sticky{
background:#dadada!important;
border-color:#000!important;
}
.threadbit .nonsticky, .threadbit .discussionrow{
background:#f1f1f1!important;
border-color:#000!important;
}

/***ALBUMS+PROFILE***/

.toolsmenu h1{
color:#fff!important;
}
.toolsmenu .nopopupgroup li a, .toolsmenu .menuimage a.popupctrl{
color:#fff!important;
}
.profile_content .actionbuttons{
margin-top:10px!important;
border:0!important;
}
#sidebar_container.member_summary{
border:none!important;
border-radius:0px!important;
background:none!important;
float:right!important;
width:280px!important;
}
#sidebar_container .blocksubhead{
background:#c0c0c0!important;
border:1px solid #000!important;
}
#sidebar_container .userprof_content .blockrow{
border:1px solid #000!important;
}
#sidebar_container .blockbody{
border:0!important;
}
#sidebar_container .underblock{
height:0px!important;
}
dd.userprof_module{
background:url("http://www.hardwareluxx.de/community/members/absoluteschaoz-160608/albums/forumstyle/176753-navbarbg.png") repeat-x #c0c0c0!important;
border-color:#000!important;
}
.memberprofiletabunder{
background:#7d7d7d!important;
}
#userprof_content_container {
margin-left:0!important;
margin-right:300px!important;
}
.userprof_vmright .member_blockrow{
background:#c0c0c0!important;
border:1px solid #000!important;
border-top:none!important;
}
.userprof_headers{
color:#000!important;
}
.userprof_content{
background:#f1f1f1!important;
border-left:1px solid #000!important;
border-right:1px solid #000!important;
border-bottom:1px solid #000!important;
border-top:none!important;
}
.postbit.postbit-lite{
border:1px solid #000!important;
background:#f1f1f1!important;
}
.postbit-lite{
padding-bottom:0px!important;
}
.userprof blockquote{
padding-bottom:12px!important;
}
.profile_content div.subsectionhead{
background:#c0c0c0!important;
border:1px solid #000!important;
}

/***UCP***/

#usercp_nav .blockrow * a:hover{
background-color:#c0c0c0!important;
}
#usercp_nav .blocksubhead{
background:#c0c0c0!important;
color:#000!important;
}
#usercp_nav .blockrow .active{
background:#c0c0c0!important;
}
#usercp_nav .blockrow{
background:#f1f1f1!important;
}

/***SEARCH***/

#searchtypeswitcher li.selected a{
background:#a0a0a0!important;
border:1px solid #000!important;
border-radius:0px!important;
}
#searchtypeswitcher li a{
background:#c0c0c0!important;
border:1px solid #000!important;
border-radius:0px!important;
}
#searchtypeswitcher{
border-bottom:3px solid #000!important;
}
h2.searchlisthead{
margin-bottom:0px!important;
border:1px solid #000!important;
}
h2.searchlisthead a{
color:#fff!important;
}

/***PAGINATION***/

.pagination span a.popupctrl{
background-color:#f1f1f1!important;
border:1px solid #000!important;
}
.pagination span a{
background-color:#f1f1f1!important;
border:1px solid #000!important;
}
.pagination span.selected a{
background-color:#c0c0c0!important;
}
.pagination span.prev_next a, .pagination span.first_last a{
top:-1px!important;
}

/***SYSINFO***/

a.user_systeminfo{
background:url("http://www.hardwareluxx.de/community/images/hardwareluxx/misc/black_downward_arrow.png") no-repeat right !important;
}
.memberaction_body.popupbody.epfp_list{
border:1px solid #000!important;
}
.memberaction_body.popupbody.epfp_list li.right{
border-top:1px solid #000!important;
}

/***QUOTE***/

.bbcode_container div.bbcode_quote{
background:#e6e6e6!important;
border:1px solid #666!important;
}
.bbcode_container .bbcode_quote_container{
background:none!important;
}

/***POSTPREVIEW***/

.blockbody{
background:#f1f1f1!important;
border:1px solid #000!important;
border-top:none!important;
}
.blocksubhead{
background:#f1f1f1!important;
}

}

Wenn du kein Stylish verwendest, musst du die ersten zwei Zeilen löschen.

Daemonicus · 07.01.2012

@lrwr:
Danke für die Arbeit, der dunkle Style sieht super aus! :love:

Jetzt habe ich auch schwarze Schrift im Textfeld. Den Versatz bei den Seitenzahlen (siehe dein Post hier) habe ich auch im Standardskin des Forums, scheint also ein generelles Problem zu sein (FF 9.0.1).

@vfdesignz:
Dein Code zur Zentrierung des Forums ist super, habe den bei mir mit eingefügt. :wink:

AbsolutesChaoz · 07.01.2012

Wer die Seitenzahlen gerade haben will, der brauchst nur diesen Code zu benutzen:

.pagination span.prev_next a, .pagination span.first_last a{
top:-1px!important;
}

Ist zwar nur ne Kleinigkeit aber zumindest in FF ist dann alles in einer Reihe, wie das bei Opera oder Chrome aussieht weiß ich nicht da gerade Opera gerne mit vB4 Foren etwas Probleme hat.

Daemonicus · 07.01.2012

Super, danke! Allerdings musste ich bei mir -3px angeben :confused:

AbsolutesChaoz · 07.01.2012

Ist halt doch bei jedem anders das Forum, bei mir reichen -1px. :fresse2:

Wem · 07.01.2012

@AbsolutesChaoz: thanks!

hatte irgendwie das stylish addon fürrn firefox im ersten post übersehen u. wusste nicht wo ich die "scripte" lassen sollte.

jetzt ist bääh Mhhh! :wink:

vfdesignz · 07.01.2012

Daemonicus schrieb:
Jetzt vfdesignz:
Dein Code zur Zentrierung des Forums ist super, habe den bei mir mit eingefügt.

Danke.

AbsolutesChaoz · 07.01.2012

Kazuya schrieb:
Mag da nicht auch wer was Basteln?^^ Am besten in dem Alten Style ^^

Wenn du Material zur Verfügung stellst.

MiniMe1978 · 07.01.2012

UsAs schrieb:
Man sollte das Style in sofern anpassen, dass die Änderungen nur die hardwareluxx Domain betreffen. Mit dem o.a. Script ändern sich auch andere Seiten!

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

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

.forumbit_post .forumrow, .forumbit_nopost .forumrow, .forumbit_post

body{
color:white !important;
}

a{
color:white !important;
text-decoration:underline !important;
background:none;
}

.body_wrapper{
background:none !important;
}

.main_body{
background:black !important;
}

.blockfoot{
background:none !important;
}

.cf{
background:none !important;
}

.floatcontainer.footer{
background:#636563 !important;
}

.navtabs.floatcontainer{
background:#636563 !important;
}

.blockhead{
background:#636563 !important;
}

.shade.footer_time{
color:white;
}

.blocksubhead{
background:#636563 !important;
}

.blockbody{
background:#737573 !important;
}

SPAN{
color:white !important;
}

.above_body{
background:#636563 !important;
}

.forumrow.table{
background:#636563 !important;
}

.rating0.sticky{
background:#737573 !important;
}

.rating1.sticky{
background:#737573 !important;
}

.rating2.sticky{
background:#737573 !important;
}

.rating3.sticky{
background:#737573 !important;
}

.rating4.sticky{
background:#737573 !important;
}

.rating5.sticky{
background:#737573 !important;
}

.rating0.nonsticky{
background:#737573 !important;
}

.rating1.nonsticky{
background:#737573 !important;
}

.rating2.nonsticky{
background:#737573 !important;
}

.rating3.nonsticky{
background:#737573 !important;
}

.rating4.nonsticky{
background:#737573 !important;
}

.rating5.nonsticky{
background:#737573 !important;
}

.postbody{
background:#737573 !important;
}

.postdetails{
background:#636563 !important;
}

.blockrow{
background:#737573 !important;
}

.blockrow.pmbit{
background:#737573 !important;
}

#yui-gen8{
background:#737573 !important;
}

#yui-gen5{
background:#737573 !important;
}

#yui-gen2{
background:#737573 !important;
}

#tag_edit_link{
background:#636563 !important;
}

.popupctrl.user_systeminfo{
background:#636563 !important;
}

#navbar_notice_12{
background:#636563 !important;
}

.username_container{
background:none !important;
}

.popupbody.memberaction_body{
background:#636563 !important;
}

.username.online.popupctrl{
background:none !important;
}

.username.offline.popupctrl{
background:none !important;
}

.threadlastpost.td{
color:white;
}

.threadstats.td.alt{
color:white
}

.pagination span a{
background:grey !important;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
}

.popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a {
background-color:none !important;
}

.popupbody li > a, .popupbody li > label {
background:none;
}

a.user_systeminfo{
box-shadow:none !important;
font-size:12px !important;
padding-left:1px !important
}

#usercp_nav .blockrow * a:hover {
background:none !important;
}

.filter{
background:#636563 !important;
color: white;
border-left-width:0px !important;

}

P{
color:white ;
}

.blocksubhead{
color:white !important;
}

.wgo_subblock.section{
background:#737573 !important;
}

.wgo_subblock.section{
color:white !important;
}

.postbit, .postbitlegacy, .eventbit{
color:white !important;
}

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
color:white !important;
}

.quote_container{
background:#636563 !important;
}

.bbcode_container .bbcode_quote_container{
background:none;
}

.bbcode_code{
background:#434543 !important;
}

.navbar{
border-left-width:1px !important;
border-top-width:1px !important;
border-right-width:1px !important;
height:55px !important;
}

.userprof_content{
color:white !important;
}

.userprof_vmright div{
background:#636563 !important;
}

.userprof_vmright div blockquote{
background:#737573 !important;
}

.userprof_module{
background:#737573 !important;
}

.userprof_moduleinactive{
background:#636563 !important;
}

.userprof_title{
color:white !important;
}

dl.stats dt, #sidebar_container dl.stats, #sidebar_container .blockbody.userprof_content, #sidebar_container .userprof_content .time, .userprof_content .time {
color:white !important
}

.userprof_content .blockrow{
color:white !important;
}

.textcontrol{
background:none !important;
}

.forumrow{
background:#737573 !important;
}

#pagetitle{
padding-bottom:3px;
}

.thread_info{
color:white;
}

.navtabs ul{
background:#737573
}

.postfoot{
background:#737573 !important;
border-top-color:#A3A5A3 !important;
}

.posthead{
background:#636563 !important;
border-left-color:#D1D1D1 !important;
border-right-color:#D1D1D1 !important;
border-bottom-color:#A3A5A3 !important;
}

.pagetitle{
padding-top:10px !important;
}

.thread_controls ul{
background:#737573 !important;
margin-top:4px;
}

.popupctrl{
background:#737573 !important;
}

.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
color:white !important;
}

.userprof_content{
background:#737573 !important;
}

.threadlisthead{
border-left-color:#D1D1D1 !important;
border-right-color:#D1D1D1 !important;
border-bottom-color:#D1D1D1 !important;
}

.forumhead{
border-left-color:#D1D1D1 !important;
border-right-color:#D1D1D1 !important;
border-bottom-color:#D1D1D1 !important;
}

.breadcrumb .navbit a:hover{
background:none !important;
border-top-color:black !important;
border-left-color:black !important;
border-right-color:black !important;
border-bottom-color:black !important;
}

.active{
background:#838583 !important;
}

.above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats {
color:#C1C1C1 !important;
}

#usercp_navpopup a{
background:#737573 !important;
}

.blockfoot.controlbar.textpad a{
background:#737573 !important;
}

#showthread_navpopup a{
background:#737573 !important;
}

#searchtypeswitcher li a {
background:#636563 !important;
}

#searchtypeswitcher li.selected a{
background:#737573 !important;
}

#pmrecips_ctrl{
color:white;
}

#yui-gen26 .right{
background:#737573;
}

#cke_11_text{
color:black !important;
}

#cke_13_text{
color:black !important;
}

Danke an lrwr und Le_Frog99, aus denen diese Version enstanden ist!

ich glaub ich hatte eben diesen hier eingebaut im firefox. bei den marktplatzbewertungen von den leuten ist dann aber weiße schrift auf weißem grund, kann das jemand bestätigen?

AbsolutesChaoz · 07.01.2012

Ja, da ist der Code eben noch nicht angepasst.

hre · 07.01.2012

Ich werf dann einfach mal ein paar Codeschnipsel für Minianpassungen in den Raum, vielleicht kann sie ja wer gebrauchen.

Vertikale Postabstände kürzen (blau im Bild)

Code:

 .postcontainer {
	margin: 3px !important;
}

h2.icon {
	padding-top: 1px !important;
}

RSS&Abo-Button entfernen und den freigewordenen Platz dem "Letzter Beitrag" gutschreiben

Code:

 .forumactionlinks {
	display: none !important;
}

.forumlastpost p {
	width: 282px !important;
	/* original 222px */
}

Popup bei Maus über Usernamen deaktivieren (Bei allen "Letzter Beitrag"-Spalten; Übersicht, Aboliste etc)

Code:

 .lastpostby ul {
	display: none !important;
}

dasAloha · 07.01.2012

danke für eure arbeit, das blendende weiss hat mir schon fast die haut verbrannt.

Mindscape21 · 07.01.2012

Ich hätte da mal eine Frage , ich benutze den Style von AbsolutesChaoz #182

Dieser Funktioniert unter Firefox wunderbar , aber in Chrome bekomme ich ihn net zum laufen.

Muss bei Stylisch (Chrome) etwas anders eingestellt werden ? Hie rmal ein Screen.

AbsolutesChaoz · 07.01.2012

Versuche mal den Anfang der für Firefox nötig ist zu löschen (die ersten zwei Zeilen) und die } am Ende und dann stelle in der Dropdownliste ein URLs beginnend mit http://www.hardwareluxx.de/community/
Bei mir funktioniert es in Chrome so.

Hier ist übrigens noch ein Update das Darstellungsfehler im Profil und iTrader behebt.

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

@-moz-document url-prefix("http://www.hardwareluxx.de/community/") {
/***WER KEIN STYLISH VERWENDET MUSS DIE ZWEI ERSTEN ZEILEN LÖSCHEN!***/

/***ADBLOCKOFF***//***Wenn du keinen Adblocker verwendest, ändere hier nicht. Wenn du einen Adblocker verwendest, dann kommentiere diesen Bereich mit seinen Werten aus oder lösche ihn.***/
.leaderboard{
margin:10px auto 10px;!important;
}
#sky{
top:163px!important;
}
.main_body1 {
margin-right:140px!important;
}

--ABSTANDLINKS--**//***Wenn du keinen Adblocker verwendest und das Forum NICHT zentriert darstellen willst, dann lösche diesen Bereich oder kommentiere ihn aus***/
/**.main_body1 {
margin-left:140px!important;
}

/**************************************************/

/***ADBLOCKON***//***Wenn du einen Adblocker verwendest, dann lösche hier die Auskommentierung.
Gleichzeitig musst du den obigen Code für keinen Adblocker löschen oder auskommentieren(AUCH ABSTANDLINKS!)***/

/**.leaderboard{
margin:0 auto!important;
}
.main_body1 {
margin-right:0px!important;
}**/

/***ADBLOCKON+FORUMZENTRIERT***//***Lösche hier die Auskommentierung um das Forum zentriert anzuzeigen wenn du einen Adblocker benutzt!
Welche Auflösung du verwendest ist egal, das Forum passt sich an und es wird immer der gleiche Abstand zum Rand eingehalten.
Löscht du hier die Auskommentierung, dann musst du oben bei ADBLOCKON .leaderboard und .main_body1 mit den Werten auskommentieren oder löschen!***/

/**.main_body1 {
margin-left:140px!important;
margin-right:140px!important;
}
.leaderboard{
margin:0 auto!important;
}**/

/**************************************************/
/***EDITOROLD***//***Kommentiere aus um den Editor über die volle Breite anzuzeigen***/
#vB_Editor_QR .editor_textbox_container{
float:none !important;
width:640px!important;
margin:0px auto!important;
}
#vB_Editor_QE_1 .editor_textbox{
float:none !important;
width:640px!important;
margin:0px auto!important;
}

/**************************************************/
/********************MAINCSSSTART********************/
/**************************************************/
/***LINKS***/
.postcontent a{
font-weight:bold!important;
}
.signature a{
font-weight:bold!important;
}
.userprof_content a{
font-weight:bold!important;
}
body a{
color:#000!important;
}

/***FORUM***/

.main_body1 {
left:0!important;
}
.cf {
border-bottom:none!important;
border-left:none!important;
border-right:none!important;
border-bottom-left-radius:0px!important;
border-bottom-right-radius:0px!important;
background:#fff!important;
}
.breadcrumb .navbit.lastnavbit span{
color:#000!important;
}
.breadcrumb .navbit a:hover{
border-color:transparent!important;
}
.popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a {
background:#e1e1e1!important;
}
.navlinks{
color:#000!important;
}
.groupbit:hover .postcontrols a:hover{
background:#d0d0d0!important;
}
.blockhead a{
color:#fff!important;
}
.toolsmenu h1 a{
color:#fff!important;
}
.notices li{
background:#dddddd!important;
border:3px solid #cf0404!important;
}

/***DEACSHADOW***/

* { -moz-box-shadow: none !important; }
* { -webkit-box-shadow: none !important; }

/***CAL***/
.calendar .events.today, .calendar .today{
background:#d0d0d0!important;
border-color:#000!important;
}
.calendar .events{
border-bottom:1px solid #000!important;
border-right:1px solid #000!important;
}
.calendar th{
border-bottom:1px solid #000!important;
border-right:1px solid #000!important;
font-weight:bold!important;
}

/***FORUMSTART***/

.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background:#f1f1f1!important;
border-top:1px solid #000!important;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
background:#f1f1f1!important;
border-bottom: 1px solid #000!important;
border-left: 1px solid #000!important;
border-right: 1px solid #000!important;
}
.forumhead {
border-color: #000!important;
border-radius: 2px 2px 0 0;
border-style: solid;
border-width: 1px 1px 1px!important;
border-bottom: 0px!important;
margin-top:5px!important;
}
#forums .L1 .forumhead a {
color:#fff!important;
}

/***FORUMSTATS***/

.wgo_block {
background:#f1f1f1;}
.wgo_block .blocksubhead {
background:#c0c0c0!important;
margin-bottom:5px!important;
}

/***FOOTER***/

.footer{
background:#c0c0c0!important;
border:1px solid #000!important;
}
.footer a{
color:#000!important;
}

/***NAVHBAR+TOP***/

.navtabs{
background:url("http://www.hardwareluxx.de/community/members/absoluteschaoz-160608/albums/forumstyle/176753-navbarbg.png") repeat-x #c0c0c0!important;
border-top-left-radius:0px!important;
border-top-right-radius:0px!important;
padding:0 0 0 7px!important;
}
.navbar{
margin:0!important;
border-top-left-radius:0px!important;
border-top-right-radius:0px!important;
}
.above_body{
margin:0!important;
border-bottom-left-radius:0px!important;
border-bottom-right-radius:0px!important;
border:0!important;
}
.navtabs li a.navtab{
border-left:0!important;
color:#fff!important;
}
.navtabs li.selected li a {
color:#fff!important;
}
.navbar_advanced_search li a {
color:#fff!important;
}
.navtabs li.selected a.navtab{
color:#fff!important;
}
.navtabs li.selected .popupbody li > a{
color:#000!important;
}
.navtabs li.selected .popupbody li > a:hover{
color:#000!important;
}

/***POSTVIEW***/

.toolsmenu{
background:#464746!important;
margin-top:5px!important;
margin-bottom:0px!important;
border:1px solid #000!important;
}
.toolsmenu div {
border-top:0!important;
}
.toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active{
color:#fff!important;
}
.postbitlegacy .posthead .time {
color:#000!important;
}
.postbit .posthead .nodecontrols a, .postbitlegacy .posthead .nodecontrols a, .eventbit .eventhead .nodecontrols a {
color:#000!important;
}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead{
background:#c0c0c0!important;
color:#000!important;
border-color:#000!important;
border-width:1px 1px 1px!important;
}
.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
background:#f1f1f1!important;
border-left:1px solid #000!important;
}
.postbitlegacy .postdetails, .eventbit .eventdetails {
border-left:1px solid #000!important;
border-right:1px solid #000!important;
background:#e6e6e6!important;
}
.postbit .postfoot, .postbitlegacy .postfoot, .eventbit .eventfoot {
background:#c0c0c0!important;
border:1px solid #000!important;
border-bottom:none!important;
}
.postbit, .postbitlegacy, .eventbit {
margin-bottom:5px!important;
border:1px solid #000!important;
border-left:none!important;
}
a.firstunread{
color:#fff!important;
}
.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a, .postbitlegacy .postfoot .textcontrols span.mobile, .postbit .postfoot .textcontrols span.mobile {
color:#000!important;
}
.signature {
border-top:1px solid #000!important;
}
.postbit .posttitle, .postbitlegacy .title{
border-bottom:1px solid #000!important;
}
.formcontrols{
border:1px solid #000!important;
background:#e6e6e6!important;
}
.formcontrols .blockrow{
background:#f1f1f1!important;
}
.wysiwyg_block .blockrow:first-child{
background:#f1f1f1!important;
}
.blockhead{
border-color:#000!important;
border-width:1px 1px 1px!important;
}
#pollinfo .blockhead h2{
color:#888!important;
}
.newcontent_textcontrol{
background:url("http://www.hardwareluxx.de/community/members/absoluteschaoz-160608/albums/forumstyle/176753-navbarbg.png") repeat-x #c0c0c0!important;
}
.postbit .posthead .postdate.new, .postbitlegacy .posthead .postdate.new{
background:url("http://www.hardwareluxx.de/community/members/absoluteschaoz-160608/albums/forumstyle/176799-post-new.png") no-repeat left center !important;
}
.popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a{
background-color:none!important;
}

/***FORUMVIEW***/

.threadlisthead a, .threadlisthead a:hover {
color:#fff!important;
}
.threadlisthead{
border-color:#000!important;
border-width:1px 1px 1px!important;
}
.threadbit .sticky{
background:#dadada!important;
border-color:#000!important;
}
.threadbit .nonsticky, .threadbit .discussionrow{
background:#f1f1f1!important;
border-color:#000!important;
}

/***ALBUMS+PROFILE***/

.toolsmenu h1{
color:#fff!important;
}
.toolsmenu .nopopupgroup li a, .toolsmenu .menuimage a.popupctrl{
color:#fff!important;
}
.profile_content .actionbuttons{
margin-top:10px!important;
border:0!important;
}
#sidebar_container.member_summary{
border:none!important;
border-radius:0px!important;
background:none!important;
float:right!important;
width:280px!important;
}
#sidebar_container .blocksubhead{
background:#c0c0c0!important;
border:1px solid #000!important;
}
#sidebar_container .userprof_content .blockrow{
border:1px solid #000!important;
}
#sidebar_container .blockbody{
border:0!important;
}
#sidebar_container .underblock{
height:0px!important;
}
dd.userprof_module{
background:url("http://www.hardwareluxx.de/community/members/absoluteschaoz-160608/albums/forumstyle/176753-navbarbg.png") repeat-x #c0c0c0!important;
border-color:#000!important;
}
.memberprofiletabunder{
background:#7d7d7d!important;
}
#userprof_content_container {
margin-left:0!important;
margin-right:300px!important;
}
.userprof_vmright .member_blockrow{
background:#c0c0c0!important;
border:1px solid #000!important;
border-top:none!important;
}
.userprof_headers{
color:#000!important;
}
.userprof_content{
background:#f1f1f1!important;
border-left:1px solid #000!important;
border-right:1px solid #000!important;
border-bottom:1px solid #000!important;
border-top:1px solid #000!important;
}
.postbit.postbit-lite{
border:1px solid #000!important;
background:#f1f1f1!important;
}
.postbit-lite{
padding-bottom:0px!important;
}
.userprof blockquote{
padding-bottom:12px!important;
}
.profile_content div.subsectionhead{
background:#c0c0c0!important;
border:1px solid #000!important;
margin-top:5px!important;
}
dd.userprof_moduleinactive{
border-color:#666!important;
}

/***UCP***/

#usercp_nav .blockrow * a:hover{
background-color:#c0c0c0!important;
}
#usercp_nav .blocksubhead{
background:#c0c0c0!important;
color:#000!important;
}
#usercp_nav .blockrow .active{
background:#c0c0c0!important;
}
#usercp_nav .blockrow{
background:#f1f1f1!important;
}

/***SEARCH***/

#searchtypeswitcher li.selected a{
background:#a0a0a0!important;
border:1px solid #000!important;
border-radius:0px!important;
}
#searchtypeswitcher li a{
background:#c0c0c0!important;
border:1px solid #000!important;
border-radius:0px!important;
}
#searchtypeswitcher{
border-bottom:3px solid #000!important;
}
h2.searchlisthead{
margin-bottom:0px!important;
border:1px solid #000!important;
}
h2.searchlisthead a{
color:#fff!important;
}

/***PAGINATION***/

.pagination span a.popupctrl{
background-color:#f1f1f1!important;
border:1px solid #000!important;
}
.pagination span a{
background-color:#f1f1f1!important;
border:1px solid #000!important;
}
.pagination span.selected a{
background-color:#c0c0c0!important;
}
.pagination span.prev_next a, .pagination span.first_last a{
top:-1px!important;
}

/***SYSINFO***/

a.user_systeminfo{
background:url("http://www.hardwareluxx.de/community/images/hardwareluxx/misc/black_downward_arrow.png") no-repeat right !important;
}
.memberaction_body.popupbody.epfp_list{
border:1px solid #000!important;
}
.memberaction_body.popupbody.epfp_list li.right{
border-top:1px solid #000!important;
}

/***QUOTE***/

.bbcode_container div.bbcode_quote{
background:#e6e6e6!important;
border:1px solid #666!important;
}
.bbcode_container .bbcode_quote_container{
background:none!important;
}

/***POSTPREVIEW***/

.blockbody{
background:#f1f1f1!important;
border:1px solid #000!important;
}
.blocksubhead{
background:#f1f1f1!important;
}

/***ITRADER***/

#content .blockrow > li, #content .blockrow > ol, #content .blockrow > div{
border:none!important;
}
.block{
margin:0!important;
}
.user_ratingbits{
border-bottom:1px solid #000!important;
}
#sidebar_container .blockrow{
border:1px solid #000!important;
}
html > body dl.tabslight dd.selected a, html > body dl.tabslight dd.selected a:hover{
background:#c0c0c0!important;
border:1px solid #000!important;
}

}

chrissi1106 · 07.01.2012

Kann mir jemand sagen, wie das in Opera funktioniert? Der Link auf der ersten Seite hilft mir nicht so sehr weiter... Danke.

vfdesignz · 07.01.2012

vfdesignz schrieb:

Ich glaube bei Opera muss man die ersten beiden Sachen entfernen:

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

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

und diese Klammer ganz zum Schluss auch entfernen }
dann müsste es funktionieren. :wink:

Sieht dann z.B. so aus

Code:

/* Forum */
.main_body1 {
 margin: 0px auto !important;
 margin-right: 209px !important;
 margin-left: 200px !important;
 position: relative !important;
 }
 
.body_wrapper {
 padding: 0px 0px 0px 0px !important;
 margin: 0px auto !important;
 position: relative !important;
 margin-right: -18px !important;
 margin-left: -20px !important;
 }
 
.footer {
 margin-right: -3px !important;
 margin-left: -1px !important;
 }
 
.cf {
 background: none repeat scroll 0 0 #fff !important;
 border-left: #ffffff !important;
 border-right: #ffffff !important;
 border-bottom: #ffffff !important;
 }

/* Links in Beiträgen, Signaturen & im Profil werden Fett dargestellt / Copyright @AbsolutesChaoz */
.postcontent a {
 font-weight: bold !important;
 }
 
.signature a {
 font-weight: bold !important;
}

.userprof_content a {
 font-weight: bold !important;
 }
 
/* Werbung rechts */
 #sky {
 display: none !important;
 }
 
/* Wer ist online, Statistik etc. */
 #wgo {
 display: none !important;
 }
 
/* Suche im Header */
 #suche {
 display: none !important;
 }
 
/* Zeit ganz unten im Forum */
 #footer_time {
 display: none !important;
 }
 
/* Navigationsleiste und Footer */
.navtabs {
	background:#cccccc url(http://pics.vf-d.de/navtab.png) repeat-x  !important;
 }

.navtabs li a.navtab {
 border-left: 0px !important;
 border-top: 0px !important;
}

.footer {
	background:#CF0404 url(http://pics.vf-d.de/footer.png) repeat-x left top !important;
 }
 
.footer_links li {
 border-left: 0px !important;
 border-top: 0px !important;
 }
 
/* Sonstiges */
dd.userprof_module {
 background:#cccccc url(http://pics.vf-d.de/navtab.png) repeat-x  !important;
 }
 
.memberprofiletabunder {
 background-color: #9b2f2d !important;
 }
 
.forumhead {
 border-color: #9b2f2d #464746 #464746 !important;
 }
 
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    border-color: #9b2f2d #464746 #464746 !important;
 }
 
#searchtypeswitcher li.selected a {
 background:#cccccc url(http://pics.vf-d.de/navtab.png) repeat-x  !important;
 
}

#searchtypeswitcher li a {
 background-color: #F1F1F1 !important;
 background-image: url("images/misc/blog/top-highlight.png") !important;
 background-repeat: repeat-x !important;
 border-color: #D1D1D1 !important;
 border-style: solid !important;
 border-top-left-radius: 10px !important;
 border-top-right-radius: 10px !important;
 border-width: 1px 1px 0 !important;
 display: inline !important;
 }    
 
#searchtypeswitcher{
 border-bottom:4px solid #9b2f2d!important;
 }

 
/* Antwortbutton */
.newcontent_textcontrol {
	background: #fff url(http://pics.vf-d.de/navtab.png) repeat-x  !important;
 }

Mindscape21 · 07.01.2012

@AbsolutesChaoz

THX für den Tip funktioniert jetzt einwandfrei unter Chrome

Flatsch · 07.01.2012

Ich habe den schwarzen Design genommen (erster Code...)

Kann mir da aber jemand das Texteingabefeld für schnellantworten in grau färben und die darstellung des Forums zentrieren?

hab keine Ahnung von css

vfdesignz · 07.01.2012

Für die Zentrierung kannst du es mal mit dem Code hier versuchen.

Code:

.main_body1 {
 margin: 0px auto !important;
 margin-right: 209px !important;
 margin-left: 200px !important;
 position: relative !important;
 }
 
.body_wrapper {
 padding: 0px 0px 0px 0px !important;
 margin: 0px auto !important;
 position: relative !important;
 margin-right: -18px !important;
 margin-left: -20px !important;
 }
 
.footer {
 margin-right: -3px !important;
 margin-left: -1px !important;
 }

Bin mir aber nicht sicher ob mein Code mit dem anderem Code funktionieren wird, müsste aber.

Flatsch · 07.01.2012

geht, aber dann habe ich links von den beiträgen eine große weisse fläche von oben nach unten

---------- Post added at 20:12 ---------- Previous post was at 20:09 ----------

gibt es irgendwo eine Anleitung, was was ist? dann versuch ich bisl was zu verändern für mich, denn das schwarze design ist der hübsch aber einiges würde ich ändern!

AbsolutesChaoz · 07.01.2012

Du kannst dir das Tool Firebug installieren, damit kannst du rausfinden welche CSS Werte für das was du willst verantwortlich sind.

vfdesignz · 07.01.2012

Ahso, du willst sogesehen, dass das Forum über die ganze Bildschirmbreite angezeigt wird?

Dann nimm diesen Code:

Code:

.main_body1 {
 margin: 0px auto !important;
 position: relative !important;
 }
 
.body_wrapper {
 padding: 0px 0px 0px 0px !important;
 margin: 0px auto !important;
 position: relative !important;
 }

Das müsste klappen.

chrissi1106 · 08.01.2012

Dank dir, das probier ich nachher mal aus!

chrissi1106 · 08.01.2012

Schuldigt wenn mein anliegen schon 40 mal behandelt wurde, aber was muss ich hier machen? Wenn ich einen neuen Style mit dem Code erstelle passiert nichts, wenn ich die anderen deaktiviere auch nicht... Muss ich das bei einen von den bestehenden abändern?

danke

palme|kex` · 08.01.2012

neuen style erstellen.
code rein kopieren (aber ohne den mozilla kram).
speichern
seite neuladen (f5)
fertig

chrissi1106 · 08.01.2012

mozilla? Das ist opera.

Das habe ich wie bereits gesagt schon probiert, das einzige was sich ändert ist, das die seite dann irgendwie zentriert wird, farben ändern sich gar nicht.

trotzdem danke

lrwr · 08.01.2012

der FF braucht für stylish am anfang 2 codezeilen, die der opera nicht braucht, die stehen aber bei fast jedem der codes von der ersten seite mit dabei. es handelt sich um die beiden zeilen:

Code:

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

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

und das } ganz am ende auch.

zu include css schau dir das mal an:
Include CSS - User Guide (Opera extension) - YouTube

chrissi1106 · 08.01.2012

Also diese beiden Codezeilen entfernen und die komische Klammer am ende ebenfalls? Muss ich dann die anderen "skins" die include css findet deaktivieren?

Danke für das video

edit:

geeeeeeeeeeeeeeeht, nur jetzt ist es nicht mehr zentriert sondern linksbündig, gibts da auch was gegen? :wink:

ihr seit die besten!

edit2:

da oben steht ja schon was, das probier ich mal, ists egal in welche zeile ich das einfüge?

edit3:

hab die betreffenden zeilen ersetzt, es wird.. Kann man denn auch machen, das es so wie früher wird, sprich dass das forum sich über die ganze seite zieht/zentriert ist, aber das textfeld seine größe behält?

AbsolutesChaoz · 08.01.2012

Kann man schon, welchen Code verwendest du?

chrissi1106 · 08.01.2012

Ich benutze von lrwr den blauen skin für opera! :wink:

Hardwareluxx Forenstyle-Sammlung

Enthusiast

Enthusiast

Enthusiast

Enthusiast

Enthusiast

Banned

"Giggity Giggity Goo"

Enthusiast

The Brain

Enthusiast

Enthusiast

Enthusiast

Neuling

Enthusiast

Mr.TestDrive

"Giggity Giggity Goo"

Neuling

Urgestein

"Giggity Giggity Goo"

Urgestein

Enthusiast

"Giggity Giggity Goo"

Mr.TestDrive

Mr.TestDrive

Neuling

Mr.TestDrive

Enthusiast

Mr.TestDrive

Enthusiast

Mr.TestDrive