1. Hallo Gast,
    Unser Forum hat ein neues Layout!
    Wir hoffen, dass es dir gefällt.
    Information ausblenden

Alternativer Style für das Forum

Dieses Thema im Forum "Off Topic" wurde erstellt von outoftheline, 20.04.17.

  1. outoftheline

    outoftheline

    Registriert:
    21.08.13
    Ort:
    meist Cirgard
    moin!

    nachdem dieses dunkle dingsda schon das beta-forum heimgesucht hat, hier eine etwas freundlichere version:

    forenstil.png

    die kann man wie folgt nutzen:
    chrome:
    • stylebot installieren
    • oben rechts auf "css" klicken
    • open stylebot...
    • edit css (untenlinks)
    • unten stehenden code einfügen
    • save
    firefox:
    • stylish installieren
    • (rest muss ich nochmal nachgucken)

    Code:
    #menu_container {
        background-color: #000;
        border-radius: 0;
        min-width: 90%;
    }
    
    #menu_container .menu_dropdown a.menu_header {
        display: inline-block;
        font-size: 20px;
        height: 23px;
        letter-spacing: 500px;
        overflow: hidden;
        width: 20px;
    }
    
    #menu_container .menu_dropdown a.menu_header.current {
        color: #c44;
    }
    
    #AccountMenu {
        width: 400px;
    }
    
    #AccountMenu .menuColumns a, #AccountMenu .menuColumns label {
        width: 175px;
    }
    
    #AccountMenu, #ConversationsMenu, #AlertsMenu, #NavigationHiddenMenu {
        bottom: auto;
        top: 41px;
    }
    
    #content .pageContent {
        border: none;
        background-color: rgba(4, 21, 37, 0.9);
        border-radius: 10px;
        box-shadow: none;
        text-align: left;
    }
    
    #exposeMask {
        background-color: rgba(12,26,40,0.8);
        z-index: 250000;
    }
    
    #forums.sectionMain {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
    }
    
    #headerMover #header {
        background: none;
        box-shadow: none;
    }
    
    #moderatorBar {
        background-color: rgba(34,72,117,0.3);
        text-align: center;
    }
    
    #QuickSearchQuery {
        background-color: #336298;
    }
    
    #navigation .pageContent {
        box-shadow: none;
        height: 40px;
        left: 0;
        max-width: 550px;
        position: absolute;
        top: 0;
        width: 70%;
    }
    
    .Menu .secondaryContent, .Menu .sectionFooter, .Menu .menuHeader, .navTabs .navTab.PopupClosed:hover {
        background-color: rgb(39, 42, 53);
    }
    
    .Menu a i.fa {
        color: #ce922e;
    }
    
    .Menu.JsOnly {
        z-index: 200000;
    }
    
    .footer .pageContent {
        background-color: transparent;
    }
    
    .navTab .accountPopup img {
        display: inline-block;
        float: none;
        height: 42px;
        margin: 0 -10px;
        margin-top: 0;
        width: 42px;
    }
    
    .navTab.forums, .navTab.members, .navTab.inbox, .navTab.alerts {
        display: inline-block;
    }
    
    .navTabs .navTab.selected .navLink, .navTabs .navTab.selected:hover .navLink {
        background-color: rgba(39, 42, 53, 0.4);
        color: #fda;
        text-shadow: 0 1px 1px #333;
    }
    
    .navTabs .navTab.selected .tabLinks li a, .navTabs .navTab.selected .tabLinks li a:hover, .navTabs .navTab.selected:hover .tabLinks li a {
        background-color: rgba(1,13,25,0.1);
        border-radius: 3px;
        font-size: 12px;
        line-height: 20px;
        padding: 2px 10px;
    }
    
    .navTabs .navTab.selected .tabLinks li a:hover {
        background-color: #f9ce6c;
    }
    
    .navTabs .navTab.selected .tabLinks li, .navTabs .navTab.selected:hover .tabLinks .blockLinksList li {
        background: transparent;
        display: inline-block ;
        float: none;
        margin: 0;
    }
    
    .navTabs .navTab.selected .tabLinks ul, .navTabs .navTab.selected:hover .tabLinks .blockLinksList {
        box-shadow: none;
        margin-left: 5px;
        line-height: 12px;
    }
    
    .navTabs .navTab.selected .tabLinks, .navTabs .navTab.selected:hover .tabLinks {
        background-color: transparent;
        border-width: 0 ;
        bottom: auto;
        display: block;
        overflow: visible;
        top: 47px;
        width: 100%;
    }
    
    .navTabs .navTab.selected:hover .tabLinks .menuHeader, .navTabs .navTab.selected .tabLinks li.navigationHidden, .navLink.extra-nav.Tooltip, .navTab.navigationHiddenTabs {
        display: none;
    }
    
    .navTabs .navTab:hover .tabLinks {
        background-color: #272a35;
        display: block;
        height: auto;
        left: 0;
        position: absolute;
        top: 0;
        width: 180px;
    }
    
    .navTabs, .navTabs .navLink, .navTabs .SplitCtrl, .login-icon {
        height: 42px;
        line-height: 42px;
    }
    
    .node .subForumList li .nodeTitle {
        background-color: #4c2611;
        border-color: #402214;
    }
    
    .node.level_1 .nodeList li:last-child > div {
        border-radius: 0 0 5px 5px;
    }
    
    .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo, .breadcrumb, .sidebar .secondaryContent, .sidebar .secondaryContent .primaryContent {
        background-color: #582e16;
    }
    
    .nodeList .categoryStrip {
        background-color: #263446;
        border-color: #4f2913;
        margin: 0;
    }
    
    .sidebar .section {
        margin: 10px auto;
    }
    
    .thread_view .titleBar {
        text-align: left;
    }
    
    .userBanner, .extraUserInfo, .nodeList .categoryStrip .nodeTitle {
        text-transform: none;
    }
    
    .xenOverlay, .xenOverlay .formOverlay {
        border-radius: 5px;
        z-index: 300000;
    }
    
    a.callToAction span {
        border-radius: 3px;
        font-size: 13px;
        height: auto;
        padding: 2px 10px;
        position: relative;
        width: auto;
    }
    
    a.callToAction span i:after {
        content: " Neues Thema";
    }
    
    footer {
        background: linear-gradient(to bottom, rgba(11,38,18,0) 0%,rgba(11,38,18,0.91) 91%,rgba(11,38,18,0.7) 100%);
    }
    
    footer .navTabs {
        background-color: transparent;
        padding: 0;
    }
    
    html, body {
        background-attachment: fixed;
        background-color: #223321;
        background-image: url(https://en.wiki.forgeofempires.com/skins/FOE/images/background.jpg);
        background-position: center -90px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
    .navTab a[href$="news-feed"], .navTab a[href$="online/"], .navTab a[href$="posts&recent=1"], .navTab a[href$="profile-posts"] {
        display: none;
    }
    
    .userBanner.bannerStaff {
        background-color: #244c7a;
        color: #fea;
        border-color: #25548a;
        border-radius: 2px;
    }
    
    .userBanner.bannerPrimary {
        border-radius: 2px;
        background-color: #ce922e;
        color: #321a0c;
        border-color: #da9a2e;
    }
     
    Zuletzt bearbeitet: 20.04.17
  2. nokturnus

    nokturnus

    Registriert:
    03.11.14
    Geschlecht:
    männlich
    Ort:
    Korriban
    Ein wenig Hoffnung in diesen finsteren Tagen...^^
    Aber mal im ernst...dieses Layout...*schauder*
     
  3. Mary von Locksley

    Mary von Locksley

    Registriert:
    05.11.15
    Geschlecht:
    weiblich
    Ort:
    Wien
    Also jetzt ist es zumindest besser als vorher .. aber die Seiteneinteilung .. gruselig. Ich würde gern die neuen Beiträge als erstes sehen wenn ich das Forum öffne und nicht erst lange scrollen müssen. Diese Direktlinks hätten auch wie zuvor oben integriert werden können. Naja, ändern kann mans leider nicht. Muss mich aber erst daran gewöhnen
     
    Sidny und Quax gefällt das.
  4. Capokämpfer

    Capokämpfer

    Registriert:
    12.05.12
    Danke für die Arbeit,
    aber was muss ich ändern, damit ich eigentlich nur das Hintergrundbild habe? Die Leiste oben ist meiner Meinung nach völlig unnötig, da sie nicht mit scrollt. in der Originalfassung des Layouts schon. Oder anders: ich möchte das die Leiste wieder unten ist
     
  5. outoftheline

    outoftheline

    Registriert:
    21.08.13
    Ort:
    meist Cirgard
    @Capokämpfer:

    Code:
    #headerMover #header {
        background: none;
        box-shadow: none;
    }
    
    #moderatorBar {
        background-color: rgba(34,72,117,0.3);
        text-align: center;
    }
    
    #QuickSearchQuery {
        background-color: #336298;
    }
    
    html, body {
        background-attachment: fixed;
        background-color: #223321;
        background-image: url(https://en.wiki.forgeofempires.com/skins/FOE/images/background.jpg);
        background-position: center -90px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
    ich find 2 leisten unnötig, nimmt nur platz weg und vorher musste man auch nach oben scrollen, um an die navigation zu kommen.
     
  6. Capokämpfer

    Capokämpfer

    Registriert:
    12.05.12
    Danke
    Ja das stimmt, aber das fand ich vorher halt auch schon doof ;)
     
    Zuletzt bearbeitet: 20.04.17
  7. Kaito.Kid

    Kaito.Kid

    Registriert:
    30.11.16
    Geschlecht:
    männlich
    Bei mir ist die Menüleiste oben etwas ... komisch ... -> http://prntscr.com/eyp793

    Und das Hintergrundbild im Eingabefeld für den Text hier muss auch nicht unbedingt sein.

    Vielleicht ein "Opera Fix" nötig? :eek:
     
  8. Kaito.Kid

    Kaito.Kid

    Registriert:
    30.11.16
    Geschlecht:
    männlich
    Fix um das Menü wieder unten zu haben:
    Code:
    #menu_container {
        background-color: #000;
        border-radius: 0;
        min-width: 90%;
    }
    
    #menu_container .menu_dropdown a.menu_header {
        display: inline-block;
        font-size: 20px;
        height: 23px;
        letter-spacing: 500px;
        overflow: hidden;
        width: 20px;
    }
    
    #menu_container .menu_dropdown a.menu_header.current {
        color: #c44;
    }
    
    #AccountMenu {
        width: 400px;
    }
    
    #AccountMenu .menuColumns a, #AccountMenu .menuColumns label {
        width: 175px;
    }
    
    #AccountMenu, #ConversationsMenu, #AlertsMenu, #NavigationHiddenMenu {
        bottom: auto;
        top: 41px;
    }
    
    #content .pageContent {
        border: none;
        background-color: rgba(4, 21, 37, 0.9);
        border-radius: 10px;
        box-shadow: none;
        text-align: left;
    }
    
    #exposeMask {
        background-color: rgba(12,26,40,0.8);
        z-index: 250000;
    }
    
    #forums.sectionMain {
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
    }
    
    #headerMover #header {
        background: none;
        box-shadow: none;
    }
    
    #QuickSearchQuery {
        background-color: #336298;
    }
    
    .footer .pageContent {
        background-color: transparent;
    }
    
    .navTab .accountPopup img {
        display: inline-block;
        float: none;
        height: 42px;
        margin: 0 -10px;
        margin-top: 0;
        width: 42px;
    }
    
    .navTab.forums, .navTab.members, .navTab.inbox, .navTab.alerts {
        display: inline-block;
    }
    
    .navTabs .navTab.selected .navLink, .navTabs .navTab.selected:hover .navLink {
        background-color: rgba(39, 42, 53, 0.4);
        color: #fda;
        text-shadow: 0 1px 1px #333;
    }
    
    .navTabs .navTab.selected .tabLinks li a, .navTabs .navTab.selected .tabLinks li a:hover, .navTabs .navTab.selected:hover .tabLinks li a {
        background-color: rgba(1,13,25,0.1);
        border-radius: 3px;
        font-size: 12px;
        line-height: 20px;
        padding: 2px 10px;
    }
    
    .navTabs .navTab.selected .tabLinks li a:hover {
        background-color: #f9ce6c;
    }
    
    .navTabs .navTab.selected .tabLinks li, .navTabs .navTab.selected:hover .tabLinks .blockLinksList li {
        background: transparent;
        display: inline-block ;
        float: none;
        margin: 0;
    }
    
    .node .subForumList li .nodeTitle {
        background-color: #4c2611;
        border-color: #402214;
    }
    
    .node.level_1 .nodeList li:last-child > div {
        border-radius: 0 0 5px 5px;
    }
    
    .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo, .breadcrumb, .sidebar .secondaryContent, .sidebar .secondaryContent .primaryContent {
        background-color: #582e16;
    }
    
    .nodeList .categoryStrip {
        background-color: #263446;
        border-color: #4f2913;
        margin: 0;
    }
    
    .sidebar .section {
        margin: 10px auto;
    }
    
    .thread_view .titleBar {
        text-align: left;
    }
    
    .userBanner, .extraUserInfo, .nodeList .categoryStrip .nodeTitle {
        text-transform: none;
    }
    
    .xenOverlay, .xenOverlay .formOverlay {
        border-radius: 5px;
        z-index: 300000;
    }
    
    a.callToAction span {
        border-radius: 3px;
        font-size: 13px;
        height: auto;
        padding: 2px 10px;
        position: relative;
        width: auto;
    }
    
    a.callToAction span i:after {
        content: " Neues Thema";
    }
    
    footer {
        background: linear-gradient(to bottom, rgba(11,38,18,0) 0%,rgba(11,38,18,0.91) 91%,rgba(11,38,18,0.7) 100%);
    }
    
    footer .navTabs {
        background-color: transparent;
        padding: 0;
    }
    
    html, body {
        background-attachment: fixed;
        background-color: #223321;
        background-image: url(https://en.wiki.forgeofempires.com/skins/FOE/images/background.jpg);
        background-position: center -90px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
    .navTab a[href$="news-feed"], .navTab a[href$="online/"], .navTab a[href$="posts&recent=1"], .navTab a[href$="profile-posts"] {
        display: none;
    }
    
    .userBanner.bannerStaff {
        background-color: #244c7a;
        color: #fea;
        border-color: #25548a;
        border-radius: 2px;
    }
    
    .userBanner.bannerPrimary {
        border-radius: 2px;
        background-color: #ce922e;
        color: #321a0c;
        border-color: #da9a2e;
    }
    Habe alles entfernt was mit dem Menü oben zu tun hat ... vielleicht hilft dir das schon mal capo.
    der Balken der bei der Transparenz bleibt muss noch entfernt werden.

    http://prntscr.com/eypb4h -> so sieht das erst mal aus.
    Das Menü läuft auch immer mit egal wo du gerade bist im Forum und egal wie weit es nach unten noch ist.
     
    Zuletzt bearbeitet: 20.04.17
  9. nokturnus

    nokturnus

    Registriert:
    03.11.14
    Geschlecht:
    männlich
    Ort:
    Korriban
    https://beta.forum.elvenar.com/index.php
    Bei Elvenar stellen sie das Forum scheinbar nach dem selben Muster wie hier um...komisch nur, dass es dort scheinbar klappt, mal ne vernünftige Farbauswahl hinzukriegen und den Hintergrund mit einem Bild zu füllen...wir hingegen versinken hier in Eintönigkeit und ewiger Finsternis. XD Zumal ich finde, dass das das Forum da drüben irgendwie viel offener rüberkommt...reden die Entwickler nicht miteinander?^^
     
  10. Capokämpfer

    Capokämpfer

    Registriert:
    12.05.12
    Ist das ne Arbeit so ein "Nacht" Layout zu basteln
    falls wer Interesse hat
    (Vorsicht Viel)
    #AccountMenu {
    width: 400px;
    }

    #AccountMenu .menuColumns a, #AccountMenu .menuColumns label {
    width: 175px;
    }

    #AccountMenu, #ConversationsMenu, #AlertsMenu, #NavigationHiddenMenu {
    bottom: auto;
    top: 41px;
    }

    #QuickSearchQuery {
    background-color: #000;
    }

    #calroot {
    background-color: #000000;
    border-color: #1e1e1e;
    border-style: solid;
    border-width: 1px;
    }

    #exposeMask {
    background-color: rgba(12,26,40,0.8);
    z-index: 250000;
    }

    #forums.sectionMain {
    background-color: transparent;
    border: none;
    border-radius: 50px;
    box-shadow: none;
    padding: 0;
    }

    #headerMover #header {
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 15%,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0) 100%);
    box-shadow: none;
    }

    #menu_container {
    background-color: #000;
    border-radius: 0;
    min-width: 90%;
    }

    #menu_container .menu_dropdown a.menu_header {
    display: inline-block;
    font-size: 20px;
    height: 23px;
    letter-spacing: 500px;
    overflow: hidden;
    width: 20px;
    }

    #menu_container .menu_dropdown a.menu_header.current {
    color: #000;
    }

    #moderatorBar {
    background-color: #000;
    text-align: center;
    }

    #navigation .pageContent {
    box-shadow: none;
    height: 40px;
    left: 0;
    max-width: 550px;
    position: absolute;
    top: 0;
    width: 70%;
    }

    .Menu .secondaryContent, .Menu .sectionFooter, .Menu .menuHeader, .navTabs .navTab.PopupClosed:hover {
    background-color: #000;
    }

    .Menu a i.fa {
    color: #3a3a3a;
    }

    .Menu.JsOnly {
    z-index: 200000;
    }

    .footer .pageContent {
    background-color: transparent;
    }

    .navTab .accountPopup img {
    display: inline-block;
    float: none;
    height: 42px;
    margin: 0 -10px;
    margin-top: 0;
    width: 42px;
    }

    .navTab a[href$="news-feed"], .navTab a[href$="online/"], .navTab a[href$="posts&recent=1"], .navTab a[href$="profile-posts"] {
    display: none;
    }

    .navTab.forums, .navTab.members, .navTab.inbox, .navTab.alerts {
    display: inline-block;
    }

    .navTabs .navTab.selected .navLink, .navTabs .navTab.selected:hover .navLink {
    background-color: rgba(39, 42, 53, 0.4);
    color: #fda;
    text-shadow: 0 1px 1px #333;
    }

    .navTabs .navTab.selected .tabLinks li a, .navTabs .navTab.selected .tabLinks li a:hover, .navTabs .navTab.selected:hover .tabLinks li a {
    background-color: rgba(1,13,25,0.1);
    border-radius: 3px;
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px;
    }

    .navTabs .navTab.selected .tabLinks li a:hover {
    background-color: #ffce6c;
    }

    .navTabs .navTab.selected .tabLinks li, .navTabs .navTab.selected:hover .tabLinks .blockLinksList li {
    background: #0f0f0f;
    border-radius: 5px;
    display: inline-block ;
    float: none;
    margin: 0;
    }

    .navTabs .navTab.selected .tabLinks ul, .navTabs .navTab.selected:hover .tabLinks .blockLinksList {
    box-shadow: none;
    line-height: 12px;
    margin-left: 50px;
    }

    .navTabs .navTab.selected .tabLinks, .navTabs .navTab.selected:hover .tabLinks {
    background-color: transparent;
    border-width: 0 ;
    bottom: auto;
    display: block;
    left: 500px;
    overflow: visible;
    top: 6px;
    width: 100%;
    }

    .navTabs .navTab.selected:hover .tabLinks .menuHeader, .navTabs .navTab.selected .tabLinks li.navigationHidden, .navLink.extra-nav.Tooltip, .navTab.navigationHiddenTabs {
    display: none;
    }

    .navTabs .navTab:hover .tabLinks {
    background-color: #272a35;
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 180px;
    }

    .navTabs, .navTabs .navLink, .navTabs .SplitCtrl, .login-icon {
    height: 42px;
    line-height: 42px;
    }

    .node .subForumList li .nodeTitle {
    background-color: #0f0f0f;
    border-color: #1e1e1e;
    }

    .node.level_1 .nodeList li:last-child > div {
    border-radius: 0 0 5px 5px;
    }

    .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo, .breadcrumb, .sidebar .secondaryContent, .sidebar .secondaryContent .primaryContent {
    background-color: #000000;
    border-color: #1e1e1e;
    }

    .nodeList .categoryStrip {
    background-color: #000000;
    border-color: #1e1e1e;
    margin: 0;
    }

    .sidebar .section {
    margin: 10px auto;
    }

    .thread_view .titleBar {
    text-align: left;
    }

    .userBanner, .extraUserInfo, .nodeList .categoryStrip .nodeTitle {
    text-transform: none;
    }

    .userBanner.bannerPrimary {
    background-color: #ce922e;
    border-color: #000000;
    border-radius: 2px;
    color: #321a0c;
    }

    .userBanner.bannerStaff {
    background-color: #244c7a;
    border-color: #000000;
    border-radius: 2px;
    color: #fea;
    }

    .xenOverlay, .xenOverlay .formOverlay {
    border-radius: 5px;
    z-index: 300000;
    }

    a.avatar img {
    background-color: #1e1e1e;
    border-color: #1e1e1e;
    border-radius: 10px;
    border-width: 0;
    }

    a.button.moreOptions.Tooltip {
    background-color: #1f1f1f;
    color: #faab22;
    font-weight: normal;
    }

    a.button.smallButton {
    background-color: #0d0d0d;
    border-color: #1e1e1e;
    border-style: solid;
    border-width: 1px;
    color: #faab22;
    }

    a.callToAction span {
    border-radius: 30px;
    font-size: 26px;
    height: auto;
    padding: 2px 2px;
    position: relative;
    width: auto;
    }

    a.currentPage {
    background-color: #111111;
    border-color: #1e1e1e;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    }

    a.navLink.NoPopupGadget {
    border-style: none;
    }

    a.prefix.noPrefix {
    background-color: #000000;
    color: #000000;
    }

    a.prefix.prefixLightGreen {
    background-color: #09911d;
    }

    a.primaryContent {
    background-color: #000000;
    border-bottom-width: 1px;
    border-color: #1e1e1e;
    border-left-width: 1px;
    border-right-width: 0;
    border-style: none;
    border-top-width: 1px;
    }

    a.secondaryContent {
    background-color: #212121;
    border-style: none;
    }

    a.text.distinct.unreadLink {
    background-color: #000000;
    border-color: #1e1e1e;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    }

    blockquote.quoteContainer {
    background-color: #000000;
    border-color: #1e1e1e;
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 1px;
    }

    div.PageNav nav a {
    background-color: #000000;
    border-color: #1e1e1e;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    }

    div.SpoilerTarget.bbCodeSpoilerText {
    background-color: #000000;
    border-color: #1e1e1e;
    }

    div.avatarHolder {
    background-color: #030303;
    border-radius: 10px 10px 0 0;
    }

    div.bbCodeBlock.bbCodeCode pre {
    background-color: #0d0d0d;
    border-color: #1e1e1e;
    border-radius: 0px;
    }

    div.bbCodeBlock.bbCodeQuote {
    background-color: #000000;
    border-color: #1e1e1e;
    border-radius: 5px;
    border-style: solid;
    }

    div.extraUserInfo {
    background-color: #030303;
    border-radius: 0 0 10px 10px;
    }

    div.likesSummary.secondaryContent {
    background-color: #1a1a1a;
    border-color: #1e1e1e;
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    color: #1a1a1a;
    }

    div.messageInfo.primaryContent {
    background-color: #111;
    border-color: #1e1e1e;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    color: #111;
    }

    div.messageText.primaryContent.baseHtml {
    background-color: #0a0a0a;
    border-color: #1e1e1e;
    }

    div.navigationSideBar.ToggleTriggerAnchor, div.mainText.secondaryContent {
    border-style: none;
    }

    div.nodeInfo.forumNodeInfo.primaryContent.unread {
    background-color: #000000;
    }

    div.nodeLastPost.secondaryContent {
    border-color: #000000;
    }

    div.nodeStats.pairsInline {
    width: 820px;
    }

    div.noteRow {
    background-color: #0f0f0f;
    }

    div.primaryContent {
    background-color: #000000;
    border-color: #1e1e1e;
    border-width: 1px;
    }

    div.quickReply.message {
    background-color: #000;
    border-color: #1e1e1e;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    color: #000;
    }

    div.redactor_box {
    border-style: none;
    border-top-width: 0;
    }

    div.redactor_box.activated {
    border-color: #1e1e1e;
    }

    div.redactor_box.activated.focused {
    background-color: #000000;
    border-color: #1e1e1e;
    border-radius: 10px;
    border-width: 1px;
    }

    div.secondaryContent h3 {
    border-color: #1e1e1e;
    }

    div.section.primaryUserBlock {
    border-style: none;
    }

    div.section.sectionMain.searchResults {
    background-color: #000000;
    border-color: #1e1e1e;
    }

    div.sectionFooter {
    background-color: #000000;
    border-color: #1e1e1e;
    border-radius: 0 0 10px 10px;
    border-style: solid;
    border-width: 1px;
    }

    div.sectionFooter.InlineMod.SelectionCountContainer {
    background-color: #000;
    }

    div.type {
    background-color: #000000;
    border-color: #1e1e1e;
    border-width: 1px;
    }

    dl.ctrlUnit.fullWidth.surplusLabel {
    background-color: #000000;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    }

    dl.minor, dl.major {
    border-color: #1e1e1e;
    }

    em.userBanner.bannerStaff.wrapped, em.userBanner.bannerPrimary.wrapped, em.userBanner.bannerPrimary, em.userBanner.bannerStaff {
    background-color: #4d0505;
    border-color: #1e1e1e;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #faaf2d;
    }

    footer {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,1) 100%);
    }

    footer .navTabs {
    background-color: #000000;
    padding: 0;
    }

    form.AutoValidator.blendedEditor {
    border-color: #1e1e1e;
    border-radius: 10px 10px 0 0;
    border-width: 1px;
    }

    form.messageSimple.profilePoster.AutoValidator.primaryContent, dl.ctrlUnit.submitUnit, dl.ctrlUnit, dl.ctrlUnit.fullWidth, dl.ctrlUnit.fullWidth dd, div.textCtrlWrap.textCtrl.titleCtrl {
    background-color: #000000;
    border-style: none;
    }

    form.secondaryContent.findMember {
    border-color: #1e1e1e;
    border-style: solid;
    border-width: 1px;
    }

    form.sectionMain {
    background-color: #000000;
    border-color: #1e1e1e;
    }

    form.xenForm {
    background-color: #000000;
    border-color: #1e1e1e;
    border-radius: 20px;
    border-style: solid;
    border-width: 2px;
    }

    form.xenForm.AutoValidator, form.xenForm.Preview.AutoValidator, form.formOverlay.AutoInlineUploader.AttachmentUploadForm.NoAutoHeader, div.xenOverlay.memberCard, div.fr, div.discussionList.section.sectionMain {
    background-color: #000000;
    border-color: #1e1e1e;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    }

    form.xenForm.Preview.AutoValidator fieldset {
    background-color: #000000;
    border-radius: 10px 10px 0 0;
    border-style: none;
    border-width: 1px;
    }

    form.xenForm.formOverlay.AutoValidator {
    background-color: #000000;
    border-color: #1e1e1e;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    }

    h2.heading.h1 {
    background-color: #000000;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    }

    h2.heading.overlayOnly {
    background-color: #000000;
    border-bottom-width: 0;
    border-color: #1e1e1e;
    border-left-width: 1px;
    border-radius: 10px 10px 0 0;
    border-right-width: 1px;
    border-style: solid;
    border-top-width: 1px;
    text-transform: none;
    }

    h3.JsOnly a {
    background-color: #000;
    border-color: #1e1e1e;
    }

    h3.primaryContent {
    background-color: #141414;
    border-color: #1e1e1e;
    }

    h3.sectionHeader {
    border-color: #1e1e1e;
    }

    h2.textHeading, h3.subHeading {
    border-style: none;
    }

    h3.userText {
    background-color: #030303;
    }

    h4.heading.ToggleTrigger {
    background-color: #000000;
    border-bottom-width: 0;
    border-color: #1e1e1e;
    border-left-width: 1px;
    border-right-width: 0;
    border-style: solid;
    border-top-width: 1px;
    }

    i.fa.fa-facebook-official.fa-2x, i.fa.fa-twitter-square.fa-2x, i.fa.fa-youtube-square.fa-2x, i.fa.fa-google-plus-square.fa-2x, i.fa.fa-instagram.fa-2x {
    background-color: #000000;
    border-color: #000000;
    border-style: none;
    color: #474747;
    }

    input.button {
    background-color: #1f1f1f;
    border-color: #1e1e1e;
    color: #de9400;
    }

    input.button.DisableOnSubmit {
    background-color: #141414;
    border-color: #1e1e1e;
    border-radius: 5px;
    border-style: solid;
    color: #de9400;
    }

    input.button.PreviewButton.JsOnly {
    background-color: #141414;
    border-color: #1e1e1e;
    border-style: solid;
    color: #f0b40e;
    }

    input.button.primary {
    background-color: #1f1f1f;
    border-color: #1e1e1e;
    border-radius: 5px;
    border-style: solid;
    color: #de9400;
    }

    input.textCtrl, dl.secondaryContent.pairsJustified {
    background-color: #000000;
    }

    input.textCtrl.titleCtrl {
    background-color: #141414;
    border-radius: 5px;
    border-style: none;
    }

    li.PrefixGroup h3 {
    background-color: #000000;
    color: #000000;
    }

    li.comment.secondaryContent {
    background-color: #141414;
    border-color: #1e1e1e;
    border-style: solid;
    border-width: 1px;
    }

    li.discussionListItem.visible.prefix28, li.discussionListItem.visible, li.discussionListItem {
    background-color: #000000;
    border-color: #1e1e1e;
    }

    li.message {
    background-color: #000;
    border-color: #1e1e1e;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    color: #000;
    }

    li.primaryContent {
    background-color: #080808;
    border-color: #1e1e1e;
    border-style: solid;
    border-width: 1px;
    }

    li.primaryContent.messageSimple {
    background-color: #0a0a0a;
    border-color: #1e1e1e;
    border-style: solid;
    border-width: 1px;
    }

    li.redactor_btn_group ul, li.threadListItem {
    border-color: #1e1e1e;
    }

    li.selected {
    border-style: solid;
    border-width: 1px;
    }

    ol.listInline {
    border-style: none;
    }

    ol.nodeList.section.sectionMain, ol.primaryContent.chooserColumns.threeColumns {
    background-color: #000000;
    border-color: #1e1e1e;
    }

    span.forum-new {
    background-color: #000000;
    border-color: #1e1e1e;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    text-transform: uppercase;
    }

    span.lastThreadMeta {
    background-color: #000;
    border-style: none;
    }

    span.lastThreadTitle {
    background-color: #000;
    border-color: #000000;
    border-style: none;
    }

    span.prefix.prefixGreen, span.prefix.prefixPrimary {
    color: #000000;
    }

    span.prefix.prefixLightGreen {
    background-color: #055e17;
    }

    span.prefix.prefixSecondary {
    background-color: #000000;
    color: #000000;
    }

    span.prefix.prefixSilver {
    background-color: #000000;
    border-style: none;
    color: #000000;
    }

    strong.newIndicator {
    background-color: #000000;
    border-color: #1e1e1e;
    color: #ffffff;
    }

    strong.newIndicator span {
    background-color: #1e1e1e;
    }

    ul.attachmentList.SquareThumbs, ul.autoCompleteList, ul.Menu.PrefixMenu.secondaryContent, span.PopupControl.prefix.noPrefix.PopupOpen, select.textCtrl.TitlePrefix, select.textCtrl, li.primaryContent.memberListItem, li.commentMore.secondaryContent, h4.attachedFilesHeader, form.DiscussionListOptions.secondaryContent, dl.threadAlerts.secondaryContent, div.secondaryContent, div.secondaryControls, div.profilePage, div.nodeInfo.linkNodeInfo, div.nodeInfo.forumNodeInfo.primaryContent, div.nodeInfo.categoryForumNodeInfo.unread, div.mainContentBlock.section.sectionMain, div.discussionList.sectionMain, a.text.unreadLink {
    background-color: #000000;
    border-color: #1e1e1e;
    border-style: solid;
    border-width: 1px;
    }

    ul.redactor_toolbar {
    background-color: #141414;
    border-color: #1e1e1e;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    }

    ul.tabs {
    background-color: #000000;
    border-style: none;
    }

    ul.tabs li a {
    background-color: #0f0f0f;
    border-color: #1e1e1e;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    }

    span.LikeText {
    color: #faaf22;
    }

    #content .pageContent {
    background-image: none;
    background-color: rgba(15,15,15,0.8);
    border-style: none;
    }

    div.quoteExpand.quoteCut {
    background: linear-gradient(to bottom, rgba(40,40,40,0) 0%,rgba(40,40,40,0.1) 15%,rgba(40,40,40,0.4) 70%,rgba(40,40,40,1) 100%);
    }

    html, body {
    background-attachment: fixed;
    background-color: #000000;
    background-image: url(http://www.bilder-upload.eu/upload/6d0e20-1492685532.jpg);
    background-position: center -45px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    }

    Screenshot 1
    Screenshot 2
    ----
    Bei Zeile 777 könnte man sich auch ein anderes Hintergrundbild reinlegen wenn jemand meine Wahl nicht gefällt^^
     
    Zuletzt bearbeitet: 21.04.17
  11. nokturnus

    nokturnus

    Registriert:
    03.11.14
    Geschlecht:
    männlich
    Ort:
    Korriban
    Also das...ist interessant XD :D:D
     
  12. Mary von Locksley

    Mary von Locksley

    Registriert:
    05.11.15
    Geschlecht:
    weiblich
    Ort:
    Wien
    Wow, das hat Stil .. sieht doch gleich viel edler aus :)
    Danke für die Arbeit Capo :)
     
  13. outoftheline

    outoftheline

    Registriert:
    21.08.13
    Ort:
    meist Cirgard
    rate mal wieviel arbeit das ist die ganzen sachen von a nach b zu schieben und das menü so hinzufummeln, wie es da ist ^^
    sieht schick aus.
     
  14. Capokämpfer

    Capokämpfer

    Registriert:
    12.05.12
    wow, jetzt hat INNO noch ein braunes Hintergrundbild eingefügt und das will nicht weggehen >.<
     
  15. outoftheline

    outoftheline

    Registriert:
    21.08.13
    Ort:
    meist Cirgard
    #content .pageContent { background-image: none; }
     
  16. Capokämpfer

    Capokämpfer

    Registriert:
    12.05.12
  17. Capokämpfer

    Capokämpfer

    Registriert:
    12.05.12
    So, habs jetzt geupdatet^^
     
  18. nokturnus

    nokturnus

    Registriert:
    03.11.14
    Geschlecht:
    männlich
    Ort:
    Korriban
    Nur mal so aus Interesse...besteht die Möglichkeit, das FoE Logo dauerhaft zu entfernen? Hab's bislang nur geschafft, das temporär ( bis zum nächsten Reload der Seite ) durch ein anderes Bild zu ersetzen...wäre schon lustig, wenn das dauerhaft möglich wäre...;):D
     
  19. pussicat

    pussicat

    Registriert:
    12.11.12
    Wow,
    wieso fängst du nicht bei Inno an und machst dann vernünftige Sachen?
    Das hast du super gut hinbekommen!!!
     
    Chessie gefällt das.
  20. staph.aureus

    staph.aureus

    Registriert:
    20.01.16
    Hmm, hat Capo nicht bei Inno aufgehört? :D
     
    Roamungo und Danielius der Grosse gefällt das.

Seitenanfang