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 6.1; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0.2
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:104.0) Gecko/20100101 Firefox/104.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0

    OS: Windows 7 64 bit - Irgendwann Windows 10 64 bit wenn Firma will.
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hallo bejot,
    das könnte mir auch gefallen - aber rückst Du den Code raus?


    Ich melde mich aus dem Kreis! :wink:

    Gruß,
    D. Büssen

    Firefox 103.0. + Nightly 105 (WIN 10 - 64 bit)

  • 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: http://www.camp-firefox.de/for…opic.php?p=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.