Forum-Style anpassen

Du benötigst Hilfe bezüglich Firefox? Bitte stelle deine Frage im öffentlichen Bereich des Forums und nicht per Konversation an wahllos ausgesuchte Benutzer. Wähle dazu einen passenden Forenbereich, zum Beispiel „Probleme auf Websites“ oder „Erweiterungen und Themes“ und klicke dann rechts oben auf die Schaltfläche „Neues Thema“.
  • 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:84.0) Gecko/20100101 Firefox/84.0.2
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:85.0) Gecko/20100101 Firefox/85.0
    Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:86.0) Gecko/20100101 Firefox/86.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 84.0 + Nightly 86 (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.