Firefox 3 nicht rund an der adressleiste

ChrisXP

hab ne frage, wieso ist bei mir (RC1 & RC2) die leiste an der linke seite nicht rund? wie auf dem Bild

komisch oder?
so muss das ja eigendlich aussehen
[Blockierte Grafik: http://www.zeratec.net/uploader/img_a74e2ba1648359f126bfd19e7b2a0034_thumb.png]

und bei uns sieht das so aus

[Blockierte Grafik: http://www.zeratec.net/uploader/img_db9e4d7586aa094dafb4c431f2184cc3_raw.jpg]

p.s. habe glasser und stylish installiert, doch daran kann es nicht liegen, da vor den addons es auch so war (kurtz gesagt FF3 war schon immer so bei mir)

Estartu

Hallo und Willkommen im Forum

Versuch mal folgenden Code (in Stylish oder userChrome.css einfügen):

CSS

#urlbar {
-moz-appearance: none !important;
-moz-border-left-radius: 12px !important;
}

ChrisXP

ich kopiere den code in stylish drauf doch der kann dat nicht übernehmen weil da fehler sind, ist der code falsh? oder mach ich was falsch?

Estartu

Ist schon seltsam. Lt. css4you.de sollte es eigentlich gehen. Funktionieren tut auf jedenfall -moz-border-radius: 12px !important;. Hab ich selbst im Einsatz. Dabei werden allerdings beide Seiten abgerundet.

Amsterdammer

teste das mal im default theme. immer noch nicht rund?
glasserist nämlich eckig an der stelle

ChrisXP

ne wenn ich glasser abschaqlte ist es immer noch eckick, war schon seit der ff installation so, komisch oder? ich möchte aber gerne die eine seite rund haben

A.J.

Funktioniert das?

CSS

#urlbar {
-moz-appearance: none !important;
-moz-border-radius-topleft: 21px !important;
-moz-border-radius-bottomleft: 21px !important;
}

ChrisXP

Danke klappt, doch jetzt kommt das nechste problem, hab mal ein build gemacht und lasser ausgemacht , damit man es besser sieht!

das icon logo von der seite ist jetzt immer noch eckig , so das es auf das runde überlappt, was kann man da machen?
[Blockierte Grafik: http://www.zeratec.net/uploader/img_a4cb497a979933236f757c99a94a54b5_raw.jpg]

Steph

Sowas probieren:

#urlbar {
-moz-appearance: none !important;
-moz-border-radius-topleft: 21px !important;
-moz-border-radius-bottomleft: 21px !important;
padding:0 0 0 8px !important
}

8px sind nur ein Beispiel, oder das:

#identity-box{background:transparent !important}

ChrisXP

auf wieviel px ist den das original eingestellt,
und was genau mach dieser code
#identity-box{background:transparent !important}

A.J.

So müsste es im Original sein:

CSS

#identity-box hbox{
-moz-appearance: none !important;
-moz-border-radius-topleft: 21px !important;
-moz-border-radius-bottomleft: 21px !important;
}

A.J.

(Zur Erläuterung meines vorherigen Post)

Zitat von ChrisXP

auf wieviel px ist den das original eingestellt,
und was genau mach dieser code
#identity-box{background:transparent !important}

Im Original ist es komplett anders. Der Code von Steph sollte zwar auch funktionieren, ist aber vom Stil imho nicht so der Hit (ist nicht so robust gegen Fehler)...

ChrisXP

sieht schon besser aus, doch neben den runden icon ist immer noch etwas freiraum, kann man das den nicht so machen das dass icon den kreis umschliesst? weil man da noch etwas transparenz sieht.
ich hoff du weisst was ich meine

[Blockierte Grafik: http://www.zeratec.net/uploader/img_faf825065e601e57e3094a65fbbb7c9f_raw.jpg]

JonHa

Folgendes basiert auf dem Originalcode aus dem Dom-Inspector (ein bisschen ist vielleicht überflüssig, aber es sollte so gehen:)

Code

* #identity-box[cromedir=ltr] hbox{ 
margin-top: -11px;
margin-right-value: -10px;
margin-bottom: -11px;
margin-left-value: 0pt;
margin-left-ltr-source: physical;
margin-left-rtl-source: physical;
margin-right-ltr-source: physical;
margin-right-rtl-source: physical;
padding-top: 10px;
padding-right-value: 12px;
padding-bottom: 10px;
padding-left-value: 3px;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
padding-right-ltr-source: physical;
padding-right-rtl-source: physical;
border-top-width: 1px;
border-top-style: solid;
border-top-color: threeddarkshadow;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: threeddarkshadow;
border-right-style-value: none;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
-moz-border-radius-topleft: 21px;
-moz-border-radius-bottomleft: 21px;
-moz-border-left-colors: threeddarkshadow rgba(255, 255, 255, 0.4);
background-position: 0pt 10px;
}


* urlbar{
border-width:1px 0;
-moz-appearance:none;
margin-start-value: 6px;
}

Alles anzeigen

edit:code aktualisiert

Der grund für die Eckige box ist, ist, dass Mozilla nur bei Luna bzw. evtl. Aero die Box rund macht. Mein Code sollte die Box auch nicht so halbkreisfürmig machen, sondern eher so wie auf dem Screenshot. Bitte mal testen.

Steph

Welchen Code nutzt du denn?

Sowas?

#urlbar {
-moz-appearance: none !important;
-moz-border-radius-topleft: 21px !important;
-moz-border-radius-bottomleft: 21px !important;
}
#identity-box{background:transparent !important}

Versuche: padding oder margin:0 0 0 -5px !important

ist nur Beispiel

ChrisXP

JonHa

dein code geht net,

mit deinem code komme ich auch net weiter

nutze gerade folgende codes

#urlbar {
-moz-appearance: none !important;
-moz-border-radius-topleft: 11px !important;
-moz-border-radius-bottomleft: 11px !important;
}

und

#identity-box hbox{
-moz-appearance: none !important;
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
}

ich habs zwar geschafft das der kreis wie im original aussieht, doch das icon ist immer noch zu weit weck, es müsste etwas näher am kreis sein

Steph

Wie sieht es mit diesem Code aus?

CSS

#urlbar {
-moz-appearance: none !important;
-moz-border-radius-topleft: 21px !important;
-moz-border-radius-bottomleft: 21px !important;
}
#identity-box{background:transparent !important}

ChrisXP

der kreis sieht gut aus, doch ist immer noch so surchsichtig neben dem kreis,

Steph

Ahh, das meinst du vielleicht:

CSS

#urlbar,#identity-box{
-moz-appearance: none !important;
-moz-border-radius-topleft: 21px !important;
-moz-border-radius-bottomleft: 21px !important;
}

ChrisXP

ne also ich meine eigendlich das hier wie auf dem bild

[Blockierte Grafik: http://www.zeratec.net/uploader/img_231c669139115403bb3785aa6a0e774e_raw.jpg]

das icon von der seite geht nicht ganz nach links,

siehe den roten bereich

so das da eine transparente lücke ist (siehe organgene bereich)