Forum-Style anpassen

  • Hallo Büssen.
    Schau mal im Code von Mithrandir da ist folgendes dabei:

    CSS
    .online {
          background-position:208px 0px !important;
       }

    Es ist ganz unten in seinem Code.
    Ändere den Wert von 208, mal auf 160 und teste.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/124.0.2
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • NEIN den rücke ich nicht raus :!::mrgreen:

    CSS
    .online {
    	background-position: 105px 9px !important;
    	background-image: url("data:image/gif;base64,R0lGODlhFABIAPcAAAFejd3d3aTMn0WRO3Chuj98Nvv8%2FdLl0O307mmoYMfHx5m%2FlIeog%2B%2Fw8MLVwLbJtOfn50%2BjQ87c4qqyt3u2c2COWbTJ1P%2F%2F%2F9PU06i6psfdxfj4%2Bf%2F%2F%2FwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABwALAAAAAAUAEgAAAj%2BADkIHEiwoEGCEggAWMiQIQEJBiUAsAAhAAYMCjJO2AgAIsGHGxo0gFDRooKNEwgUBHBhgwEDIUeazAhgZcuXMUnOrEmQpUuYInViVMBzoE%2BcQSsOLSrwKNCRSmna%2FJkzKtGpSKHuxPpUqNSeN7taZcrBadWtYKkmRWs07NmlXN9%2BbatWK9y0OB8kqPCAQcareA0IiBBhwIIIfgHTfRmBgoYBEBYUmNs0bIQHjyE8mKy48s8ECTZjSMCZrFMNhFNnoFzWLQQBsB3cXWwAwYMFCxjoZu2UwoDUhXlbZmBX%2BM%2FLxTu3%2FkmhQIYH0Fcr7w08QmmuBzRocOAAuvEDCLLHc49uPMIBCtWvpwWffXv3B9%2B1uyc%2FvWX11OrpHtivfbx002HZhptuiQHI3G%2BpDWAcY8R5Vd9xDyRn4EvNPUffhAagB1x%2Bnr3U3njwPYiTA6AlkMFsHQoWQQLoDVAgV41B1dyCBiBH0mY07nUABKNxuNxLqA2A4H9xvRYbij%2BKxVaKcomoJJJmrQWlW1LS2CSGV8ZVpZNZBtYlbV8yuSWWY2opoZkOklkcBmQ99NJTMl1kgUoIdZSVVhZ0FJFCDTX00EGAHhQQAAA7")!important;
    		z-index: 4;
    }


    Oh aus Versehen passiert

  • Wie bekommt man denn das Suchformular im div #search-box aus #cf-topbar am elegantesten weiter nach rechts (nach unten verschieben ist kein Thema)?

    Ah, gefunden - #cf-topbar-header muss auch behandelt werden:

    CSS
    #wrap, #cf-topbar-header {
    		max-width: none !important;
    	}


    Meine Anpassungen habe ich in Beitrag #39 aktulaisiert: https://www.camp-firefox.de/forum/viewtopi…=998657#p998657

    Neu: die dunkle Leiste oben wird ausgeblendet (allerdings mit height:0), die Searchbar daraus wird aber weiter nach unten geschoben (bleibt sichtbar, weil topbar nicht mit display:none unsichtbar gemacht wird). Im Bereich der privaten Nachrichten wird das Online-Label weiter nach links geschoben (passte ähnlich wie bei Büssen, aber nur dort, nicht).

  • Ich habe mich noch in den anderen Anpassen-Threads umgesehen und verschiedene Code-Schnipsel bei mir eingebaut. Der von mir verwendete Code sieht jetzt so aus:

    [Blockierte Grafik: http://www2.pic-upload.de/thumb/29832221/style.png]

    Codeschnipsel bez. Hintergrund der Beiträge auskommentiert.

  • Meine Lösung sieht nun so aus: [Blockierte Grafik: http://fs5.directupload.net/images/160224/temp/4zhfkn9a.jpg] [Blockierte Grafik: http://fs5.directupload.net/images/160224/temp/sijp9aag.jpg]

  • Zitat von loshombre

    @Roady mein Jung, bist du jetzt bei den guten im Himmel, oder wat sollen jetzt die seltsamen Farben :)

    Das sind die ganz normalen Farben des Forums.

    @ MaximaleEleganz

    Dieses hier

    CSS
    #wrap {
       max-width: none !important;
    }

    scheint mir überflüssig zu sein, da schon in diesem Schnipsel enthalten:

    CSS
    #wrap, #cf-topbar-header {
       max-width: none !important;
       padding-right: 15px !important;
    }

    zumindest wenn meine bescheidenen Kenntnisse mich nicht trügen.

  • @ Büssen

    die Breite der beiden Spalten wird durch diesen Codeschnipsel geregelt:

    Die Prozentzahlen bei width musst Du gegebenenfalls anpassen.