Idenditäts Button ändern.

ShadowByte

Hallo,

Habe mir folgendes Theme installiert:
Just Black (A Cylence theme for Firefox 3.5)
https://addons.mozilla.org/de/firefox/addon/13750

Gefällt soweit ganz gut. Allerdings gefällt mir der "Idenditäts Button" in der URL-Bar nicht. Lieber wäre mir wenn dieser so wie im Default-Theme angezeigt wird.

Im Default Theme wird der "Idenditäts Button" farbig dargestellt. In dem Just Black Theme nicht.

Gibt es eine Möglichkeit dies umzustellen? Wenn ja wo? Habe schon versucht die passende Stelle im Theme zu finden ....

Vielen Dank im voraus

Mit freundlichen Grüßen

ShadowByte

NeXxGeN

Schau mal in die CSS vom Theme, dort solltest du einen Eintrag ala "#identity-box > hbox" finden. Dort musst du nur die Background-color für den Identitätsstatus ändern.

Alternativ kannst du das auch mit dem Addon Stylish machen, dann musst du nicht erst das Theme durchsuchen.

2002Andreas

Code

#urlbar[level="high"] > .autocomplete-textbox-container {
background-color:#00FF7F !important}


 #identity-box > hbox {
color:red!important}

Meinst Du das so ? Farben kannst Du dir anpassen wenn dann.

NeXxGeN

Zitat von 2002Andreas

Code

#urlbar[level="high"] > .autocomplete-textbox-container {
background-color:#00FF7F !important}

Der Part ändert nur die Hintergrundfarbe der Urlbar bei SSL Seiten

NeXxGeN

Ich habe mal den gesamten Code zusammengesucht der benötigt wird. Die Farben müssen dann nur noch dementsprechend geändert werden:

CSS

toolbaritem#urlbar-container box#identity-box.verifiedDomain > hbox { background-color: green !important; }


toolbaritem#urlbar-container box#identity-box.verifiedDomain[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox { background-color: green !important; }


toolbaritem#urlbar-container box#identity-box.verifiedDomain:hover > hbox { background-color: green !important; }


toolbaritem#urlbar-container box#identity-box.verifiedDomain:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox { background-color: green !important; }


#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon { background-color: green !important; }

Alles anzeigen

Road-Runner

Nach Anpassungen verschoben.

ShadowByte

Hallo,

erstmal vielen Dank für die vielen Antworten.

NeXxGeN
Wo hast Du denn diesen Code zusammengesucht? Dieser Code ist weder im Default-Theme noch im Just Black zufinden.

Es ist ja so das dieser "Idenditäts Button" grün ist wenn die Seite verschlüsselt und der Anbieter bekannt ist oder blau ist wenn die Seite nur verschlüsselt ist. Und genau das verhalten möchte ich auch wieder bei dem Theme Just Black.

Das was ich gefunden habe ist:

browser.css

CSS

/* ::::: Identity Indicator Styling ::::: */
/* Location bar visuals*/


#urlbar[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  -moz-margin-start: 6px;
}


#urlbar > .autocomplete-textbox-container {
  -moz-box-align: stretch;
}


#identity-box {
  background: -moz-dialog url(navbar-textbox-buttons.png) repeat-x;
  color: -moz-dialogText;
  border: 1px none ThreeDShadow;
  -moz-border-end-style: solid;
  -moz-box-shadow: 1px 1px 0 rgba(255,255,255,.3) inset,
                   0 -1px 0 rgba(255,255,255,.2) inset;
}
#identity-box[chromedir="rtl"] {
  -moz-border-start-style: solid;
}
#identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  -moz-border-radius: 6px 0 2px 6px / 15px 0 2px 15px;
  margin: -1px 0;
  -moz-margin-start: -4px;
  -moz-padding-start: 2px;
  border-style: solid;
  -moz-border-end-color: rgba(0,0,0,.05);
}


#identity-box.verifiedDomain,
#identity-box.verifiedIdentity {
  border-color: rgba(0,0,0,.2) !important;
  color: white;
}


#identity-box.verifiedDomain[open="true"],
#identity-box.verifiedDomain:hover:active,
#identity-box.verifiedIdentity[open="true"],
#identity-box.verifiedIdentity:hover:active {
  border-color: rgba(0,0,0,.2) rgba(0,0,0,.4) !important;
}


#identity-box:hover {
  background-position: 0 -60px;
}


#identity-box[open="true"],
#identity-box:hover:active {
  background-position: 0 -120px;
  -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.2) inset;
}


#identity-box.verifiedDomain {
  background-position: 0 -180px;
}


#identity-box.verifiedDomain:hover {
  background-position: 0 -240px;
}


#identity-box.verifiedDomain[open="true"],
#identity-box.verifiedDomain:hover:active {
  background-position: 0 -300px;
}


#identity-box.verifiedIdentity {
  background-position: 0 -360px;
}


#identity-box.verifiedIdentity:hover {
  background-position: 0 -420px;
}


#identity-box.verifiedIdentity[open="true"],
#identity-box.verifiedIdentity:hover:active {
  background-position: 0 -480px;
}


#identity-box:focus {
  outline: 1px dotted -moz-DialogText;
  outline-offset: -3px;
}


#identity-box.verifiedDomain:focus ,
#identity-box.verifiedIdentity:focus {
  outline: 1px dotted white;
}


#identity-icon-label {
  padding: 0 2px;
  margin: 0;
}


#identity-icon-label[value=""] {
  display: none;
}

Alles anzeigen

Dieser Code ist bei beiden Themes gleich.
So wie ich das sehe wird dort der Hintergrund durch ein png generiert:

Code

#identity-box {
  background: -moz-dialog url(navbar-textbox-buttons.png) repeat-x;

Bin ich da auf dem richtigen Weg?

Vielen Dank im voraus

Mit freundlichen Grüßen

ShadowByte

NeXxGeN

Der Code ist für Stylish und sollte mit jedem Theme funktionieren, da er die Werte überschreibt. Im übrigen kombiniert der Code von mir mehrere Einträge die in deinem Code stecken. In meinem Code steht nichts drin was nicht auch in deinem Style steht.

Wenn dann noch ein Bild vom Theme für den Button verwendet wird kannst du das mittels "background: none !important;" entfernen.

ShadowByte

Hallo,

ich nutze kein Stylisch. Deshalb würde ich das gerne direkt im Theme ändern.

Das navbar-textbox-buttons.png ist im Default-Theme und im Just Black gleich.

Bin ich denn in der richtigen Datei (browser.css) und auch an der richtigen Stelle?

Vielen Dank im voraus

Mit freundlichen Grüßen

ShadowByte

NeXxGeN

Wenn du meinen Code am ende der CSS anfügst überschreibt er auch die Vorherigen Werte, Stylish ist dafür nicht nötig. Stylish spart einem nur jedesmal in die CSS zu gehen und werte zu ändern.

Ich werde mir mal dein Theme laden und ansehen.

NeXxGeN

Jawohl, folgender Eintrag ist für das Hintergrundbild verantwortlich:

Code

#identity-box {
  background: -moz-dialog url(navbar-textbox-buttons.png) repeat-x;

Nun musst du entweder ein neues Bild erstellen und das dann angeben, oder du entfernst das Bild aus dem Code und ersetzt es durch Farbcodes.

ShadowByte

Hallo NeXxGeN

vielen Dank für deine Mühen.

Da lag ich also doch nicht so falsch. Aber dann wundert es mich das im Just Black der Idenditäts Button anders angezeigt wird.

Der oben gepostete Code ist im Default-Theme und im Just Black identisch. Auch das navbar-textbox-buttons.png ist in beiden Themes identisch.

:-???

Hast Du da noch eine Idee?

Vielen Dank im voraus

Mit freundlichen Grüßen

ShadowByte

NeXxGeN

Bist du dir sicher das es die selben Bilder sind? Bei mir sind im Bild deines Themes andere Farben vorhanden als im Standard Theme.

Ich würde es so versuchen:

CSS

#identity-box {
  background: none !important;

Das entfernt das Bild komplett aus dem Theme.

Und dann den von mir weiter oben angegebenen Code am Ende der CSS einfügen und die Farben anpassen.

Aber evtl hat hier ja noch jemand eine bessere Idee.

ShadowByte

Zitat von NeXxGeN

Bist du dir sicher das es die selben Bilder sind? Bei mir sind im Bild deines Themes andere Farben vorhanden als im Standard Theme.

Hallo NeXxGeN,

nach dem Du das geschrieben hast habe ich mir die pngs nochmal ganz genau angeschaut. Auf dem ersten Blick war mir nichts aufgefallen.

Habe jetzt einfach das png aus dem Default-Theme genommen und dieses in das Just Black reingepackt ... Und siehe da es so wie ich es haben wollte .....

Da habe ich wohl den Wald vor lauter Bäume nicht gesehen .... :roll:

Vielen Dank für deine Hilfe ... :klasse:

Mit freundlichen Grüßen

ShadowByte

NeXxGeN

Schön, freut mich das es geklappt hat :klasse: