Neues Black Theme? - nice

**drunken monkey** · 19.09.2008 18:03

Zitat von Taro Misaki

Kannst du das mal für Dumme wie mich erklären?^^
Was muss ich zum Beispiel genau anstellen, um hier die Hintergrundfarbe zu ändern?

Falls du Firefox verwendest: Das Add-on Stylish installieren, dann einen neuen Stil für die Seite hier erstellen und

Code:

body { background-color: blue !important; }

in die Klammern schreiben.
Für Opera kann man afair von Haus aus eigene Stile für Seiten erstellen, da müsstest dann das Gleiche reinschreiben.

Um andere Farben zu ändern musst du im Quelltext der Seite die Klasse des jeweiligen Elements finden und eine Regel dafür definieren, spätestens dann musst du CSS dafür lernen.

Mit Greasemonkey und Javascript-Können kannst du dann andere Sachen wie eine Veränderung der verwendeten Bilder oder auch eine komplette Umstellung des Layouts bewerkstelligen, wenn du das auch willst.

**Taro Misaki** · 19.09.2008 18:15

Zitat von drunken monkey

Falls du Firefox verwendest: Das Add-on Stylish installieren, dann einen neuen Stil für die Seite hier erstellen und

Code:

body { background-color: blue !important; }

in die Klammern schreiben.

Wie?
So einfach?

Muss ich gleich direkt mal ausprobieren.^^

Zitat

Mit Greasemonkey und Javascript-Können kannst du dann andere Sachen wie eine Veränderung der verwendeten Bilder oder auch eine komplette Umstellung des Layouts bewerkstelligen, wenn du das auch willst.

Also am liebsten hätte ich es ja so, wie auf dem Bild von Crash-Override aus dem Anfangspost, aber bis ich gelernt habe, was man dafür alles machen muss, bin ich wahrscheinlich alt und grau.

EDIT:

Krass, es hat direkt geklappt, hinten ist jetzt alles blau, aber wie kann ich den Farbton bestimmen, wenn ich ein etwas anderes Blau haben möchte?

**Liferipper** · 19.09.2008 19:05

Zitat

Krass, es hat direkt geklappt, hinten ist jetzt alles blau, aber wie kann ich den Farbton bestimmen, wenn ich ein etwas anderes Blau haben möchte?

Dann gibst du statt "blue" einfach #6-stellige Hex-Nummer ein.
Die Nummer gibt dabei die Menge an rot, grün und blau an der Gesamtfarbe an. Auf wikipedia findet man z.B. viele Codes für blau.

Zitat

Also am liebsten hätte ich es ja so, wie auf dem Bild von Crash-Override aus dem Anfangspost, aber bis ich gelernt habe, was man dafür alles machen muss, bin ich wahrscheinlich alt und grau.

Da er einfach nur sämtliche Farben invertiert hat, ist das eigentlich eine Sache von 5 Minuten... FFFFFF - (verwendeter Farbcode) = invertierter Farbcode.

**Taro Misaki** · 19.09.2008 19:10

Zitat von Liferipper

Dann gibst du statt "blue" einfach #6-stellige Hex-Nummer ein.
Die Nummer gibt dabei die Menge an rot, grün und blau an der Gesamtfarbe an. Auf wikipedia findet man z.B. viele Codes für blau.

THX.

Zitat

Da er einfach nur sämtliche Farben invertiert hat, ist das eigentlich eine Sache von 5 Minuten... FFFFFF - (verwendeter Farbcode) = invertierter Farbcode.

Hmm, wie jetzt genau?, du musst verstehen, ich kenne mich wirklich kein Stück mit sowas aus, wo muss ich was eingeben um einfach alle farben zu invertieren?

**Crash-Override** · 19.09.2008 19:24

Zitat von Liferipper

Da er einfach nur sämtliche Farben invertiert hat, ist das eigentlich eine Sache von 5 Minuten... FFFFFF - (verwendeter Farbcode) = invertierter Farbcode.

Ok zum einen ist das Bild entgegen allen Behauptungen echt, was ja auch offensichtlich wurde durch mein Beweis-Link auf dem Server der von DFXY dann durch das "Move Along" ersetzt wurde (wieso sonst sollte das Bild an der Stelle auf dem Server sein und ich darauf verlinken). FFFFFF ist der Farbcode fuer schwarz. Bilder sind dabei natuelich nicht betroffen, also sieht es mitnichten so aus wie auf dem Bild, aber das liese sich auch machen denke ich.

**Taro Misaki** · 19.09.2008 19:36

Könnte nicht irgendein ganz lieber Mensch diesen Style machen und auf userstyles.org veröffentlichen.

**drunken monkey** · 19.09.2008 20:07

Linux zulegen, compiz installieren, compiz aktivieren, Super-N drücken, Ta-daa! ;P
Der Stil ist etwas sehr viel Arbeit. ^^'' Und wie gesagt, die Bilder dürfte man kaum so hinbekommen nur mit Style, dazu braucht man noch ein Greasemonkey-Skript, das dann ordentlich Leistung verbraucht jedenfalls wenn eine MMX-Seite geladen wird. <__<'

Oh, ich nehme alles zurück. XD Crash hat aber offensichtlich Erfahrung drin, das zusammenzuschustern.

**Crash-Override** · 19.09.2008 20:09

Zitat von Taro Misaki

Könnte nicht irgendein ganz lieber Mensch diesen Style machen und auf userstyles.org veröffentlichen.

Hab das mal quick and dirty zusammengebastelt. Es benoetigt allerdings noch einige fixes (imho sehen die Buttons nicht so toll aus und ein paar andere Kleinigkeiten sind nicht wie auf dem Bild, aber bitte:

Mir gefaellt es.

Black MMX

Code:

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

@-moz-document domain("www.multimediaxis.de") {
    body
    {
        background: black url('http://npshare.de/files/38/2494/background.png') repeat-x top left !important;
        color: white !important;
    }

    .orangelinks a:link, .orangelinks a:visited
    {
        color: #2a7dff !important;
    }

    .orangelinks a:hover, .orangelinks a:active
    {
        color: #0062fc !important;
    }

    #header
    {
        background-color: #dfdfdf !important;
    }

    .tcat, .vbmenu_control
    {
        background: #0062fc url('http://npshare.de/files/38/7710/gradient_header.png') repeat-x top left !important;
    }

    .user_moderator {
        color: blue !important;
    }


    img[src*="layouts/mx37/buttons/multiquote_off.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/9959/multiquote_off.gif') !important;
    }

    img[src*="layouts/mx37/buttons/quote.gif"]
    {
        width:0px !important;
        padding: 21px 80px 0 0!important;
        background: url('http://npshare.de/files/38/2350/quote.gif') !important;
    }

    img[src*="layouts/mx37/buttons/reply.gif"]
    {
        width:0px !important;
        padding: 30px 150px 0 0!important;
        background: url('http://npshare.de/files/38/7369/reply.gif') !important;
    }

    img[src*="layouts/mx37/buttons/report.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/8055/report.gif') !important;
    }

    img[src*="layouts/mx37/statusicons/user_online.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/1607/user_online.gif') !important;
    }

    img[src*="layouts/mx37/buttons/multiquote_on.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/8511/multiquote_on.gif') !important;
    }

    img[src*="layouts/mx37/nav_forum.png"]
    {
        width:0px !important;
        padding: 26px 59px 0 0!important;
        background: url('http://npshare.de/files/38/7655/nav_forum.png') !important;
    }

    img[src*="layouts/mx37/statusicons/forum_new.gif"]
    {
        width:0px !important;
        padding: 30px 29px 0 0!important;
        background: url('http://npshare.de/files/38/7403/forum_new.gif') !important;
    }

    img[src*="layouts/mx37/nav_impressum.png"]
    {
        width:0px !important;
        padding: 26px 100px 0 0!important;
        background: url('http://npshare.de/files/38/2975/nav_impressum.png') !important;
    }

    img[src*="layouts/mx37/nav_hosting.png"]
    {
        width:0px !important;
        padding: 26px 100px 0 0!important;
        background: url('http://npshare.de/files/38/9295/nav_hosting.png') !important;
    }

    img[src*="layouts/mx37/nav_hostedsites.png"]
    {
        width:0px !important;
        padding: 26px 79px 0 0!important;
        background: url('http://npshare.de/files/38/6313/nav_hostedsites.png') !important;
    }

    img[src*="layouts/mx37/nav_hostedforums.png"]
    {
        width:0px !important;
        padding: 26px 76px 0 0!important;
        background: url('http://npshare.de/files/38/8593/nav_hostedforums.png') !important;
    }

    img[src*="layouts/mx37/logo.png"]
    {
        width:0px !important;
        padding: 74px 320px 0 0!important;
        background: url('http://npshare.de/files/38/3062/logo.png') !important;
    }
}

**Spitfire** · 19.09.2008 20:24

Zitat von Crash-Override

Hab das mal quick and dirty zusammengebastelt. Es benoetigt allerdings noch einige fixes (imho sehen die Buttons nicht so toll aus und ein paar andere Kleinigkeiten sind nicht wie auf dem Bild, aber bitte:

Mir gefaellt es.

Black MMX

Code:

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

@-moz-document domain("www.multimediaxis.de") {
    body
    {
        background: black url('http://npshare.de/files/38/2494/background.png') repeat-x top left !important;
        color: white !important;
    }

    .orangelinks a:link, .orangelinks a:visited
    {
        color: #2a7dff !important;
    }

    .orangelinks a:hover, .orangelinks a:active
    {
        color: #0062fc !important;
    }

    #header
    {
        background-color: #dfdfdf !important;
    }

    .tcat, .vbmenu_control
    {
        background: #0062fc url('http://npshare.de/files/38/7710/gradient_header.png') repeat-x top left !important;
    }

    .user_moderator {
        color: blue !important;
    }


    img[src*="layouts/mx37/buttons/multiquote_off.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/9959/multiquote_off.gif') !important;
    }

    img[src*="layouts/mx37/buttons/quote.gif"]
    {
        width:0px !important;
        padding: 21px 80px 0 0!important;
        background: url('http://npshare.de/files/38/2350/quote.gif') !important;
    }

    img[src*="layouts/mx37/buttons/reply.gif"]
    {
        width:0px !important;
        padding: 30px 150px 0 0!important;
        background: url('http://npshare.de/files/38/7369/reply.gif') !important;
    }

    img[src*="layouts/mx37/buttons/report.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/8055/report.gif') !important;
    }

    img[src*="layouts/mx37/statusicons/user_online.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/1607/user_online.gif') !important;
    }

    img[src*="layouts/mx37/buttons/multiquote_on.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/8511/multiquote_on.gif') !important;
    }

    img[src*="layouts/mx37/nav_forum.png"]
    {
        width:0px !important;
        padding: 26px 59px 0 0!important;
        background: url('http://npshare.de/files/38/7655/nav_forum.png') !important;
    }

    img[src*="layouts/mx37/statusicons/forum_new.gif"]
    {
        width:0px !important;
        padding: 30px 29px 0 0!important;
        background: url('http://npshare.de/files/38/7403/forum_new.gif') !important;
    }

    img[src*="layouts/mx37/nav_impressum.png"]
    {
        width:0px !important;
        padding: 26px 100px 0 0!important;
        background: url('http://npshare.de/files/38/2975/nav_impressum.png') !important;
    }

    img[src*="layouts/mx37/nav_hosting.png"]
    {
        width:0px !important;
        padding: 26px 100px 0 0!important;
        background: url('http://npshare.de/files/38/9295/nav_hosting.png') !important;
    }

    img[src*="layouts/mx37/nav_hostedsites.png"]
    {
        width:0px !important;
        padding: 26px 79px 0 0!important;
        background: url('http://npshare.de/files/38/6313/nav_hostedsites.png') !important;
    }

    img[src*="layouts/mx37/nav_hostedforums.png"]
    {
        width:0px !important;
        padding: 26px 76px 0 0!important;
        background: url('http://npshare.de/files/38/8593/nav_hostedforums.png') !important;
    }

    img[src*="layouts/mx37/logo.png"]
    {
        width:0px !important;
        padding: 74px 320px 0 0!important;
        background: url('http://npshare.de/files/38/3062/logo.png') !important;
    }
}

Du bist Gott!

Ich glaube damit muss ich noch ein bischen rumspielen

**Lukas** · 19.09.2008 20:31

Ach bla, nehmt halt das eingebaute :P

Disclaimer: das Ding ist urspünglich als Joke für den Staff entstanden und war nie dafür gedacht, veröffentlicht zu werden, und es ist halt wirklich eine pure Invertierung des orangen Designs. An letzerem werde ich auch nichts ändern, genauso wie ich generell kein Design-spezifisches Finetuning vornehmen werde -- das erhöht alles den Maintenance-Aufwand, und der war der Hauptgrund, das nicht zu veröffentlichen, und den will ich auch weiterhin minimal halten.
Seht es als ein (maximal) semi-supportetes Design an.

**Taro Misaki** · 19.09.2008 21:33

Zitat von Crash-Override

Hab das mal quick and dirty zusammengebastelt. Es benoetigt allerdings noch einige fixes (imho sehen die Buttons nicht so toll aus und ein paar andere Kleinigkeiten sind nicht wie auf dem Bild, aber bitte:

Mir gefaellt es.

Black MMX

Code:

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

@-moz-document domain("www.multimediaxis.de") {
    body
    {
        background: black url('http://npshare.de/files/38/2494/background.png') repeat-x top left !important;
        color: white !important;
    }

    .orangelinks a:link, .orangelinks a:visited
    {
        color: #2a7dff !important;
    }

    .orangelinks a:hover, .orangelinks a:active
    {
        color: #0062fc !important;
    }

    #header
    {
        background-color: #dfdfdf !important;
    }

    .tcat, .vbmenu_control
    {
        background: #0062fc url('http://npshare.de/files/38/7710/gradient_header.png') repeat-x top left !important;
    }

    .user_moderator {
        color: blue !important;
    }


    img[src*="layouts/mx37/buttons/multiquote_off.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/9959/multiquote_off.gif') !important;
    }

    img[src*="layouts/mx37/buttons/quote.gif"]
    {
        width:0px !important;
        padding: 21px 80px 0 0!important;
        background: url('http://npshare.de/files/38/2350/quote.gif') !important;
    }

    img[src*="layouts/mx37/buttons/reply.gif"]
    {
        width:0px !important;
        padding: 30px 150px 0 0!important;
        background: url('http://npshare.de/files/38/7369/reply.gif') !important;
    }

    img[src*="layouts/mx37/buttons/report.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/8055/report.gif') !important;
    }

    img[src*="layouts/mx37/statusicons/user_online.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/1607/user_online.gif') !important;
    }

    img[src*="layouts/mx37/buttons/multiquote_on.gif"]
    {
        width:0px !important;
        padding: 30px 30px 0 0!important;
        background: url('http://npshare.de/files/38/8511/multiquote_on.gif') !important;
    }

    img[src*="layouts/mx37/nav_forum.png"]
    {
        width:0px !important;
        padding: 26px 59px 0 0!important;
        background: url('http://npshare.de/files/38/7655/nav_forum.png') !important;
    }

    img[src*="layouts/mx37/statusicons/forum_new.gif"]
    {
        width:0px !important;
        padding: 30px 29px 0 0!important;
        background: url('http://npshare.de/files/38/7403/forum_new.gif') !important;
    }

    img[src*="layouts/mx37/nav_impressum.png"]
    {
        width:0px !important;
        padding: 26px 100px 0 0!important;
        background: url('http://npshare.de/files/38/2975/nav_impressum.png') !important;
    }

    img[src*="layouts/mx37/nav_hosting.png"]
    {
        width:0px !important;
        padding: 26px 100px 0 0!important;
        background: url('http://npshare.de/files/38/9295/nav_hosting.png') !important;
    }

    img[src*="layouts/mx37/nav_hostedsites.png"]
    {
        width:0px !important;
        padding: 26px 79px 0 0!important;
        background: url('http://npshare.de/files/38/6313/nav_hostedsites.png') !important;
    }

    img[src*="layouts/mx37/nav_hostedforums.png"]
    {
        width:0px !important;
        padding: 26px 76px 0 0!important;
        background: url('http://npshare.de/files/38/8593/nav_hostedforums.png') !important;
    }

    img[src*="layouts/mx37/logo.png"]
    {
        width:0px !important;
        padding: 74px 320px 0 0!important;
        background: url('http://npshare.de/files/38/3062/logo.png') !important;
    }
}

Wow, das sieht schonmal sehr cool aus, ich will sowas auch können.

Allerdings fehlt da die für mich eigentlich wichtigste Sache, nämlich dass alle Postingfelder schwarz sind und dafür das Geschriebene weiß, so wie auch auf dem Bild, dann würden die Buttons auch normal aussehen, wie man an dem Antwort-Button erkennen kann.

Aber so, wie es jetzt ist, nehm ich´s auf jeden Fall schonmal als Standardeinstellung.

THX

EDIT: der "Edit"- und der "Neues Thema"-Button sind auch noch wie vorher.^^

**Spitfire** · 19.09.2008 21:38

Ich bin gerade dabei die Buttons etwas zu "fixen"
der "neues Thema" Button ist schon implementiert, "geschlossen" auch. Die normalerweise orangenen Punkte vor den Foren haben jetzt keinen schwarzen Rand mehr. Bei den restlichen Buttons wird jetzt noch der schwarze Rand entfernt und dann poste ich den neuen Code.

**Knuckles** · 19.09.2008 21:39

Also ich finde es viel einfacher zwei Klicks zu machen und mir das schwarze Design einzustellen.

**Taro Misaki** · 19.09.2008 22:18

Zitat von Knuckles

Also ich finde es viel einfacher zwei Klicks zu machen und mir das schwarze Design einzustellen.

Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke, Danke,

an mq

EDIT: Ah, hatte mq´s Post falsch gedeutet, ich dachte, das sollte heißen, dass das Design nicht On kommt.^^

**Knuckles** · 19.09.2008 22:20

Der Dank gebührt mq.

**Lux** · 20.09.2008 10:19

Was sind das denn für seltsame Namen?

Orgasmic Orange, Bondage Blue ... als nächstes will ich Petting Purple, Rectal Red und Molestation Magenta. D:

**Crash-Override** · 19.09.2008 21:40

Zitat von Spitfire

Ich bin gerade dabei die Buttons etwas zu "fixen"
der "neues Thema" Button ist schon implementiert, "geschlossen" auch. Die normalerweise orangenen Punkte vor den Foren haben jetzt keinen schwarzen Rand mehr. Bei den restlichen Buttons wird jetzt noch der schwarze Rand entfernt und dann poste ich den neuen Code.

Sorry, aber mq hat doch gerade gesagt das das richtige Design bereits fuer alle freigegeben ist. Es ist also kaum notwendig es inoffiziell weiterzufuehren.

**Spitfire** · 19.09.2008 21:46

Zitat von Crash-Override

Sorry, aber mq hat doch gerade gesagt das das richtige Design bereits fuer alle freigegeben ist. Es ist also kaum notwendig es inoffiziell weiterzufuehren.

oh - verdammt >_<
hab nicht genau genug gelesen.

Nur, dass die eben noch weißen Flächen jetzt schwarz sind stört ein bischen. Da ist mir das manuelle irgendwie lieber...

Thema: Neues Black Theme? - nice

Themen-Optionen

Anzeige

Hybrid-Darstellung

Berechtigungen