Mit welchem userChrome.css-Code bekommt man abgerundete Ecken bei der Adressleiste hin?
Abgerundete Ecken bei Adressleiste
-
MonztA -
28. Juni 2005 um 16:37 -
Erledigt
-
Wieso besorgst du dir nicht einfach ein anderes Theme ist bestimmt einfacher?
-
Hallo,
probier es mal damit:
CSS
Alles anzeigen#urlbar { -moz-appearance: none !important; -moz-border-radius: 3px !important; padding-right: 1px !important; } -
Ich habe das Theme Noia 2.0 und die Ecken sind abgerundet. Die Icons sind doch schön.
Aber suche doch mal hier unter Themes, dann wirst Du fündig.
Gruß Spölle.
-
Zitat von w.sirin
Hallo,
probier es mal damit:
CSS
Alles anzeigen#urlbar { -moz-appearance: none !important; -moz-border-radius: 3px !important; padding-right: 1px !important; }Damit sind sie schon leicht abgerundet, aber ich meinte es etwas mehr sowie hier: http://www.saegepilz.de/Themeseite/png/Alu.png
-
das geht nur mit Hintergrundbildern
-
Zitat von Dr. Evil
das geht nur mit Hintergrundbildern
wtf? Wie mit Hintergrundbildern? Ich möchte doch nur abgerundete Kanten bei der Adressleiste haben. Nix Hintergrund. Ich hab das in irgendeiner Zeitschrift/Magazin gelesen und es geht.
-
Du musst aber das Hintergrundbild anpassen.
-
Einen Code, der die Adressleiste so abrundet wie auf dem Screenshot und keine Hintergrundbilder, um die Rundung vorzutäuschen, verwendet würde ich gerne sehen.
-
Das sind beispielsweise die Bilder, die im Noia-Theme dazu verwendet werden. Code wird gleich nachgeliefert.
[Blockierte Grafik: http://home.arcor.de/rafffix/rightcap.png] [Blockierte Grafik: http://home.arcor.de/rafffix/leftcap.png] -
Das heisst die abgerundeten Ecken sind nur Bilder?
-
ja, sage ich doch!
-
Zitat von Dr. Evil
ja, sage ich doch!
Aber ich schwöre ich hab das in irgendeiner Zeitschrift gesehen.
-
soll ich an dem Code mit Hintergrundbildern weiterbasteln oder nicht?
btw: dieses Bild brauch man auch noch:
[Blockierte Grafik: http://home.arcor.de/rafffix/textbox.png] -
Zitat von Dr. Evil
soll ich an dem Code mit Hintergrundbildern weiterbasteln oder nicht?
btw: dieses Bild brauch man auch noch:
[Blockierte Grafik: http://home.arcor.de/rafffix/textbox.png]Ja, bitte.
-
Okay, fertig: (nur mit Standard-Theme getestet)
CSS
Alles anzeigen/********** runde Ecken für die Adressleiste: **********/ /*url startcap*/ #urlbar { -moz-appearance: none !important; background: url("file:///D:/Firefox-Forum-pix/leftcap.png") no-repeat left center !important; padding-left: 10px !important; border: none !important; } /*urlbar body*/ .autocomplete-textbox-container { -moz-appearance: none !important; border: none !important; background: url("file:///D:/Firefox-Forum-pix/textbox.png") repeat-x left center !important; padding: 0 !important; /* aligns url filed with startcap*/ } /*urlbar endcap*/ .autocomplete-history-dropmarker { -moz-appearance: none !important; border: none !important; -moz-box-align: center !important; -moz-box-pack: center !important; background: url("file:///D:/Firefox-Forum-pix/rightcap.png") no-repeat right center Transparent !important; }
die Pfade musst du natürlich anpassenFür die Suchleiste kommt gleich noch was hinterher.
edit: Im Zusammenhang mit dem später kommendem Code für die Suchleiste habe ich nach einem Hinweis von loshombre den Code dementsprechend verbessert und nebenbei vorsichtshalber noch ein paar !importants eingefügt.
-
aber ich :wink:
