Alternativer Style für das Forum

DeletedUser25011 · 25. Apr 2017

Hab jetzt n schicken Star Wars Hintergrund...sieht gleich viel besser aus

DeletedUser · 25. Apr 2017

nokturnus schrieb:
Nur mal so aus Interesse...besteht die Möglichkeit, das FoE Logo dauerhaft zu entfernen?

#logo img {visibility:hidden;}

cat- · 25. Apr 2017

staph.aureus schrieb:
Hmm, hat Capo nicht bei Inno aufgehört?

jupp, hat er

Capo. · 9. Nov 2019

Schön das es dieses Tool immer noch gibt. Beim neuen Design gefällt mir die Schriftfarbe vieler Elemente nicht. Habe mir provisorisch schnell was gebastelt, ist nicht ganz optimiert (gibt immer noch stellen die sich beißen)

CSS:

#js-XFUniqueId8 {
    color: #000000;
}

a.bookmarkLink.bookmarkLink--highlightable {
    color: #000000;
}

a.button--cta.button.button--icon.button--icon--write {
    color: #ffffff;
}

a.button--link.button {
    background-color: #ffc663;
    color: #000000;
}

a.button.button--icon.button--icon--bolt {
    color: #ffffff;
}

a.filterBar-filterToggle {
    color: #000000;
}

a.filterBar-menuTrigger {
    background-color: #ded295;
    border-color: #968e65;
    border-style: solid;
    border-width: 1px;
    color: #000000;
}

a.node-extra-title {
    color: #000000;
}

a.pageNav-jump.pageNav-jump--next {
    color: #000000;
}

a.primaryContent.quickLinks {
    color: #000000;
}

a.subNodeLink.subNodeLink--forum {
    color: #000000;
}

a.subNodeLink.subNodeLink--link {
    color: #000000;
}

a.username {
    color: #000000;
    font-weight: bold;
}

div.contentRow-main.contentRow-main--close a {
    color: #000000;
}

div.node-description {
    color: #000000;
}

div.structItem-cell {
    color: #000000;
}

div.userBanner.userBanner--staff.message-userBanner {
    background-color: #078f17;
    border-color: #000000;
    border-style: solid;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

div.userBanner.userBanner.userBanner--primary.message-userBanner {
    background-color: #ab1818;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

dl.pairs.pairs--justified dt {
    color: #000000;
}

dl.pairs.pairs--justified.structItem-minor dd {
    color: #000000;
}

dl.pairs.pairs--rows dd {
    color: #000000;
}

dl.pairs.pairs--rows dt {
    color: #000000;
}

h2.block-header a {
    color: #ffffff;
}

h3.block-minorHeader {
    color: #ffffff;
}

h3.node-title a {
    color: #000000;
}

h5.userTitle.message-userTitle {
    background-color: #d9c334;
    border-color: #969015;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

i.fab.fa-facebook-square.fa-2x {
    color: #243785;
}

i.fab.fa-youtube-square.fa-2x {
    color: #eb0909;
}

li.pageNav-page a {
    color: #000000;
}

li.pageNav-page.pageNav-page--current a {
    color: #000000;
}

li.pageNav-page.pageNav-page--later a {
    color: #000000;
}

ol.listInline li a {
    color: #000000;
}

span.block-desc {
    color: #ffffff;
}

span.filterBar-filterToggle-label {
    color: #000000;
}

span.label.label--accent {
    color: #000000;
}

span.label.label--lightGreen {
    background-color: #0f9908;
    border-color: #02451d;
    color: #ffffff;
}

span.label.label--orange {
    background-color: #e2eda1;
    border-color: #bbc257;
    color: #000000;
}

span.label.label--primary {
    background-color: #b8b8b8;
    border-color: #4d4d4d;
    color: #000000;
}

span.label.label--red {
    font-weight: bold;
    text-transform: capitalize;
}

span.label.label--silver {
    background-color: #c2c2c2;
    border-color: #4d4d4d;
    color: #000000;
}

span.label.label--skyBlue {
    background-color: #176ab3;
    border-color: #1100ff;
    color: #ffffff;
}

span.message-newIndicator {
    background-color: #e02121;
    border-color: #e38430;
    border-style: outset;
    border-width: 3px;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}

time.structItem-latestDate.u-dt {
    color: #000000;
}

ul.listInline.listInline--bullet {
    color: #ffffff;
}

ul.listInline.listInline--bullet li {
    color: #000000;
}

ul.message-attribution-opposite.message-attribution-opposite--list li a {
    color: #000000;
}

#js-XFUniqueId1,#js-XFUniqueId2,#js-XFUniqueId3,#js-XFUniqueId4,#js-XFUniqueId5,#js-XFUniqueId6,#js-XFUniqueId7,#js-XFUniqueId8,#js-XFUniqueId9,#js-XFUniqueId10,#js-XFUniqueId11,#js-XFUniqueId12,#js-XFUniqueId13,#js-XFUniqueId14,#js-XFUniqueId15,#js-XFUniqueId16,#js-XFUniqueId17,#js-XFUniqueId18,#js-XFUniqueId19,#js-XFUniqueId20,#js-XFUniqueId21,#js-XFUniqueId22,#js-XFUniqueId23,#js-XFUniqueId24,#js-XFUniqueId25,#js-XFUniqueId26,#js-XFUniqueId27,#js-XFUniqueId28,#js-XFUniqueId29,#js-XFUniqueId30,#js-XFUniqueId31,#js-XFUniqueId32,#js-XFUniqueId33,#js-XFUniqueId34,#js-XFUniqueId35,#js-XFUniqueId36,#js-XFUniqueId37,#js-XFUniqueId38,#js-XFUniqueId39,#js-XFUniqueId40,#js-XFUniqueId41,#js-XFUniqueId42,#js-XFUniqueId43,#js-XFUniqueId44,#js-XFUniqueId45,#js-XFUniqueId46,#js-XFUniqueId47,#js-XFUniqueId48,#js-XFUniqueId49,#js-XFUniqueId50,#js-XFUniqueId51,#js-XFUniqueId52,#js-XFUniqueId53,#js-XFUniqueId54,#js-XFUniqueId55,#js-XFUniqueId56,#js-XFUniqueId57,#js-XFUniqueId58,#js-XFUniqueId59,#js-XFUniqueId60,#js-XFUniqueId61,#js-XFUniqueId62,#js-XFUniqueId63,#js-XFUniqueId64,#js-XFUniqueId65,#js-XFUniqueId66,#js-XFUniqueId67,#js-XFUniqueId68,#js-XFUniqueId69,#js-XFUniqueId70,#js-XFUniqueId71,#js-XFUniqueId72,#js-XFUniqueId73,#js-XFUniqueId74,#js-XFUniqueId75,#js-XFUniqueId76,#js-XFUniqueId77,#js-XFUniqueId78,#js-XFUniqueId79,#js-XFUniqueId80,#js-XFUniqueId81,#js-XFUniqueId82,#js-XFUniqueId83,#js-XFUniqueId84,#js-XFUniqueId85,#js-XFUniqueId86,#js-XFUniqueId87,#js-XFUniqueId88,#js-XFUniqueId89,#js-XFUniqueId90,#js-XFUniqueId91,#js-XFUniqueId92,#js-XFUniqueId93,#js-XFUniqueId94,#js-XFUniqueId95,#js-XFUniqueId96,#js-XFUniqueId97,#js-XFUniqueId98,#js-XFUniqueId99,#js-XFUniqueId100,#js-XFUniqueId101,#js-XFUniqueId102,#js-XFUniqueId103,#js-XFUniqueId104 {
    color: #000000;
}

button.bbCodeSpoiler-button.button--longText.button {
    color: #ffffff;
    border-color: #000000;
}

span.button-text span {
    color: #ffffff;
}

DeletedUser38018 · 9. Nov 2019

entschuldigt ,aber den grellen diesigen tuhen mir sofot die augen weh.... Kann man das irgendwie auf das dunkler wieder stellen?

Capo. · 17. Jul 2022

Ich grabe mal wieder diesen alten Thread aus. Vielleicht bekommt ja jemand Lust sein Forum (oder andere Seiten) zu individualisieren. Den Stylebot gibt es immer noch.
Bei mir sieht das Forum etwas anders aus, für mich freundlicher- ich mag keine braunen Texte und das Hintergrundbild finde ich auch öde und seitdem die Flagge drauf ist sogar zu aufdringlich.

Wenn jemand mag, kann er meins übernehmen. Wer Fehler findet, darf sie selbst ausbessern

CSS:

#js-XFUniqueId1,#js-XFUniqueId2,#js-XFUniqueId3,#js-XFUniqueId4,#js-XFUniqueId5,#js-XFUniqueId6,#js-XFUniqueId7,#js-XFUniqueId8,#js-XFUniqueId9,#js-XFUniqueId10,#js-XFUniqueId11,#js-XFUniqueId12,#js-XFUniqueId13,#js-XFUniqueId14,#js-XFUniqueId15,#js-XFUniqueId16,#js-XFUniqueId17,#js-XFUniqueId18,#js-XFUniqueId19,#js-XFUniqueId20,#js-XFUniqueId21,#js-XFUniqueId22,#js-XFUniqueId23,#js-XFUniqueId24,#js-XFUniqueId25,#js-XFUniqueId26,#js-XFUniqueId27,#js-XFUniqueId28,#js-XFUniqueId29,#js-XFUniqueId30,#js-XFUniqueId31,#js-XFUniqueId32,#js-XFUniqueId33,#js-XFUniqueId34,#js-XFUniqueId35,#js-XFUniqueId36,#js-XFUniqueId37,#js-XFUniqueId38,#js-XFUniqueId39,#js-XFUniqueId40,#js-XFUniqueId41,#js-XFUniqueId42,#js-XFUniqueId43,#js-XFUniqueId44,#js-XFUniqueId45,#js-XFUniqueId46,#js-XFUniqueId47,#js-XFUniqueId48,#js-XFUniqueId49,#js-XFUniqueId50,#js-XFUniqueId51,#js-XFUniqueId52,#js-XFUniqueId53,#js-XFUniqueId54,#js-XFUniqueId55,#js-XFUniqueId56,#js-XFUniqueId57,#js-XFUniqueId58,#js-XFUniqueId59,#js-XFUniqueId60,#js-XFUniqueId61,#js-XFUniqueId62,#js-XFUniqueId63,#js-XFUniqueId64,#js-XFUniqueId65,#js-XFUniqueId66,#js-XFUniqueId67,#js-XFUniqueId68,#js-XFUniqueId69,#js-XFUniqueId70,#js-XFUniqueId71,#js-XFUniqueId72,#js-XFUniqueId73,#js-XFUniqueId74,#js-XFUniqueId75,#js-XFUniqueId76,#js-XFUniqueId77,#js-XFUniqueId78,#js-XFUniqueId79,#js-XFUniqueId80,#js-XFUniqueId81,#js-XFUniqueId82,#js-XFUniqueId83,#js-XFUniqueId84,#js-XFUniqueId85,#js-XFUniqueId86,#js-XFUniqueId87,#js-XFUniqueId88,#js-XFUniqueId89,#js-XFUniqueId90,#js-XFUniqueId91,#js-XFUniqueId92,#js-XFUniqueId93,#js-XFUniqueId94,#js-XFUniqueId95,#js-XFUniqueId96,#js-XFUniqueId97,#js-XFUniqueId98,#js-XFUniqueId99,#js-XFUniqueId100,#js-XFUniqueId101,#js-XFUniqueId102,#js-XFUniqueId103,#js-XFUniqueId104 {
  color: #000000;
}

#js-XFUniqueId8 {
  color: #000000;
}

a.bookmarkLink.bookmarkLink--highlightable {
  color: #000000;
}

a.button--cta.button.button--icon.button--icon--write {
  color: #ffffff;
}

a.button--link.button {
  background-color: #ffc663;
  color: #000000;
}

a.button.button--icon.button--icon--bolt {
  color: #ffffff;
}

a.filterBar-filterToggle {
  color: #000000;
}

a.filterBar-menuTrigger {
  background-color: #ded295;
  border-color: #968e65;
  border-style: solid;
  border-width: 1px;
  color: #000000;
}

a.node-extra-title {
  color: #000000;
}

a.pageNav-jump.pageNav-jump--next {
  color: #000000;
}

a.primaryContent.quickLinks {
  color: #000000;
}

a.subNodeLink.subNodeLink--forum {
  color: #000000;
}

a.subNodeLink.subNodeLink--link {
  color: #000000;
}

a.username {
  color: #000000;
  font-weight: bold;
}

button.bbCodeSpoiler-button.button--longText.button {
  border-color: #000000;
  color: #ffffff;
}

div.bbCodeBlock-expandContent {
  font-size: 14px;
}

div.contentRow-main.contentRow-main--close a {
  color: #000000;
}

div.node-description {
  color: #000000;
}

div.structItem-cell {
  color: #000000;
}

div.userBanner.userBanner--staff.message-userBanner {
  background-color: #078f17;
  border-color: #000000;
  border-style: solid;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

div.userBanner.userBanner.userBanner--primary.message-userBanner {
  background-color: #ab1818;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

dl.pairs.pairs--justified dt {
  color: #000000;
}

dl.pairs.pairs--justified.structItem-minor dd {
  color: #000000;
}

dl.pairs.pairs--rows dd {
  color: #000000;
}

dl.pairs.pairs--rows dt {
  color: #000000;
}

h2.block-header a {
  color: #ffffff;
}

h3.block-minorHeader {
  color: #ffffff;
}

h3.node-title a {
  color: #000000;
}

h5.userTitle.message-userTitle {
  color: #000000;
  font-size: 12px;
  text-decoration: none;
}

i.fab.fa-facebook-square.fa-2x {
  color: #243785;
}

i.fab.fa-youtube-square.fa-2x {
  color: #eb0909;
}

li.pageNav-page a {
  color: #000000;
}

li.pageNav-page.pageNav-page--current a {
  color: #000000;
}

li.pageNav-page.pageNav-page--later a {
  color: #000000;
}

ol.listInline li a {
  color: #000000;
}

span.block-desc {
  color: #ffffff;
}

span.button-text span {
  color: #ffffff;
}

span.filterBar-filterToggle-label {
  color: #000000;
}

span.label.label--accent {
  color: #000000;
}

span.label.label--lightGreen {
  background-color: #0f9908;
  border-color: #02451d;
  color: #ffffff;
}

span.label.label--orange {
  background-color: #e2eda1;
  border-color: #bbc257;
  color: #000000;
}

span.label.label--primary {
  background-color: #b8b8b8;
  border-color: #4d4d4d;
  color: #000000;
}

span.label.label--red {
  font-weight: bold;
  text-transform: capitalize;
}

span.label.label--silver {
  background-color: #c2c2c2;
  border-color: #4d4d4d;
  color: #000000;
}

span.label.label--skyBlue {
  background-color: #176ab3;
  border-color: #1100ff;
  color: #ffffff;
}

span.message-newIndicator {
  background: linear-gradient(to left, #ff3000 0%,#ff3000 30%, rgba(0,0,0,0) 80%);
  border-style: none;
  border-width: 3px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 50px;
}

time.structItem-latestDate.u-dt {
  color: #000000;
}

ul.listInline.listInline--bullet {
  color: #ffffff;
  background: linear-gradient(to right, #e8d7b2 10%, rgba(232,215,178,0.3) 20%, rgba(0,0,0,0) 40%);
}

ul.listInline.listInline--bullet li {
  color: #000000;
}

ul.message-attribution-opposite.message-attribution-opposite--list li a {
  color: #000000;
}

div div strong {
  border-style: none;
}

div.userBanner.userBanner.userBanner--silver.message-userBanner {
  background-color: #ff9900;
  font-weight: 700;
  font-style: normal;
  border-style: solid;
  border-color: #000000;
}



div.p-body-inner {
  background-color: rgba(0,0,0,0.35);
 
}





article.message.message--post.js-post.js-inlineModContainer  {
  background-color: rgba(232,215,178,0.95);
}

div.message-cell.message-cell--user {
;
  background-color: rgba(232,215,178,0);
  border-style: none;
}

blockquote.bbCodeBlock.bbCodeBlock--expandable.bbCodeBlock--quote.js-expandWatch,div.bbCodeBlock-title, div.messageNotice.messageNotice--ignored {
    background-color: rgba(250,250,250,0.2);

}

div.p-sectionLinks {
background: linear-gradient(to bottom, rgba(232,215,178,0.8) 70%, rgba(255,255,255,0) 100%);
  border-style: none}

div.reactionsBar.js-reactionsList.is-active {
  background: linear-gradient(to right, rgba(202,185,148,1) 0%, rgba(202,185,148,1) 20%, rgba(0,0,0,0) 40%);
  border-style: none;
}


div.tabs.tabs--standalone {
  color: #000000;
 
}

div.messageNotice.messageNotice--ignored {
  background-color: #ffd54f;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
 
}

html, body {
    background-attachment: fixed;
    background-color: #223321;
    background-position: center -30px;
    background-repeat: no-repeat;
    background-size: 115% auto;
    background-image: url(https://foezz.innogamescdn.com/assets/shared/scaled_loadingscreens/SUMMER_A_Loading_Screen_1.jpg?123);
}

Ein paar Screenshots

-

Alternativer Style für das Forum

DeletedUser25011

Guest

DeletedUser

Guest

cat-

Capo.

Finsteres Genie

DeletedUser38018

Guest

Capo.

Finsteres Genie