Schwarzes Rappers.in

WasOnHereMostlyAsU18 · 23. Dezember 2014

Zitat von Kaizor

Ich weiß garnicht was alle haben, dass dunkle Design hat einen immer total depressiv gemacht und schlechte Stimmung verbreitet, das weiße steht für Hoffnung und Zukunft. Ein paar Friedenstauben sollten noch eingefügt werden, dann wäre es perfekt.

Vielleicht dich, trifft aber nicht unbedingt auf andere zu. Mir gefallen dunkle Designs einfach. Helle kann ich gar nicht ab. Und anscheinend geht es ja vielen so.

Daher wäre ein Lichtschalter bzw. Alternativdesign schon etwas was eingefügt werden sollte.

Ein Übergangsdesign mit Stylish wäre toll Spiewak. Mach mal diggi.

Spiewak · 23. Dezember 2014

wird heut nichtsmehr.
Muss mich da doch noch ein wenig mehr mit beschäftigen. Wäre wohl einfacher mit der vBulletin Adminconsole xD

Spiewak · 24. Dezember 2014

so okay... die Leute die Stylish besitzen und nicht länger abwarten können, können sich unter Stylish mal fix ein "Neuen Stil erstellen"

PHP

@-moz-document url-prefix("https://rappers.in/forum/"), url-prefix("https://www.rappers.in/forum") {
html {
    background: none repeat scroll 0% 0% #0E2323 !important;
}
  .body_wrapper {
    padding: 10px 20px;
    background: none repeat scroll 0% 0% #2F4456;
    border-radius: 5px;
}
  body {
    font-size: 13px;
    color: #FFF;
    line-height: 1.23;
}
  body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
    color: #FFF;
    text-decoration: underline;
}
body a {
    color: #9CD8FF;
    text-decoration: none;
}
  #forums a.username:hover {
    color: #E3FB00;
}
#forums a.username {
    color: #F5E539;
}
  Element {
}
  .forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.66);
}
  .forumhead {
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll 0% 0% #3D4C54;
    padding: 0px;
    font: bold 12px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
    color: #FFF;
    clear: both;
    margin-top: 8px;
    float: left;
    border: 1px solid #000;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
  .forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
    background: url("images/gradients/grey-up.png") repeat-x scroll left bottom rgb(32, 34, 36);
    border-top: 0px none;
}
  .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
    color: rgb(255, 255, 255);
    background: url("images/gradients/grey-up.png") repeat-x scroll left bottom #313539;
    display: block;
    width: 100%;
    float: left;
    min-height: 58px;
    position: relative;
    border-bottom: 1px solid #000;
    border-left: 1px solid rgba(0, 0, 0, 0.56);
    border-right: 1px solid #000;
}
  .time {
    color: #D3FBF8;
} 
  .wgo_block .blockbody {
    border: 1px solid rgb(0, 0, 0);
    background: url("images/gradients/gradient-greytowhite.png") repeat-x scroll 0% -2% rgb(49, 53, 57);
}
  .wgo_block .section {
    display: block;
    padding: 0px 0px 0.5em;
    color: rgb(255, 255, 255);
    clear: both;
    width: 100%;
}
  .wgo_block .blocksubhead {
    padding-left: 10px;
    color: #99D0FF;
    background: none repeat scroll 0% 0% transparent;
    padding-bottom: 5px;
}
.formcontrols .blocksubhead {
    font-weight: bold;
}
.blocksubhead {
    color: #515151;
    background: none repeat-x scroll 0% 0% #E9E9E9;
    padding: 4px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.41);
}
  .navlinks {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.25);
    border-top: 1px solid #FFF;
    padding: 10px 0px;
    text-align: center;
    color: #080303;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}
  .toolsmenu {
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll 0% 0% rgba(0, 0, 0, 0.56);
    width: 100%;
    display: block;
    border: 1px solid #0D4659;
    float: left;
    clear: both;
    margin: 0.5em 0px;
}
  .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll 0% 0% #000;
    border: 1px solid #041C2C;
    clear: both;
    display: block;
    float: left;
    width: 100%;
    color: #FFF;
    margin: -1px -1px 0px;
    font: 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    padding: 4px 0px;
}
  .postbitlegacy .postdetails, .eventbit .eventdetails {
    float: left;
    width: 100%;
    background: none repeat scroll 0% 0% #0E2530;
}
  .postbit, .postbitlegacy, .eventbit {
    color: #FFF;
}
  .postbitlegacy .userinfo {
    float: left;
    position: relative;
    width: 180px;
    padding: 2px 10px 5px;
    font-size: 11px;
    display: block;
    background: none repeat scroll 0% 0% #0E2530;
    clear: both;
}.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    margin-left: 200px;
    border-left: 1px solid #000;
    background: none repeat scroll 0% 0% rgba(35, 30, 30, 0.33);
    padding-bottom: 1em;
}.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
    padding: 5px 10px 10px;
    font: 13px Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif;
    color: rgb(255, 255, 255);
}.postbit .posttitle, .postbitlegacy .title {
    border-bottom: 1px solid #428A8A;
    padding-bottom: 5px;
    margin-bottom: 5px;
}.signature {
    padding-top: 1em;
    border-top: 1px solid #428A8A;
    margin-top: 2em;
}
  .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
    border: 0px none;
    color: rgb(255, 247, 247);
    padding-right: 15px;
}
  .above_threadlist .threadpagenav .threadpagestats {
    position: relative;
    font-size: 12px;
    color: #FFF;
    top: 2px;
    margin-right: 10px;
    border: 0px none;
}
  .threadbit .nonsticky, .threadbit .discussionrow {
    background: url("images/gradients/grey-up.png") repeat-x scroll left bottom #232529;
}
  .threadbit {
    padding: 0px;
    width: 100%;
    display: block;
    clear: both;
    color: rgb(255, 255, 255);
    float: left;
    position: relative;
    box-shadow: -2px 2px 2px rgb(0, 0, 0);
}
  .threadlisthead {
    font: bold 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    margin: 0px;
    width: 100%;
    border: 1px solid rgb(52, 83, 104);
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll 0% 0% #3D4C54;
    color: rgb(255, 255, 255);
    float: left;
    display: block;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    box-shadow: -2px 2px 2px rgb(0, 0, 0);
    position: relative;
}
  .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
    border-right: 1px solid #000;
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #000 #000;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    width: 100%;
    float: left;
    display: block;
    clear: both;
    position: relative;
    margin-top: 0px;
}
  .threadbit .alt {
    background: url("images/gradients/grey-up.png") repeat-x scroll left bottom #121D23;
}
  .bbcode_container div.bbcode_quote {
    margin: 0px 10px 10px;
    background: none repeat scroll 0% 0% #094F72;
    border-radius: 5px;
    border: 1px solid #417394;
    font: italic 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    position: relative;
    top: 0px;
}
}

Alles anzeigen

und das dort reinkopieren.
Und dann halt eben benutzen oder nicht

Ist eine seeeeeeehr grobe Variante... (hier und da noch die falschen Farben und alles heslig) aber da ich Morgen in den Urlaub fahre und ich euch somit nicht vorher nochmal die Gelegenheit geben kann, müsst ihr euch damit zufrieden geben... oder ihr lasst es halt.

Im nächsten Jahr werde ich aufjedenfall das ganze nochmal neu Anfangen und besser machen.

Frohe Weihnachten und nen guten Rutsch!

Peace out

Wermen · 24. Dezember 2014

und wo bekomm ich stylish?

Spiewak · 24. Dezember 2014

das is ein firefox addon
bzw geht auch über google chrome glaube ich
https://addons.mozilla.org/de/firefox/addon/stylish/

E: https://chrome.google.com/webs…dnngjfgmeleoegfcffe?hl=de

Wermen · 24. Dezember 2014

muss ich mir da nen acc machen?

Spiewak · 24. Dezember 2014

nein!?
du musst das addon nur installieren. dann bei Firefox unter "Extras" --> "Add-ons" dort findest du dann Stylish. bzw "Benutzerstile" und drückst auf "Neuen Stil erstellen" dort haust du dann den von mir oben geposteten code rein. Gibst dem Ganzen noch nen coolen Namen und speicherst es. Dann wieder zurück zu Add-ons wo du das ganze dann aktivieren und deaktivieren kannst. Die veränderung wird einem schon auffallen

e: achja.. kp wies bei chrome ist.. ich vermute mal ähnlich

WasOnHereMostlyAsU18 · 24. Dezember 2014

Ist bei Chrome und Opera exakt das selbe. Ist nicht nur für Mozilla.

Werde damit wohl die nächsten Tage überleben können, thanks Spiewi

Perry Oden · 24. Dezember 2014

kriegs nicht hin, habs runtergeladen, dann unter installierte style verwenden . neuen style schreiben reingehauen und gespeichert....passiert nichts, whats wrong

Wermen · 24. Dezember 2014

ah ok bei firefox funktionierts super. bei chrome aber iwie garnicht. ist aktiviert aber bleibt weiß. kein plan warum

muss ich jetzt halt firefox nutzen

Perry Oden · 24. Dezember 2014

jau bei chrome gehts nicht

Spiewak · 24. Dezember 2014

Zitat von Sweed

jau bei chrome gehts nicht

dann hau mal die erste Textzeile

PHP

@-moz-document url-prefix("https://rappers.in/forum/"), url-prefix("https://www.rappers.in/forum") {

und in der letzten Zeile das } raus
Abspeichern und testen.

Wenns funktionieren sollte. solltest du das aber wenn du auf anderen Seiten surfst wieder deaktivieren.
Sonst hast du eventuell ab und zu nen dunkelblauen Hintergrund oder andere komplikationen

KingKaniGee · 24. Dezember 2014

funktioniert nun, danke!

Spiewak · 24. Dezember 2014

Na dann ist ja gut!

Ist wie gesagt nur notdürftig in der schnelle gemacht. Also nix großes erwarten.

Tecnik · 24. Dezember 2014

Jap, bitte auch freundlichst um was dunkleres. Momentan wirkts hier so steril. Und brennt in den Augen.
Aber schonmal danke für eure Arbeit

Alpha58 · 24. Dezember 2014

All black wie Kaminfeger.

Das Forum sollte echt ein anderes Layout haben, die Hauptseite ist mir persönlich egal, da man ja übers Forum auch an News usw kommt.

Lowcut · 24. Dezember 2014

sollte erstmal laufen, bevor man es schön macht.

Rytality · 24. Dezember 2014

Finde es "leicht" unprofessionell, ein unfertiges Design online zu stellen. Design auf der Hauptseite geht gar nicht und dann war das Forum nicht zu erreichen. Das Forendesign geht zwar gerade so durch aber dunkel wäre cooler.

djxcz · 24. Dezember 2014

bring back altes layout

Rambeau Coupha · 24. Dezember 2014

Zitat von Spiewak

so okay... die Leute die Stylish besitzen und nicht länger abwarten können, können sich unter Stylish mal fix ein "Neuen Stil erstellen"

PHP

@-moz-document url-prefix("https://rappers.in/forum/"), url-prefix("https://www.rappers.in/forum") {
html {
    background: none repeat scroll 0% 0% #0E2323 !important;
}
  .body_wrapper {
    padding: 10px 20px;
    background: none repeat scroll 0% 0% #2F4456;
    border-radius: 5px;
}
  body {
    font-size: 13px;
    color: #FFF;
    line-height: 1.23;
}
  body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
    color: #FFF;
    text-decoration: underline;
}
body a {
    color: #9CD8FF;
    text-decoration: none;
}
  #forums a.username:hover {
    color: #E3FB00;
}
#forums a.username {
    color: #F5E539;
}
  Element {
}
  .forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.66);
}
  .forumhead {
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll 0% 0% #3D4C54;
    padding: 0px;
    font: bold 12px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
    color: #FFF;
    clear: both;
    margin-top: 8px;
    float: left;
    border: 1px solid #000;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
  .forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
    background: url("images/gradients/grey-up.png") repeat-x scroll left bottom rgb(32, 34, 36);
    border-top: 0px none;
}
  .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
    color: rgb(255, 255, 255);
    background: url("images/gradients/grey-up.png") repeat-x scroll left bottom #313539;
    display: block;
    width: 100%;
    float: left;
    min-height: 58px;
    position: relative;
    border-bottom: 1px solid #000;
    border-left: 1px solid rgba(0, 0, 0, 0.56);
    border-right: 1px solid #000;
}
  .time {
    color: #D3FBF8;
} 
  .wgo_block .blockbody {
    border: 1px solid rgb(0, 0, 0);
    background: url("images/gradients/gradient-greytowhite.png") repeat-x scroll 0% -2% rgb(49, 53, 57);
}
  .wgo_block .section {
    display: block;
    padding: 0px 0px 0.5em;
    color: rgb(255, 255, 255);
    clear: both;
    width: 100%;
}
  .wgo_block .blocksubhead {
    padding-left: 10px;
    color: #99D0FF;
    background: none repeat scroll 0% 0% transparent;
    padding-bottom: 5px;
}
.formcontrols .blocksubhead {
    font-weight: bold;
}
.blocksubhead {
    color: #515151;
    background: none repeat-x scroll 0% 0% #E9E9E9;
    padding: 4px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.41);
}
  .navlinks {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.25);
    border-top: 1px solid #FFF;
    padding: 10px 0px;
    text-align: center;
    color: #080303;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}
  .toolsmenu {
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll 0% 0% rgba(0, 0, 0, 0.56);
    width: 100%;
    display: block;
    border: 1px solid #0D4659;
    float: left;
    clear: both;
    margin: 0.5em 0px;
}
  .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll 0% 0% #000;
    border: 1px solid #041C2C;
    clear: both;
    display: block;
    float: left;
    width: 100%;
    color: #FFF;
    margin: -1px -1px 0px;
    font: 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    padding: 4px 0px;
}
  .postbitlegacy .postdetails, .eventbit .eventdetails {
    float: left;
    width: 100%;
    background: none repeat scroll 0% 0% #0E2530;
}
  .postbit, .postbitlegacy, .eventbit {
    color: #FFF;
}
  .postbitlegacy .userinfo {
    float: left;
    position: relative;
    width: 180px;
    padding: 2px 10px 5px;
    font-size: 11px;
    display: block;
    background: none repeat scroll 0% 0% #0E2530;
    clear: both;
}.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    margin-left: 200px;
    border-left: 1px solid #000;
    background: none repeat scroll 0% 0% rgba(35, 30, 30, 0.33);
    padding-bottom: 1em;
}.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow {
    padding: 5px 10px 10px;
    font: 13px Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif;
    color: rgb(255, 255, 255);
}.postbit .posttitle, .postbitlegacy .title {
    border-bottom: 1px solid #428A8A;
    padding-bottom: 5px;
    margin-bottom: 5px;
}.signature {
    padding-top: 1em;
    border-top: 1px solid #428A8A;
    margin-top: 2em;
}
  .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
    border: 0px none;
    color: rgb(255, 247, 247);
    padding-right: 15px;
}
  .above_threadlist .threadpagenav .threadpagestats {
    position: relative;
    font-size: 12px;
    color: #FFF;
    top: 2px;
    margin-right: 10px;
    border: 0px none;
}
  .threadbit .nonsticky, .threadbit .discussionrow {
    background: url("images/gradients/grey-up.png") repeat-x scroll left bottom #232529;
}
  .threadbit {
    padding: 0px;
    width: 100%;
    display: block;
    clear: both;
    color: rgb(255, 255, 255);
    float: left;
    position: relative;
    box-shadow: -2px 2px 2px rgb(0, 0, 0);
}
  .threadlisthead {
    font: bold 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    margin: 0px;
    width: 100%;
    border: 1px solid rgb(52, 83, 104);
    background: url("images/buttons/newbtn_middle.png") repeat-x scroll 0% 0% #3D4C54;
    color: rgb(255, 255, 255);
    float: left;
    display: block;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    box-shadow: -2px 2px 2px rgb(0, 0, 0);
    position: relative;
}
  .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
    border-right: 1px solid #000;
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-color: -moz-use-text-color #000 #000;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    width: 100%;
    float: left;
    display: block;
    clear: both;
    position: relative;
    margin-top: 0px;
}
  .threadbit .alt {
    background: url("images/gradients/grey-up.png") repeat-x scroll left bottom #121D23;
}
  .bbcode_container div.bbcode_quote {
    margin: 0px 10px 10px;
    background: none repeat scroll 0% 0% #094F72;
    border-radius: 5px;
    border: 1px solid #417394;
    font: italic 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    position: relative;
    top: 0px;
}
}

Alles anzeigen

und das dort reinkopieren.
Und dann halt eben benutzen oder nicht

Ist eine seeeeeeehr grobe Variante... (hier und da noch die falschen Farben und alles heslig) aber da ich Morgen in den Urlaub fahre und ich euch somit nicht vorher nochmal die Gelegenheit geben kann, müsst ihr euch damit zufrieden geben... oder ihr lasst es halt.

Im nächsten Jahr werde ich aufjedenfall das ganze nochmal neu Anfangen und besser machen.

Frohe Weihnachten und nen guten Rutsch!

Peace out

Alles anzeigen

super korrekt von dir, danke!

Schwarzes Rappers.in

Jetzt mitmachen!

Teilen