UserChrome: Rahmen der Suchleiste entfernen und einfärben

  • Hallo und guten Tag,

    ich möchte, wie im Titel schon gesagt, den Rahmen der Suchleiste irgendwie wegbekommen.

    Nun habe ich folgendes in die UserChrome eingegeben und es will und will nichts von dem anspringen:

    #search-container, #searchbar, #search-bar, #searchbar-textbox {
    -moz-appearance: none !important;
    border: none !important;
    border-style: none !important;
    border-color: #FAFAFA !important;
    border-width: 0px !important; }

    .search-container, .searchbar, .search-bar, .searchbar-textbox {
    -moz-appearance: none !important;
    border: none !important;
    border-style: none !important;
    border-color: #FAFAFA !important;
    border-width: 0px !important; }

    Bei der Adressleiste hat es funktioniert.

    Nun meine Frage:
    Hat jemand einen Vorschlag, wie die Suchleiste noch heißen könnte?
    Dann nehme ich noch an, dass die Suchleiste Ihren Namen in dem Theme bekommt. Liege ich da richtig? Kann man irgendwie herrausbekommen wie die Suchleiste in dem Theme benannt ist? Verständlich was ich meine?

    Grüße!

  • Jetzt versteh ich. Ich weiß zwar nicht, ob das überhaupt geht, weil der "Rahmen" ist quasi deine Searchbar. Dann kann es auch themeabhängig sein. Viele Themes benutzen dafür Grafiken.
    Die Searchbar heißt bei jedem Theme gleich. Kannst die *jar-Datei mit Winrar, oder so, aufmachen und in Codes und Grafiken rumwühlen.
    Versuch mal hiermit:

    Code
    #searchbar > .searchbar-box > hbox > .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box
    Zitat

    Aber ist kein vertrautes Aussehen


    Du hast keine Ahnung, was mir alles vertraut ist ;)

  • Zitat von loshombre

    Jetzt versteh ich. Ich weiß zwar nicht, ob das überhaupt geht, weil der "Rahmen" ist quasi deine Searchbar. Dann kann es auch themeabhängig sein. Viele Themes benutzen dafür Grafiken.
    Die Searchbar heißt bei jedem Theme gleich. Kannst die *jar-Datei mit Winrar, oder so, aufmachen und in Codes und Grafiken rumwühlen.


    Hm, ich habe jetzt alle Grafiken und so manche Datei durchgeschaut, aber ohne Erfolg.
    Was ich mich dabei frage: Wenn man die Größe der Suchleiste anpassen kann (und das habe ich gemacht (400px lang)), ist es doch eher unwahrscheinlich, dass die aus einer Grafik besteht, weil der Rahmen dann ja mitskaliert würde.

    Zitat

    Versuch mal hiermit:

    Code
    #searchbar > .searchbar-box > hbox > .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box


    Das habe ich jetzt so genutzt

    CSS
    #searchbar > .searchbar-box > hbox > .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box
    -moz-appearance: none !important;
    border: none !important;
    border-style: none !important;
    border-color: #FAFAFA !important;
    border-width: 0px !important; }


    Richtig?

    Wenn ja: auch das hat leider nicht geholfen.

  • Zitat

    ist es doch eher unwahrscheinlich, dass die aus einer Grafik besteht, weil der Rahmen dann ja mitskaliert würde.


    Doch, das ist möglich, auch wenn sich das erstmal total komisch anhört. Meine Searchbar besteht aus 3 Grafiken, wobei die mittlere gerade 7 Pixel breit ist und die anderen beiden 22 Pixel breit. Meine Searchbar ist zu Zeit 530 Pixel lang und in der Länge auf jedes gewünschte Maß flexibel. Das ist die Besonderheit der Codes für die Searchbar.

    Was für ein Theme nutzt du eigentlich ?

    Im Code hast du am Anfang der ersten Zeile die geschweifte Klammer am Ende vergessen.

  • Zitat von loshombre


    Doch, das ist möglich, auch wenn sich das erstmal total komisch anhört. Meine Searchbar besteht aus 3 Grafiken, wobei die mittlere gerade 7 Pixel breit ist und die anderen beiden 22 Pixel breit. Meine Searchbar ist zu Zeit 530 Pixel lang und in der Länge auf jedes gewünschte Maß flexibel. Das ist die Besonderheit der Codes für die Searchbar.

    Nagut, das leuchtet ein.

    Zitat von loshombre

    Was für ein Theme nutzt du eigentlich ?


    LoFi ... Ich hab's mal hochgeladen: http://www.dennisjohnen.de/misc/lofi0.9.2.jar

    Zitat von loshombre

    Im Code hast du am Anfang der ersten Zeile die geschweifte Klammer am Ende vergessen.

    Stimmt! Hab sie hingemacht, aber das hat auch nicht geholfen.

  • Zitat von loshombre

    Also mit .searchbar-textbox funktioniert das eigentlich problemlos. Wahrscheinlich hast du noch andere Codes, die dir da in die Quere kommen.

    Danke, dass du es ausprobiert hast! Dann sind wir ja schon ein Stück weiter.

    Ich habe mal "blind" diese Einträge eingefügt, vielleicht ist es davon etwas?


    Das sind meine Erweiterungen, hast du eine Idee welche es eventuell sein könnte?

    http://dlj.coolglory.de/ExtensionsList.html

  • Also erstmal seh ich da schon einige Erweiterungen, die mit der Searchbar zutun haben:
    Add to Search Bar
    Search Button [de]
    Searchbar Autosizer [de]

    Dann hast du schon einen Umfangreichen Code, der dir die Searchbar komplett umbaut. Da kann es natürlich schon sein, dass dein zweiter da gar nicht mehr greifen will/kann.
    Prüf doch mal, ob das so überhaupt funktioniert, dann weißt du, woran du bist. Setzt mal unter deinen Code zur Probe diesen hier:

    CSS
    .searchbar-textbox {
    display: none !important;
    }


    , deaktiviere mal deinen und guck, ob die Searchbar verschwindet. Dann das gleiche nochmal mit deinem aktivierten Code.

  • Ich könnt mich ohrfeigen. Ich hatte nur eine geschweifte Klammer vergessen. Aua aua

    Tut mir leid!

    Also der Code für alle, die den Rahmen der Adress- und Suchleisten entfernen möchten

    CSS
    #urlbar {
        -moz-appearance: none !important;
        border: none !important; }
    
    
    .searchbar-textbox {
        -moz-appearance: none !important;
        border: none !important; }

    der kommt dabei nicht in die Quere

    So schön* sieht's bei mir jetzt aus:
    http://dlj.coolglory.de/ff.jpg

    Danke loshombre, jetzt kann ich wieder ruhig schlafen.