Hallo Luxxer
das neue Forenaussehen sorgt ja schon für viel Aufmerksamkeit und es wurden ja auch schon von offizieller seite codeschnipsel für Stylish rausgegben.
Dazu bin ich wohl auch nicht der einzige, der sich hingesetzt hat und selber etwas gemacht hat.
Hier im Thread sollen vorallem von usern erstellte styles gesammelt und ausgetauscht werden.
lob und kritik sind natürlich immer wilkommen
wer noch keine ahnung hat wie/wo/was:
es gibt für den firefox und für crome ein addon names stylish,welches selbst erstellte css sheets "nachträglich" auf webseiten anwendet. damit kann man eine webseite ummodelieren, verschönern, verstummeln, liegt im auge des betrachters
für opera gibt es auch ein solches addon unter dem namen include css, funktion ist die gleiche.
Screenshots und code in den Spoilern:
Black Skin (lrwr) [update 29.01.]
Spoiler: Anzeigen
Code:@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://www.hardwareluxx.de/community/") { 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; } .polloptionsblock{ background:none !important; } .textcontrol{ background:#737573 !important; } .lastedited{ color:white !important; } .description{ color:white !important; } #attachfiles legend{ color:white; } #autosubscribe legend{ color:white; } }
Ein Nachbau des alten blauen skins (lrwr) [update 06.03.]:
Spoiler: Anzeigen
Code:@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://www.hardwareluxx.de/community/") { .main_body{ color:white !important; width:100% !important; } .main_body1 { width:100% !important; } .main_body a{ color:white !important; text-decoration:underline !important; background:none; } .main_body span{ color:white !important; } .main_body span a{ color:white !important; } .body_wrapper{ background:none !important; } .main_body{ background:none !important; background-image:url("http://www.abload.de/img/luxxbgs04my.png") !important; } .main_body1{ left:0px !important; } .blockfoot{ background:none !important; } .cf{ background:none !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-left-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; margin-right: 147px !important; } .floatcontainer.footer{ background:#636563 !important; } .navtabs.floatcontainer{ background:#636563 !important; } .blockhead{ border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; background:#002C59 !important; border-top-width:1px !important; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; } .shade.footer_time{ color:white; } .blocksubhead{ background:#636563 !important; } .blockbody{ background:#737573 !important; box-shadow:none !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; } .above_body{ background:none !important; border-bottom-color:#000000 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; border-bottom-width:2px !important; border-right-width:0px !important; background-image:url("http://www.abload.de/img/bg_header03jwo.png") !important; height:100px !important; padding-top:50px !important; background-repeat:no-repeat !important; } .forumrow.table{ background:#636563 !important; box-shadow:none !important; border-bottom-color:#000000 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; } .threadbit .sticky{ background:#737573 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; box-shadow:none !important; } .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored{ background:#737573 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; box-shadow:none !important; } .postbody{ background:#737573 !important; } .postdetails{ background:#636563 !important; } .formcontrols{ background:#737573 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !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; background:transparent !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } a.user_systeminfo.active{ box-shadow:none !important; font-size:12px !important; padding-left:1px !important; background:transparent !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } #usercp_nav .blockrow * a{ background:#737573 !important; color:white !important; } .blocksubhead{ color:white !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !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 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .bbcode_code{ background:#434543 !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; background:#737573 !important; border-top-color:black !important; /**/ } .textcontrol{ background:#737573 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; } .forumrow{ background:#737573 !important; box-shadow:none !important; border-bottom-color:#000000 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; } #pagetitle{ padding-bottom:3px; } .thread_info{ color:white !important; } .navtabs ul{ background:#737573; border-top-color:#000000 !important; border-top-style:solid !important; border-top-width:1px !important; } .postfoot{ background:#737573 !important; border-top-color:#000000 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; } .posthead{ background:#636563 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; background:#002C59 !important; border-top-width:1px !important; margin-top:-15px !important; } .pagetitle{ padding-top:10px !important; } .thread_controls{ background:#002C59 !important; margin-top:10px !important; margin-bottom:11px !important; } .toolsmenu div{ border-top-color:#000000 !important; border-top-style:solid; border-top-width:1px !important; border-left-color:#000000 !important; border-left-style:solid; border-left-width:1px !important; border-right-color:#000000 !important; border-right-style:solid; border-right-width:1px !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:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; background:#002C59 !important; border-top-width:1px !important } .forumhead{ border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; background:#002C59 !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; border-top-width:1px !important; box-shadow:none !important; } .breadcrumb .navbit a:hover{ background:none !important; border-top-color:transparent !important; border-left-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; } .active{ background:#838583 !important; } .above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats { color:#C1C1C1 !important; } #usercp_navpopup a{ background:#737573 !important; border-top-color:black !important; border-left-color:black !important; border-right-color:black !important; border-bottom-color:black !important; } .blockfoot.controlbar.textpad a{ background:#737573 !important; } #showthread_navpopup a{ background:#737573 !important; border-top-color:black !important; border-left-color:black !important; border-right-color:black !important; border-bottom-color:black !important; padding-bottom: 5.33px !important; } #searchtypeswitcher li a { background:#636563 !important; border-right-width:1px !important; border-left-width:1px !important; border-top-width:1px !important; border-top-style:solid !important; border-left-style:solid !important; border-right-style:solid !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-top-color:#000000 !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; } #searchtypeswitcher li.selected a{ background:#737573 !important; } #pmrecips_ctrl{ color:white; } #yui-gen26 .right{ background:#737573; } .postbit .posttitle, .postbitlegacy .title { border-bottom-color:#000000 !important; } .postdetails{ border-left-color:#000000 !important; border-right-color:#000000 !important; } .postbody{ border-left-color:#000000 !important; } .posts li{ border-bottom-color:#000000 !important; border-right-color:#000000 !important; } .signature{ border-top-color:#A1A1A1 !important; } .navtabs li ul li a{ font-weight:bold !important; } .nodecontrols a{ font-weight:bold !important; top:-20px !important; } #postlist_popups .popupmenu .popupctrl{ background:transparent !important; font-weight:bold; } #postlist_popups{ background:#737573 !important; } .formcontrols .blockrow{ background:#737573 !important; } .cke_skin_kama .cke_wrapper{ border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; } span.cke_skin_kama{ border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; } .footer{ box-shadow:none !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; } #thread_info div, h4{ box-shadow:none !important; } .pagination span a{ border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; margin-left: -1px !important; font-size:11px !important; padding-bottom: 4px !important; padding-left: 4px !important; padding-right: 4px !important; padding-top: 3px !important; position:relative; } .below_postlist .pagination_bottom { margin-top:-15px !important; } .newcontent_textcontrol{ background-image:none !important; box-shadow:none !important; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; background-color:transparent !important; color:transparent !important; padding-right:5px !important; padding-bottom:5px !important; font-weight:bold !important; } .navlinks{ color:white !important; } .logo-image{ background-image:url("http://www.abload.de/img/forumdeluxxcyry9.jpg") !important; heigth:45px !important; width:236px !important; } .navtabs{ border-top-left-radius:0px !important; border-top-right-radius:0px !important; } .navbar{ border-top-left-radius:0px !important; border-top-right-radius:0px !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; border-top-width:1px !important; border-left-width:1px !important; border-right-width:1px !important; border-bottom-width:3px !important; } .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead { border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; } .pagination span.prev_next a, .pagination span.first_last a{ top:-4px !important; } .wgo_block{ box-shadow:none !important; } #above_threadlist_controls div{ border-left-width:0px !important; border-right-width:0px !important; border-top-width:0px !important; } #above_threadlist_controls ul li a{ font-size:13px !important; font-weight:bold; } .above_threadlist .threadpagenav .threadpagestats{ color:#C1C1C1 !important; } .forum_info{ color:white !important; } .footer_links li{ border-left-color:#000000 !important; } .memberprofiletabunder{ background-color:black !important; } #sidebar_container.member_summary { border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; box-shadow:none !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; } .profile_editor_border, .profile_content .actionbuttons { border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; } .userprof_headers_border{ border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; } .userprof_content_border{ border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; margin-top:-1px; } #yui-gen13{ top:-3px; } .forumlastpost.td div{ padding-bottom:5px; } .lastedited{ color:white !important; } .lastedited a{ color:white !important; } .threadbit .pagination a { border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; border-top-width:0px !important; border-left-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; background:transparent !important; } .searchform{ border-bottom-left-radius: 0 !important;; border-bottom-right-radius: 0 !important;; border-top-left-radius: 0 !important;; border-top-right-radius: 0 !important;; } .searchform .searchfield{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .searchform .filter{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .bbcode_quote div.quote_container{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .bbcode_container div.bbcode_quote{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-left-color:#7F7F7F !important; border-right-color:#FFFFFF !important; border-bottom-color:#FFFFFF !important; border-top-color:#7F7F7F !important; } #suche{ left:5px !important; top:23px !important; } .attachments{ background:#636563 !important; border-left-color:#7F7F7F !important; border-right-color:#FFFFFF !important; border-bottom-color:#FFFFFF !important; border-top-color:#7F7F7F !important; border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0; } legend{ color:white !important; } .postbody fieldset{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; background:#636563 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; } .blocksubfoot{ background:none !important; } .description{ color:white !important; } dl.stats dt.folder_count, dl.stats dd.folder_count{ color:white !important; } .pagination span.selected a{ background:#636563 !important; text-decoration:none !important; } .pmlist .blockrow{ border-top-color:#000000 !important; } .pmbit, .visitormessage{ border-left-color:#000000 !important; border-right-color:#000000 !important; } #above_postlist .folderstats{ color:#C1C1C1 !important; } blockquote.preview .bbcode_quote div.quote_container{ border-top-color:#7F7F7F !important; } .settings_form_top_border{ border-top-color:#000000 !important; } .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl{ background:#737573 !important; color:white !important; } .polloptionsblock{ background-color:transparent !important; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important; border-top-left-radius:0px !important; border-top-right-radius:0px !important; padding-top:10px !important; } #pollinfo .blockhead h2{ color:white !important; } #polloptions li{ padding-top:2px !important; padding-bottom:3px !important; } #polloptions{ padding-bottom:3px !important; border-bottom-color:#000000 !important; border-bottom-style:solid !important; border-bottom-width:1px !important; border-right-color:#000000 !important; border-right-style:solid !important; border-right-width:1px !important; border-left-color:#000000 !important; border-left-style:solid !important; border-left-width:1px !important; } #pollinfo .pollsubhead{ border-right-width:1px !important; border-left-width:1px !important; border-right-style:solid !important; border-left-style:solid !important; border-left-color:#000000 !important; border-right-color:#000000 !important; } #pollinfo .blockhead{ border-bottom-width:1px !important; border-right-width:1px !important; border-left-width:1px !important; border-top-width:1px !important; border-top-style:solid !important; border-left-style:solid !important; border-right-style:solid !important; border-bottom-style:solid !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; } .popupctrl{ color:white !important; } .main_body a{ color:white; text-decoration:underline !important; background:none; } .notifications a.popupctrl:link, .notifications a.popupctrl:visited, .toplinks a:link, .toplinks a:visited{ color:white !important; } body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate { color:white; } .memberaction_body.popupbody.epfp_list li.right{ background:#737573 !important; } .notices li { box-shadow:none !important; background:#636563 !important; border-bottom-width:1px !important; border-right-width:1px !important; border-left-width:1px !important; border-top-width:1px !important; border-top-style:solid !important; border-left-style:solid !important; border-right-style:solid !important; border-bottom-style:solid !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; color:white !important; } .main_body .textbox, textarea, select{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .main_body .toplinks{ color:white !important; } .logindetails{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; background:transparent !important; } #searchtypeswitcher{ border-bottom-color:#000000 !important; border-bottom-width:1px !important; } .popupbody{ background:#737573 !important; border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; } .popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a{ background:#636563 !important; } .popupbody li{ border-top-color:#000000 !important; } #cke_15_text{ color:black !important; } #cke_13_text{ color:black !important; } .postbit .userinfo, .postbit .userinfo_noavatar{ background:#636563; border-top-color:black !important; border-left-color:black !important; border-right-color:black !important; border-bottom-color:black !important; } .searchlisthead { box-shadow:none !important; border-top-color:black !important; border-left-color:black !important; border-right-color:black !important; border-bottom-color:black !important; } .postbit .userinfo_noavatar, .postbit .postbody{ border-right-color:black !important; } .postbit, .postbitlegacy, .eventbit{ border-bottom-color:black !important; } .postbit .postbody{ color:white; } .textbox.popupctrl{ color:black !important; background:white !important; } .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl{ border-left-color:#000000 !important; border-right-color:#000000 !important; border-bottom-color:#000000 !important; border-top-color:#000000 !important; } .memberaction_body.popupbody{ box-shadow:none !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .memberaction_body.popupbody.epfp_list{ border-top-width:1px !important; border-left-width:1px !important; border-right-width:1px !important; border-bottom-width:1px !important; } .leaderboard{ margin-bottom:35px !important; margin-top:-135px !important; margin-right:360px !important; text-align:right !important; width:auto !important; } .main_body{ min-width:1350px !important; } #sky{ top:250px !important; width:0; height:0; left:-120px; overflow:visible; } }
Ein heller Skin, angelehnt an den alten von AbsolutesChaoz
Spoiler: Anzeigen
Aktuelle Version auch immer auf: http://userstyles.org/styles/60816/h...1?r=1329149430
Code:@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://www.hardwareluxx.de/community/") { /***WER KEIN FIREFOX MIT STYLISH VERWENDET MUSS DIE ZWEI ERSTEN ZEILEN LÖSCHEN!***/ .leaderboard{ margin:10px auto;!important; } #sky{ top:163px!important; } .main_body1 { margin-right:140px!important; } /**ABSTANDLINKS**/ /***Wenn du das Forum NICHT zentriert darstellen willst, dann lösche diesen Bereich oder kommentiere ihn aus***/ .main_body1 { margin-left:140px!important; } /**************************************************/ /***EDITOROLD***//***Lösche hier die Auskommentierung, um den Editor wie im alten Forum nicht ü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:none!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; border:2px solid transparent!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; border-top:#c0c0c0!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 transparent !important; } .memberaction_body.popupbody.epfp_list{ border:1px solid #000!important; min-width:390px!important; } .memberaction_body.popupbody.epfp_list li.right{ border-top:1px solid #000!important; background:#e1e1e1!important; padding:5px 0px 5px 0px!important; } .memberaction_body.popupbody.epfp_list li.left{ border-top:1px solid #000!important; padding:5px 0px!important; font-weight:bold!important; } .memberaction_body.popupbody.epfp_list li.left:first-child{ border-top:none!important; } .memberaction_body.popupbody.epfp_list li.right:nth-child(2){ border-top:none!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; } /***MEMBERLIST***/ #memberlist_table td.alt1{ background:#f1f1f1!important; } #memberlist_table tr td{ border-bottom:1px solid #000!important; } #memberlist table{ border:none!important; } #charnav{ border:1px solid #000!important; border-radius:0!important; color:#000!important; background:#c0c0c0!important; } #charnav dd a{ border:1px solid #000!important; background:#f1f1f1!important; } #charnav dd a:hover{ border:1px solid #666!important; background:#d1d1d1!important; } /***WHOISONLINE***/ .whoinfo{ border-bottom:1px solid #000!important; } .textbox, textarea, select{ border:1px solid #c0c0c0!important; } /***EDITOR***/ .formcontrols .blockrow input.textbox:focus, .formcontrols .blockrow textarea:focus{ background:#fff!important; } .editor_textbox_smilie{ margin-right:140px!important; } .editor_smiliebox ul.smiliebox li{ width:40px!important; height:30px!important; margin:1px!important; } .editor_smiliebox{ width:130px!important; } .editor_smiliebox ul.smiliebox{ height:230px!important; } /***BUTTONS***/ .actionbuttons .group .button{ border:1px solid #c0c0c0!important; } * html .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu a.textcontrol, .navpopupmenu a.popupctrl, .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl{ border:1px solid #c0c0c0!important; } .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_ok, .cke_skin_kama .cke_dialog_contents a.cke_dialog_ui_button_cancel, .textcontrols a, a.textcontrol{ border:1px solid #c0c0c0!important; } }
Ein heller Skin vom User tree- [update 05.03.]:
Spoiler: Anzeigen
Weitere skins und Updates hier im Post: Hardwareluxx Forenstyle-SammlungCode:@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://www.hardwareluxx.de/community") { /* Hardwareluxxforum - Blueskin V.2.2.3 Final von tree für "Firefox" (erstellt am 05.03.2012) */ /* http://www.hardwareluxx.de/community/f19/hardwareluxx-forenstyle-sammlung-862930.html */ /* Dickes Dankeschön an die User: lrwr, vfdesignz und AbsolutesChaoz für die tatkräftige Unterstützung */ /* Smilie neben dem Bedankenfeld beim Threadersteller */ .textcontrols a.post_thanks_button { background: url("http://www.abload.de/img/smiley_emoticons_2thujz0vv.gif") no-repeat scroll left center transparent !important; padding-left: 33px !important; } /* Neue Beiträge - dicker Balken */ h2.searchlisthead { background: url("http://www.abload.de/img/2onj3l.png") repeat-x !important; border: 2px solid #5FABB5 !important; } /* Abonnements - dicker Balken */ .threadlisthead { background: url("http://www.abload.de/img/2onj3l.png") repeat-x !important; } /* Dicker Balken oberhalb von einer zu schreibenden Nachricht */ .blockhead { background: url("http://www.abload.de/img/2onj3l.png") repeat-x !important; } /* Dicke Balken unter "Forum" */ .forumhead { background: url("http://www.abload.de/img/2onj3l.png") repeat-x !important; } /* Dicker Balken oberhalb von geschriebenen Posts */ .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead { background: url("http://www.abload.de/img/2onj3l.png") repeat-x !important; } /* Fehlerhafte Werbedarstellung rechts oben entfernen */ #sky { display: none !important; } /* "Kalender auswählen" - hinterlegte Farbe beim drüber gehen mit Maus über "Reiter" (Puplic oder Privat) */ .popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a { background-color: #2A2A35 !important; } /* "Benutzerkontrollzentrum" - hinterlegte Farbe beim drüber gehen mit Maus über einen "Reiter" z.B. Posteingang */ #usercp_nav .blockrow * a:hover { background-color: #2A2A35 !important; } /* "Benutzerkontrollzentrum" - hinterlegte Farbe des aktivierten "Reiters" z.B. Posteingang */ #usercp_nav .blockrow .active { background-color: #2A2A35 !important; } /* Hinterlegte Farbe des aktuellen Tages im Kalender */ .calendar .events.today, .calendar .today { background: none repeat scroll 0 0 #2A2A35 !important; } /* "Benutzerkontrollzentrum" > Abbonenten - Dünne Linienfarbe */ .threadlisthead { border-color: #5FABB5 #464746 #464746 !important; } /* Dünne Linie in "Profil" */ .memberprofiletabunder { background-color: #464746 !important; } /* "Systeminfo" - Popuplinienfarbe links */ .memberaction_body.popupbody.epfp_list { background-color: #5FABB5 !important; border: 0 solid #FFFFFF !important; } /* "Systeminfo" - weitere Farben */ a.user_systeminfo { background-color: #EDEDED !important; box-shadow: 0 1px 3px #383838 !important; color: #383838 !important; } a.user_systeminfo.active { background-color: #E4E8E4 !important; } /* Anmeldefensterumrahmungsfarbe */ .toplinks .logindetails { background: none repeat scroll 0 0 #EDEDED !important; } /* "Angemeldet bleiben?" - Schriftfarbe */ .toplinks { color: #2A2A35 !important; } /* Ersetzt die Grafik für "Gehe zum letzten Beitrag" welche sich in der Forenansicht immer hinter dem Threadnamen befindet */ img[src*="lastpost-right.png"]{ background:url("http://www.hardwareluxx.de/community/members/absoluteschaoz-160608/albums/forumstyle/176799-post-new.png") no-repeat top left transparent !important; width:0 !important; height:13px !important; padding-right:13px !important; } /* Zitattextfelder */ .bbcode_container div.bbcode_quote { background: none repeat scroll 0 0 #F9F9F9 !important; border: 1px solid #D1D1D1 !important; } /* Codetextfelder */ .bbcode_container div.bbcode_code, .bbcode_container pre.bbcode_code { background: none repeat-x scroll 0 0 #F9F9F9 !important; } /* Edles Hardwareluxx - Logo - "Blueskin" */ .logo-image { background: url("http://www.abload.de/img/21oll2v5l9q.png") repeat scroll 0 0 transparent !important; height: 90px !important; width: 290px !important; } /* Vorheriges Thema | Nächstes Thema - kleine Pfeile (ganz unten im Forum) */ .navlinks { color: #2A2A35 !important; } /* "Wenn dies dein erster Besuch hier ist, lies...." hinterlegte Farbe von diesem Text (nicht angemeldet) */ .notices li { background: none repeat scroll 0 0 #F9F9F9 !important; } /* Dünne, feine Farblinie oberhalb von Threads unter "Forum" */ .forumhead { border-color: #5FABB5 #464746 #464746 !important; } /* Dünne, feine Farblinie oberhalb von "Berechtigungen" (ganz unten zu finden) */ .blockhead { border-color: #5FABB5 #464746 #464746 !important; border-width: 3px 1px 1px !important; } /* Dicker Balken von "Berechtigungen" (ganz unten zu finden) */ .thread_info h4 { background: url("http://www.abload.de/img/2onj3l.png") repeat-x !important; } /* Dünner, gebogener Rahmen ganz oben. Das "Hardwareluxx - Logo" ist innerhalb dieses Rahmens */ .above_body { border-bottom: 1px solid #0B4D63 !important; border-left: 1px solid #0B4D63 !important; border-right: 1px solid #0B4D63 !important; } /* Forum > ... > ... > Forum-Kultur > Hardwareluxx Forenstyle-Sammlung (Farbe von "Hardwareluxx Forenstyle-Sammlung" und anderen Threads) ganz oben! */ .breadcrumb .navbit.lastnavbit span { color: #2A2A35 !important; } /* Alle möglichen "Links" */ body a{ color: #5FABB5 !important; } /* Hinterlegte Farbe bei der aktuell, geöffneten Seitenzahl */ .pagination span.selected a{ background: #0B4D63 !important; } /* Thread geht über die volle Breite des Bildschirms */ .main_body{ width:100%!important; } .main_body1 { margin: 5px !important; } /* Seitenzahlpixelversatz weggezaubert */ .pagination span.prev_next a, .pagination span.first_last a{ top: -1px!important; } /* Dünne, feine Farblinie oberhalb von geschriebenen Posts (erste Farbe) */ .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead { border-color: #5FABB5 #464746 #464746 !important; } /* Großer Balken unter dem eingerahmten "Hardwareluxx -Logo" */ .navtabs { background: #cccccc url("http://www.abload.de/img/2onj3l.png") repeat-x !important; } /* Dicker Balken für Benutzerkontrollzentrum > Private Nachrichten > Was ist neu > ... */ .navbar { background: none repeat scroll 0 0 #0B4D63 !important; } /* Großer Balken ganz unten */ .footer{ background: #000000 url("http://www.abload.de/img/2onj3l.png") repeat-x !important; border: 1px solid #000!important; } /* Schrift rechts im großer Balken ganz unten */ .footer a{ color: #5FABB5!important; } /* "Antwort" - Button */ .newcontent_textcontrol { background: #fff url("http://www.abload.de/img/2onj3l.png") repeat-x !important; } /* Userprofil - Button z.B. "Über mich" */ dd.userprof_module { background: #cccccc url("http://www.abload.de/img/navtab3ex1o4sjt7.png") repeat-x !important; } /* Dünne Linie oben unter "Erweiterten Suche" */ #searchtypeswitcher li.selected a { background: #cccccc url("http://www.abload.de/img/navtab3ex1o4sjt7.png") repeat-x !important; } /* "Erweiterte Suche" - nicht aktive Buttonfarbe z.B von "Nach bestimmten Inhalten suchen" */ #searchtypeswitcher li a { background-image: url("http://www.abload.de/img/navtab3ex1o4sjt79rjis.png") !important; } /* Dünne Linie unter "Erweiterte Suche" */ #searchtypeswitcher{ border-bottom: 4px solid #464746 !important; } /* Startseiten Threadfarbe */ .forumbit_post .forumrow, .forumbit_nopost .forumrow, .forumbit_post { background-color: #F4F4F4 !important; } /* Forenbody Farbe */ .cf{ background-color: #EDEDED !important; } /* Beitragshintergrundfarbe linke Seite (Userbox) */ .postbitlegacy .postdetails, .eventbit .eventdetails{ background-color: #E4E8E4 !important; } /* Beitragshintergrundfarbe */ .postbitlegacy .postbody, .eventbit .eventdetails .eventbody{ background-color: #EDEDED !important; } /* Beitragsfuss Hintergrundfarbe */ .postbit .postfoot, .postbitlegacy .postfoot, .eventbit .eventfoot{ background-color: #E4E8E4 !important; } /* Subthread Übersicht (ohne Sticky) */ .threadbit .nonsticky, .threadbit .discussionrow{ background-color: #FAFAFA !important; } /* Subthread Übersicht (mit Sticky) */ .threadbit .sticky{ background-color: #EAEAEA !important; } /* Schriftfarbe der Beiträge */ .postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow{ color: #2A2A35 !important; } /* Schriftfarbe in der Threadübersicht (nicht die roten Überschriften) */ .threadbit{ color: #2A2A35 !important; } }
Dunkeler Skin von FuXxMiTdOpPeLX
Spoiler: Anzeigen
Code:@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("hardwareluxx.de") { /* Startseiten Threadfarbe */ .forumbit_post .forumrow, .forumbit_nopost .forumrow, .forumbit_post { background-color:#515151 !important; } /* Forenbody Farbe */ .cf{ background-color:#a1a1a1 !important; } /* Beitragshintergrundfarbe linke Seite (Userbox) */ .postbitlegacy .postdetails, .eventbit .eventdetails, .userinfo A{ background-color:#515151 !important; color: #FFFFFF !important; } /* Beitragshintergrundfarbe */ .postbitlegacy .postbody, .eventbit .eventdetails .eventbody{ background-color:#606060 !important; } /* Beitragsfuss Hintergrundfarbe */ .postbit .postfoot, .postbitlegacy .postfoot, .eventbit .eventfoot{ background-color:#515151 !important; } /* Subthread Übersicht (ohne Sticky) */ .threadbit .nonsticky, .threadbit .discussionrow{ background-color:#515151 !important; } /* Subthread Übersicht (mit Sticky) */ .threadbit .sticky{ background-color:#533838 !important; } /* Schriftfarbe der Beiträge */ .postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow{ color:#FFFFFF !important; } /* Schriftfarbe in der Threadübersicht (nicht die roten Überschriften) */ .threadbit{ color:#FFFFFF !important; } /* Schriftfarbe des Threadtitels in der Threadübersicht */ .threadtitle A, .forumtitle A, .subforumlistlabel, .lastpostby A, a.threadtitle, .threadlastpost .username { color: #FFFFFF !important; } /* Schriftfarbe der Forumbeschreibung */ p.forumdescription { color: #FFFFFF !important; } /* Schriftfarbe der Betrachteranzahl / Forumstats / Letzter Post */ .viewing, .lastpostdate, .lastpostby, .forumstats, .subforum A, .time, .lastedited { color: #b5b5b5 !important; } /* Lastposttitle (z.B. [Sammelthread] in der Übersicht) */ .lastposttitle { color: #b5b5b5 !important; } /* Zitat-Container */ .quote_container { background-color: #464746 !important; } /* Antworten, Editieren, Zitieren */ .quickreply, .newreply, .editpost { color: #FFFFFF !important; } } @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("www.hardwareluxx.de") { }
Ein Heller Skin von siroques:
Spoiler: Anzeigen
Code:@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("hardwareluxx.de") { body { background-image: url() !important; } .main_body1 { position: absolute !important; margin-left: auto !important; margin-right: auto !important; padding-left: 130px !important; padding-right: 130px !important; } html, body, .main_body { background-color: #f0f0f0 !important; } .leaderboard { background-color: #d0d0d0 !important; } .forumbit_post .forumrow, .forumbit_nopost .forumrow, .forumbit_post { background-color: #efefef !important; } .footer { background-image: url() !important; background-color: black !important; box-shadow: 0px 0px 2px black !important; } .blockbody { border: 1px solid #3a3a3a !important; box-shadow: 1px 1px 1px white !important; } .blockhead { border: 0px !important; border-right: 1px solid #3a3a3a !important; box-shadow: 0px 0px 0px !important; } .bbcodeblock a, p a { color: black !important; } .blocksubhead { border-top: 1px dotted black !important; } #wgo_onlineusers_list li { background-color: #e0e0e0 !important; } .threadinfo span a { color: white !important; } .pagination a { background-color: white !important; color: white !important; } .pagination span a { background-color: #3a3a3a !important; } .label a { background-color: grey !important; } .forumtitle a { color: white !important; } .titleline a { color: #3a3a3a !important; } .lastposttitle a { color: #3a3a3a !important; } .subforum a { color: #5a5a5a !important; } .forumhead, .threadlisthead { border: 0px !important; } .posthead, .eventbit .eventhead { border: 1px solid #5a5a5a !important; } .postbody { border-left: 1px dotted #5a5a5a !important; } .userinfo { background-color: #f0f0f0 !important; } .title { border-bottom: 1px dotted black !important; } .signature { border-top: 1px dotted black !important; } .selected a { background-color: black !important; } .quickreply, .newreply, .postlinking a { color: black !important; } .cf { background-color:#e0e0e0 !important; } .postbitlegacy .postdetails, .eventbit .eventdetails { background-color: #f0f0f0 !important; border-left: 1px solid #5a5a5a !important; border-right: 1px solid #5a5a5a !important; border-bottom: 1px solid #5a5a5a !important; } .postbitlegacy .postbody, .eventbit .eventdetails .eventbody { background-color: #eaeaea !important; } .navtabs { background-image: url() !important; background-color: black !important; } .floatcontainer a { margin: 0px 2px 2px 0px !important; } .username { color: black !important; } .label a { background-color: #d5d5d5 !important; padding: 0px 4px 0px 4px !important; } .firstunread { color: black !important; } .navbit a { color: #4a4a4a !important; } .lastnavbit span { color: black !important; } .postbit .postfoot, .postbitlegacy .postfoot, .eventbit .eventfoot { background-color: #b0b0b0 !important; } .threadbit .nonsticky, .threadbit .discussionrow { background-color: #e0e0e0 !important; } .threadbit .sticky { background-color: #cccccc !important; } .quickreply { background-image: url(http://got2code.com/hwluxx/reply_40b.png) !important; } .newreply { background-image: url(http://got2code.com/hwluxx/quote_40b.png) !important; } .threadtitle a { color: #3a3a3a !important; } #navbar_notice_12 { background-color: white !important; box-shadow: 0px 0px 2px black !important; } .newcontent_textcontrol { background-image: url() !important; background-color: #2a2a2a !important; box-shadow: 0px 0px 2px black !important; } .postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow { color: #000000 !important; } .threadbit { color: #000000 !important; } }
Ein Skin mit zentriertem forum und dezenten Änderrungen von vfdesignz:
Spoiler: Anzeigen
Aktuelle Version auch immer auf: http://userstyles.org/styles/61197/h...um-style-1-0-0
Code:@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://www.hardwareluxx.de/community") { /* 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; } }
Abwandlund ges neuen Orginalskins von siM Luxx
Spoiler: Anzeigen
Code:.above_body { width: 1250px !important; margin: 0px auto !important; } #navbar { width: 1250px !important; margin: 0px auto !important; } .cf { width: 1250px !important; margin: 0px auto !important; border-left: 0px solid #D1D1D1 !important; border-right: 0px solid #D1D1D1 !important; border-bottom: 0px solid #D1D1D1 !important; padding: 0px 0px 0px 0px !important; } .body_wrapper { width: 1250px !important; padding: 20px 0px 0px 0px !important; margin: 0px auto !important; } #sky {display: none !important;} #wgo {display: none !important;} #navbar {display: none !important;} #footer {display: none !important;} #forum_info_options {display: none !important;} #thread_info {padding-bottom: 40px !important;} /* .after_content {display: none !important;} */ .options_block_container {display: none !important;} .below_body {display: none !important;} .postbitlegacy .postbody, .eventbit .eventdetails .eventbody { Background-color:#F1F1F1 !important;} h2 a { color: #000 !important;} .threadtitle a { color: #000 !important;} .forumtitle a { color: #fff !important;} .postfoot { background-color: #fff !important;} .forumbit_post .forumrow, .forumbit_nopost .forumrow, .forumbit_post { Background-color:#F1F1F1 !important;} .forumbit_post .forumrow, .forumbit_nopost .forumrow, .forumbit_post a { color: #000 !important;} .subforumlistlabel {display: none !important;} .subforum {display: none !important;} .forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead { box-shadow: 0 1px 5px #CCC; -moz-box-shadow: 0 1px 5px #CCC; -webkit-box-shadow: 0 1px 5px #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .forumhead, .posthead { font: bold 12px verdana; margin-top: 15px; border-radius: 2px 2px 2px 2px !important; border-top: 3px solid #D60B07; border-left: 1px solid #464746; border-right: 1px solid #464746; border-bottom: 1px solid #464746; } #suche {display: none !important;} .postdetails { box-shadow: 0 1px 5px #CCC !important; -moz-box-shadow: 0 1px 5px #CCC !important; -webkit-box-shadow: 0 1px 5px #CCC !important;} .threadinfohead blockhead { border-radius: 2px 2px 0px 0px !important;} .postfoot { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; box-shadow: 0 3px 5px #ccc; -moz-box-shadow: 0 3px 5px #ccc; -webkit-box-shadow: 0 3px 5px #ccc;}
Bonus: Extra Codeschnipsel für höhere Texteingabefelder (lrwr)
Spoiler: Anzeigen
Code:#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; }
Bonus 2: Breitenbegrenzung der schnell- Eingabefelder (lrwr)
Spoiler: Anzeigenbreite auf 60% gesetzt:
oder auch mit absolutwerten (war beim alten luxx auch), das sollten gut ran kommen:Code:/* 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; }
Code:/* 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; }
Bonus 3: Forum zentrieren (vfdesignz)
Spoiler: AnzeigenWillst du es komplett Zentriert, also ohne freie Fläche links & rechts oder mit einer freien Fläche?
Ohne freie Fläche
Mit freier Fläche: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; }
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; }
hier im Thread ist jeder eingeladen seine eigenen Skins zu posten.
Ich werde von Zeit zu Zeit die neuen Skins hier vorne einpflegen, für die neuste Version konsultiert ihr aber besser die letzten Seiten des Threads![]()
+ Antworten
Ergebnis 1 bis 25 von 509
- 04.01.12, 19:12 #1Fregattenkapitän
- Registriert seit
- 08.04.2007
- Beiträge
- 2.973
Hardwareluxx Forenstyle-Sammlung
Hallo Luxxer

das neue Forenaussehen sorgt ja schon für viel Aufmerksamkeit und es wurden ja auch schon von offizieller seite codeschnipsel für Stylish rausgegben.
Dazu bin ich wohl auch nicht der einzige, der sich hingesetzt hat und selber etwas gemacht hat.
Hier im Thread sollen vorallem von usern erstellte styles gesammelt und ausgetauscht werden.
lob und kritik sind natürlich immer wilkommen
wer noch keine ahnung hat wie/wo/was:
es gibt für den firefox und für crome ein addon names stylish,welches selbst erstellte css sheets "nachträglich" auf webseiten anwendet. damit kann man eine webseite ummodelieren, verschönern, verstummeln, liegt im auge des betrachters
für opera gibt es auch ein solches addon unter dem namen include css, funktion ist die gleiche.
Screenshots und code in den Spoilern:
Black Skin (lrwr) [update 29.01.]
Spoiler: Anzeigen
Ein Nachbau des alten blauen skins (lrwr) [update 06.03.]:
Spoiler: Anzeigen
Ein heller Skin, angelehnt an den alten von AbsolutesChaoz
Spoiler: Anzeigen
Ein heller Skin vom User tree- [update 05.03.]:
Spoiler: Anzeigen
Dunkeler Skin von FuXxMiTdOpPeLX
Spoiler: Anzeigen
Ein Heller Skin von siroques:
Spoiler: Anzeigen
Ein Skin mit zentriertem forum und dezenten Änderrungen von vfdesignz:
Spoiler: Anzeigen
Abwandlund ges neuen Orginalskins von siM Luxx
Spoiler: Anzeigen
Bonus: Extra Codeschnipsel für höhere Texteingabefelder (lrwr)
Spoiler: Anzeigen
Bonus 2: Breitenbegrenzung der schnell- Eingabefelder (lrwr)
Spoiler: Anzeigen
Bonus 3: Forum zentrieren (vfdesignz)
Spoiler: Anzeigen
hier im Thread ist jeder eingeladen seine eigenen Skins zu posten.
Ich werde von Zeit zu Zeit die neuen Skins hier vorne einpflegen, für die neuste Version konsultiert ihr aber besser die letzten Seiten des Threads
Geändert von lrwr (09.04.12 um 20:38 Uhr)
- 04.01.12, 19:14 #2Hauptgefreiter
- Registriert seit
- 22.08.2011
- Beiträge
- 134
Mich würde es interessieren, wie man es schafft, dass das eigene CSS in Stylish nur das Forum betrifft, nicht aber die Main. Hast du dazu eventuell eine Lösung?
- 04.01.12, 19:16 #3Flottillenadmiral
- Registriert seit
- 01.01.2007
- Ort
- Exil
- Beiträge
- 5.829
Du bist ein G O T T !
- 04.01.12, 19:18 #4
es wäre echt super wenn du mir kurz erklären könntest, wie ich mit diesem include css via opera das alte blaue Theme das du so cool nachgebaut hast nachbauen könnte. Zumindest solange bis dieses, hoffentlich offiziell auch wieder verfügbar ist. Ich finde es momentan mit diesem weiß extrem anstrengend.
- 04.01.12, 19:23 #5
Oh ich danke dir
Endlich wieder alles dunkel hier.
Der neue Forum Style gefällt mir zwar aber nicht mit diesem grässlichen weiß.
Vielen Dank!
- 04.01.12, 19:25 #6
- 04.01.12, 19:32 #7Hauptgefreiter
- Registriert seit
- 22.08.2011
- Beiträge
- 134
- 04.01.12, 19:37 #8Fregattenkapitän
- Registriert seit
- 08.04.2007
- Beiträge
- 2.973
Themenstarter
für die opera user gibt es hier ein relativ anschauliches video wie ich finde:
Include CSS - User Guide (Opera extension) - YouTube
den blauen gibts noch nicht, mit dem bin ich noch nicht fertig, aber schwarz-grau (mit etwas rot) gibt es schon
ich hoffe, dass ich den blauen morgen fertig bekomme
ansonsten danke für die blumen
- 04.01.12, 19:39 #9
- 04.01.12, 19:40 #10Hauptgefreiter
- Registriert seit
- 22.08.2011
- Beiträge
- 134
Einen neuen Style erstellen, einen Namen eingeben und dann unten beginnen mit:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.hardwareluxx.de/community/") {
Dann kommt das ganze CSS
und zum Ende noch eine
}
Die CSS Kenntnisse braucht man eben und Tools wie Firebug sind praktisch Pflicht um herauszufinden was man in das CSS schreiben muss.
- 04.01.12, 19:45 #11
Super, danke dir.
Da hatte ich unten das zweite } nicht gemacht im eigenen Anlauf.
Jetzt ist es wie es sein soll
- 04.01.12, 19:51 #12Leutnant zur See
- Registriert seit
- 21.01.2003
- Beiträge
- 1.121
Bei Opera gehts noch einfacher: Rechtsklick - Seitenspezifische Einstellungen - Anzeige - Eigener Stylesheet
Vorher den Quelltext der bevorzugten Skins mim Editor als blablabla.css speichern und wie beschriebn auswählen
Und alles ohne extra Programme
- 04.01.12, 19:59 #13
- 04.01.12, 20:12 #14
Es sieht aber nicht wie das alte HWL aus, will es wieder mit diesem Grau in Grau wie vor ein paar Tagen, es ist hier nicht auszuhalten.
- 04.01.12, 20:24 #15Flottillenadmiral
- Registriert seit
- 01.01.2007
- Ort
- Exil
- Beiträge
- 5.829
Der blau/graue Style wird erst morgen fertig (Thread lesen!), bis dahin wirst es mit dem schwarzen Style aushalten können, oder?
- 04.01.12, 20:24 #16Leutnant zur See
- Registriert seit
- 21.01.2003
- Beiträge
- 1.121
- 04.01.12, 20:40 #17
- 04.01.12, 20:48 #18Hauptgefreiter
- Registriert seit
- 22.08.2011
- Beiträge
- 134
Selbst erstellen oder warten bis es ein anderer tut. Ganz das alte wirst du aber nicht bekommen da das Layout im neuen Forum einfach anders ist.
- 04.01.12, 20:58 #19
Kannst du im Design1 den Schwarzen Hintergrund mal weiss machen oder mir verraten was ich im Stylishcode ändern muss?
Würd mich mal interessieren wie das wirkt.
Hab meinen Favourit gefunden:
Style1, aber:
Zeile 20: ändern in:
background:lightgrey !important;Geändert von 2k5lexi (04.01.12 um 21:01 Uhr)
- 04.01.12, 20:59 #20
Bei mir will das irgendwie nicht so recht. Wenn ich das so mache wie du es sagt, also erst:
danach den ganzen CSS-Code und zum Schluss nochmal eine "}" dann bleibt alles beim alten.@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.hardwareluxx.de/community/") {
Wenn ich es aber so mache,
und dann den ganzen CSS-Code dazupacke, verändert sich zwar das Forum, aber leider auch die Hauptseite.@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.hardwareluxx.de/community/") {
}
- 04.01.12, 21:00 #21
Der Code muss wohin (Ins klo
)?!
Q9550@4Ghz 1.23v | Club3D ATi HD5850@850/1100 | 4GB Patriot Viper 1066 | Gigabyte P45-UD3P@11c 500 FSB@1.32v vMCH | Prolimatech Megahalems | Creative X-Fi Titanium | Lancool K62 | Coba Nitrox 750
- 04.01.12, 21:04 #22Hauptgefreiter
- Registriert seit
- 22.08.2011
- Beiträge
- 134
Hmm seltsam.
Versuche mal den ganzen Code rein zu kopieren:
Spoiler: Anzeigen
Bei mir funktioniert das so. Schon seltsam.
In der Übersicht der Stile sollte dann stehen "Wirkt sich auf "http://www.hardwareluxx.de/community/*" aus."Geändert von AbsolutesChaoz (04.01.12 um 21:05 Uhr)
- 04.01.12, 21:09 #23
- 04.01.12, 21:28 #24
Danke @lrwr für den dunklen Skin!
- 04.01.12, 21:43 #25
@ lrwr
Vielen Dank für den schicken Style.
Freue mich schon auf das Grau-Blau

LinkBack URL
About LinkBacks

























Zitieren















