Hardwareluxx Forenstyle-Sammlung

[Nubert]

Hab meinen Fehler gefunden, wenn ich die hwluxx Zeile lösche, dann funzt alles wie gewollt

[vfdesignz]

ohje ich richte mich gleich an den Urheber und ja hab 1920x1200

Wenn du junks Code verwendest, wird es nicht ganz zentriert sein, zumindest nicht mit dem Standard-Code den ich von ihm habe.
Wie gesagt, ich werde den code einfach gleich neu schreiben, zumindest die Sachen von junk ändern, damit nicht jeder den gleichen Code von ihm hat.

Ich hoffe das ist okay für junk.

[mgbott]

@lrwr:
Der Dark-Skin ist super! Allerdings habe ich im Fenster zum Nachrichten verfassen weiße Schrift auf dem hellen Grund - da sieht man halt gar nichts . Wäre es außerdem möglich, dass du vielleicht Comments einfügst, welcher CSS-Eintrag was verändert?

Das gleiche Problem habe ich auch, deshalb auch die Frage nach der finalen (gefixten) Version

[lrwr]

so, update

ich nenne die version jetzt einfach mal 1.0
einige fixes, unter anderem bleibt die hauptseite jetzt unverändert

[mgbott]

so, update

ich nenne die version jetzt einfach mal 1.0
einige fixes, unter anderem bleibt die hauptseite jetzt unverändert

Super, jetzt sieht man auch wieder was man schreibt
Vielen Dank. Nice job

[lrwr]

danke fürs lob

grade noch vorne eingebaut:
codeschnipsel für größere antwortfelder
meiner meinung nach wesentlich besser zum schreiben

kann einfach in einen vorhandenen style mit reinkopiert werden (oder auch als extra css, für opera user so, für ff user noch mit header)

[AbsolutesChaoz]

Ich habe meines jetzt nochmal angepasst so das jetzt auch die Werbung angezeigt wird wenn man kein Adblock hat, wenn man halt das Richtige auskommentiert bzw das löscht.

Spoiler: Anzeigen

/***ADBLOCKOFF***/
/**
.leaderboard{
margin:10px auto 10px;!important;
}
#sky{
top:163px!important;
}
.main_body1 {
margin-right:140px!important;
}
**/
/**--ABSTANDLINKS--**/
/**
.main_body1 {
margin-left:140px!important;
}
**/
/****************************************/

/***ADBLOCKON***/

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


/****************************************/
/**************MAINCSSSTART***************/
/****************************************/
/***FORUM***/
.main_body1 {
left:0!important;
}
body a{
color:#000!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:#e6e6e6!important;
}
.wysiwyg_block .blockrow:first-child{
background:none!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;
}

[L0rd_Helmchen]

so, update

ich nenne die version jetzt einfach mal 1.0
einige fixes, unter anderem bleibt die hauptseite jetzt unverändert

Danke, top! Das einzige was jetzt noch fehlt sind einige Feinheiten, wie etwa die Hintergrundfarbe bei der Systeminfo oder auch bei den Reitern oben im Thread (Themen-Optionen, Thema durchsuchen, usw.) und natürlich die roten Grafiken. Weiß nicht ob man das überhaupt ändern kann, wenn nicht wäre es auch nicht sooo schlimm... auf jeden Fall danke für Mühe, jetzt ist das Forum wieder benutzbar!

[vfdesignz]

So, mein Style ist ebenfalls fertig, wenn junkyard mir die Freigabe gibt, poste ich es.
Habe aber soweit es geht alles umgeändert was von ihm stammte.

[lrwr]

Danke, top! Das einzige was jetzt noch fehlt sind einige Feinheiten, wie etwa die Hintergrundfarbe bei der Systeminfo oder auch bei den Reitern oben im Thread (Themen-Optionen, Thema durchsuchen, usw.) und natürlich die roten Grafiken. Weiß nicht ob man das überhaupt ändern kann, wenn nicht wäre es auch nicht sooo schlimm... auf jeden Fall danke für Mühe, jetzt ist das Forum wieder benutzbar!

hintergründe geändert

die reiter wirken aber in der version etwas "eingeengt" (und ich fand sie auf blau auch ganz schick )
habe ihnen bei mir schon etwas mehr platz gegeben, aber will jetzt nicht noch mal den ganzen code vorne ändern.
kleiner fix dafür:

.thread_controls{
background:#002C59 !important;
margin-top:10px !important;
margin-bottom:15px !important;
}

in der nächsten version ists mit drin.

den code von chaoz habe ich auch geupdated


€dit: ok, das "eingeengte" war ein nebeneffekt der großen boxen, vergesst den oben geposteten fix erstmal, da muss ich ich was daran ändern

[Theolean]

@Irwr

ich danke dir für deine Arbeit!!! Endlich kann man wieder entspannt durchs Luxx surfen!

[lrwr]

danke für die blumen

für alle, die noch näher an das alte luxx ran wollen wird es noch eine sache geben, die stört:
die schnellantwortfenster sind viiiel zu breit.
hier ist abhilfe, breite auf 60% gesetzt:

/* Schnellantwort */
#vB_Editor_QR .editor_textbox_container{
float:none !important;
width:60%;
margin:0px auto;
}

/* Schnellbearbeitung */
#vB_Editor_QE_1 .editor_textbox{
float:none !important;
width:90%;
margin:0px auto;
}

oder auch mit absolutwerten (war beim alten luxx auch), das sollten gut hinkommen:

/* Schnellantwort */
#vB_Editor_QR .editor_textbox_container{
float:none !important;
width:640px;
margin:0px auto;
}

/* Schnellbearbeitung */
#vB_Editor_QE_1 .editor_textbox{
float:none !important;
width:640px;
margin:0px auto;
}

[AbsolutesChaoz]

Ich hab noch einen Zusatz:

/***LINKS***/
.postcontent a{
font-weight:bold!important;
}
.signature a{
font-weight:bold!important;
}
.userprof_content a{
font-weight:bold!important;
}

Damit werden Links in Beiträgen, Signaturen und im Profil (zB bei Profilnachrichten) nun fett dargestellt und sind so vom restlichen Text besser zu unterscheiden.

[vfdesignz]

Das ist cool, kann ich das auch in meinem Design verwenden, auch wenn ich es heute Mittag auch hier posten werde?
Dein Name wird auch im Code stehen, keine Angst.

/edit: Grr, es will bei mir nicht funktionieren. XD

[AbsolutesChaoz]

Auf wen beziehst du dich?^^

[vfdesignz]

Auf deinen Post mit der veränderung für die Links.

[AbsolutesChaoz]

Ja, natürlich, aber wenns bei dir nicht funktioniert...

[vfdesignz]

Nichtmal der Code für die Schnellantwort von lrwr will bei mir funktionieren. Sehr komisch.

[AbsolutesChaoz]

Das Problem hab ich auf meinem Laptop auch, da will weder mein CSS noch irgendein anderes für HWL funktionieren..

[vfdesignz]

Ha, wtf? Ich habe deinen Code einfach jetzt abgetippt, also sogesehen abgeschrieben. Jetzt gehts.
Stylish mag es wohl nicht, wenn man Codes kopiert und einfügt.

[AbsolutesChaoz]

Vielleicht hats Probleme mit der [php][/php] Formatierung, habs oben mal geändert.

[vfdesignz]

Jupp, daran lags. Jetzt konnte ich den Code auch einfach kopieren und es hat funktioniert.

[AbsolutesChaoz]

Dann sollte lrwr das im Startpost am besten auch noch ausbessern, damits dann funktioniert.^^

[L0rd_Helmchen]

Hab gerade die neuste Version von lrwr ausprobiert, jetzt sind die Links bei mir wieder alle rot^^

Und jetzt ist die ganze Darstellung kaputt

Hmm, dabei habe ich nur den Code kopiert wie sonst auch. Vielleicht ist das Plugin im Arsch oO

[vfdesignz]

Joa, wäre am besten.