textfelder in den toolbars?

loshombre

doc mein Jung,

tue mal ein Link hier rein, oder nimm das Teil in deine Signatur auf, damit ich mir das neue Moped auch mal angucken darf.

Dr. Evil

http://maltekraus.de/Firefox/Toolba…notes_2.0.1.xpi

loshombre

Na also! Geht doch Kompaniero :wink: Danke schön!

Dr. Ä

Hallo!

Bei mir ist der Einstellungs-Dialog ein bisschen zu klein:
[Blockierte Grafik: http://img154.imageshack.us/img154/6315/toolbarnotes6mg.png]

loshombre

Kann ich bestätigen. Im normalen Fuchs, sauberes Profil ohne Schraubzwingen :wink:
Nach Angabe der Felderzahl sieht dann aber komischerweise wieder anders aus :

[Blockierte Grafik: http://img397.imageshack.us/img397/8222/zwischenablage022eh.th.jpg]

Dr. Ä

Zitat von loshombre

Kann ich bestätigen. Im normalen Fuchs, sauberes Profil ohne Schraubzwingen :wink:

Das Einstellungsfenster ist immer zu klein...
Wenn ich z.b. 4 Notizen angebe kann ich nur die Größe der Ersten einstellen, der Rest ist abgeschnitten! :?

Andere Sache: Wie kann ich mit diesen (aus Milkmel geklauten :oops: ) PNGs ToolbarNotes an Milkmel anpassen:
1. Normal:
[Blockierte Grafik: http://img142.imageshack.us/img142/6071/startcap3ii.png] [Blockierte Grafik: http://img326.imageshack.us/img326/4341/body3nn.png] [Blockierte Grafik: http://img154.imageshack.us/img154/7209/endcap9oa.png]

2. Markiert:
[Blockierte Grafik: http://img111.imageshack.us/img111/9952/startcapfocus2zp.png] [Blockierte Grafik: http://img111.imageshack.us/img111/5546/bodyfocus2th.png] [Blockierte Grafik: http://img142.imageshack.us/img142/1166/endcapfocus3dc.png]

Dr. Evil

für die Größe des Einstellungsfensters habe ich soeben ein Update auf Version 2.0.2 rausgegeben...

in Silvermel/Milkmel Textfelder abrunden (alle) geht mit diesem Code in Stylish:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace html url(http://www.w3.org/1999/xhtml);


textbox:not(#urlbar):not(.searchbar-textbox):not([multiline="true"]) {
  background: url(chrome://global/skin/menulist/startcap.png) no-repeat 2px 50% transparent !important;
  padding: 0 0 0 13px !important;
  -moz-appearance: none !important;
  -moz-box-align: center !important;
  cursor: default !important;
  border: none 0 !important;
}
textbox:not(#urlbar):not(.searchbar-textbox):not([multiline="true"]) > .textbox-input-box {
  background: url(chrome://global/skin/menulist/endcap.png) no-repeat 100% 50% transparent !important;
  padding-right: 18px !important;
  -moz-appearance: none !important;
  max-height: 24px !important;
  min-height: 24px !important;
  margin: 0;
}
textbox:not(#urlbar):not(.searchbar-textbox):not([multiline="true"]) > .textbox-input-box > html|input {
  background-image: url(chrome://global/skin/menulist/body.png) !important;
  background-color: white !important;
  cursor: text !important;
  padding: 6px 0 7px 0 !important;
}
textbox[focused="true"]:not(#urlbar):not(.searchbar-textbox):not([multiline="true"]) {
  background-image: url(chrome://global/skin/menulist/startcap-focus.png) !important;
}
textbox[focused="true"]:not(#urlbar):not(.searchbar-textbox):not([multiline="true"]) > .textbox-input-box {
  background-image: url(chrome://global/skin/menulist/endcap-focus.png) !important;
}
textbox[focused="true"]:not(#urlbar):not(.searchbar-textbox):not([multiline="true"]) > .textbox-input-box > html|input {
  background-image: url(chrome://global/skin/menulist/body-focus.png) !important;
}

Alles anzeigen

loshombre

doc mein Jung,

deinetwegen musste ich meinen ganzen Rojos Diablos umbauen! Es hat sich aber geloht, denn ich finde das jetzt alles ziemlich geil so :wink:

[Blockierte Grafik: http://img113.imageshack.us/img113/5880/zwischenablage021vx.jpg]
Zum Vergrößern drauf klicken!

Dr. Ä

Dr. Evil: Super! Leider werden jetzt alle "Einzeiler" so dargestellt! :?
Ich will aber nur die Toolbar Notes Leiste!

Dr. Evil

ok, dann ersetze jedes :not(#urlbar):not(.searchbar-textbox):not([multiline="true"]) durch [id^="quickernotes"]

Dr. Ä

Genial!
Danke!

TooT

Kann man die Toolbar Notes Leiste auch so abrunden, dass es ungefähr so aussieht?

Dr. Evil

Um welches Theme geht es?

TooT

iFox 2.3

[edit] Falls du es brauchst, das Fenster, wenn es markiert ist *klick*

Dr. Evil

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace html url(http://www.w3.org/1999/xhtml);


#quickernotes-item > textbox {
  background: url(chrome://global/skin/subskin/rounded/startcap.png) no-repeat 2px 1px transparent !important;
  padding: 0 0 0 15px !important;
  -moz-appearance: none !important;
  -moz-box-align: center !important;
  cursor: default !important;
  border: none 0 !important;
  margin: 0 !important;
}
#quickernotes-item > textbox[focused="true"] {
  background-image: url(chrome://global/skin/subskin/rounded/startcap-focus.png) !important;
}


#quickernotes-item > textbox > .textbox-input-box {
  background: url(chrome://global/skin/subskin/rounded/endcap.png) no-repeat 100% 1px transparent !important;
  padding: 0 22px 0 0 !important;
  -moz-appearance: none !important;
  max-height: 29px !important;
  min-height: 29px !important;
  margin: 0;
}
#quickernotes-item > textbox[focused="true"] > .textbox-input-box {
  background-image: url(chrome://global/skin/subskin/rounded/endcap-focus.png) !important;
}


#quickernotes-item > textbox > .textbox-input-box > html|input {
  background-image: url(chrome://global/skin/menulist/body.png) !important;
  cursor: text !important;
  padding: 6px 0 7px 0 !important;
}
#quickernotes-item > textbox[focused="true"] > .textbox-input-box > html|input {
  background-image: url(chrome://global/skin/menulist/body-focus.png) !important;
}

Alles anzeigen

falls du den Code statt in Stylish in der userChrome.css verwenden willst, musst du die erste @-Zeile weglassen und die zweite hoch zur Standard-@-Zeile verschieben.

TooT

thx
Echt Klasse von dir!! :klasse:

Es hatte über die UserChrome.css nicht funktioniert, deshalb habe ich kurzerhand Stylish installiert, und es klappt

Ich hatte

CSS

@namespace html url(http://www.w3.org/1999/xhtml);
#quickernotes-item > textbox {
 background: url(chrome://global/skin/subskin/rounded/startcap.png) no-repeat 2px 1px transparent !important;
 padding: 0 0 0 15px !important;
 -moz-appearance: none !important;
 -moz-box-align: center !important;
 cursor: default !important;
 border: none 0 !important;
 margin: 0 !important;
}
#quickernotes-item > textbox[focused="true"] {
 background-image: url(chrome://global/skin/subskin/rounded/startcap-focus.png) !important;
}
#quickernotes-item > textbox > .textbox-input-box {
 background: url(chrome://global/skin/subskin/rounded/endcap.png) no-repeat 100% 1px transparent !important;
 padding: 0 22px 0 0 !important;
 -moz-appearance: none !important;
 max-height: 29px !important;
 min-height: 29px !important;
 margin: 0;
}
#quickernotes-item > textbox[focused="true"] > .textbox-input-box {
 background-image: url(chrome://global/skin/subskin/rounded/endcap-focus.png) !important;
}
#quickernotes-item > textbox > .textbox-input-box > html|input {
 background-image: url(chrome://global/skin/menulist/body.png) !important;
 cursor: text !important;
 padding: 6px 0 7px 0 !important;
}
#quickernotes-item > textbox[focused="true"] > .textbox-input-box > html|input {
 background-image: url(chrome://global/skin/menulist/body-focus.png) !important;
}

Alles anzeigen

in die UserChrome.css bei gschlossenem Firefox hinzugefügt, da ist allerdings etwas nicht richtig, weil der mittlere Teil der Toolbar Notes Leiste wird nicht angepasst. Kannst du bitte nocheinmal drübergucken? Denn ich würde es lieber über die UserChrome.css regeln, weil ich dann auf Stylish verzichten könnte...

gammaburst

Die beiden Stylish oder UserChrome.css Codes funktioneren leider (auch in der modifizierten Form)

Zitat von Dr. Evil

ok, dann ersetze jedes :not(#urlbar):not(.searchbar-textbox):not([multiline="true"]) durch [id^="quickernotes"]

nicht in dem Theme BlackJapanHV.

Das Style All Rounded für Stylish greift für dieses Theme zu global, so daß sich andere abgerundete Felder überlagern, die Toolbar Notes bleiben dagegen eckig:
http://www.firefox-browser.de/forum/viewtopi…p=272169#272169
In dem Theme hätte ich gerne nur die Toolbar Notes abgerundet (wie Dr. Ä's Wunsch für Silvermel/Milkmel). Andere Textfelder sind schon durch das Theme abgerundet.

PS: hier möchte ich mal noch fragen, ob in einer für zukünftigen Version von Toolbar Notes vielleicht dieses Feature möglich ist:
Toolbar Notes Scrolling von Textfeld zu Textfeld, etwa in einem Popup oder auch direkt in einer Toolbar Notes-Leiste, ähnlich wie die Erweiterung Stack Style Tabs das für Tabs tut
http://www.firefox-browser.de/forum/viewtopi…p=272864#272864

Gruß,
gammaburst

Wurstwasser

Ich hab erst jetzt entdeckt, daß der Thread und die Erweiterung weiter entwickelt wurden!
Hierzu eine Frage:

Zitat von Bazon Bloch

Übrigens:
Die Textfelder sind bei mir in der Navigationsleiste, die normalerweise ausgeblendet ist:
[Blockierte Grafik: http://img221.imageshack.us/img221/4953/unbenannt3dn1.png]
[Blockierte Grafik: http://img221.imageshack.us/img221/5474/unbenannt26pe.png]
Gruß,
Bazon

Ihr blendet über "Anpassen" die Leiste ein/aus?
Ist das richtig?
Kann man dafür (also zum ein-/ausblenden) auch einen Button nehmen?

Dr. Evil

TooT: die erste Zeile in deinem Code musst du direkt unter die Standard-@namespace-Zeile, die immer in der userChrome.css ist, verschieben

gammaburst: BlackJapan ist nicht Milkmel, darum braucht das seinen eigenen Code:

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@namespace html url(http://www.w3.org/1999/xhtml);


#quickernotes-item > textbox {
 background: url(chrome://browser/skin/icons/leftcap.png) no-repeat 0 0 transparent !important;
 padding: 0 0 0 16px !important;
 -moz-appearance: none !important;
 -moz-box-align: center !important;
 cursor: default !important;
 border: none 0 !important;
 margin: 0 !important;
}
#quickernotes-item > textbox > .textbox-input-box {
 background: url(chrome://browser/skin/icons/rightcap.png) no-repeat 100% 0 transparent !important;
 padding: 0 16px 0 0 !important;
 -moz-appearance: none !important;
 max-height: 29px !important;
 min-height: 29px !important;
 margin: 0;
}
#quickernotes-item > textbox > .textbox-input-box > html|input {
  background: url(chrome://browser/skin/icons/textbox.png) transparent repeat-x 50% 0 !important;
  cursor: text !important;
  padding: 4px 0 0px 0 !important;
  height: 22px !important;
  max-height: 22px !important;
}

Alles anzeigen

Stack Style Toolbar Notes: Wie soll das dann funktionieren? Wenn der Fokus in einer Toolbar Note liegt und die Tab-Taste gedrückt wird, öffnet sich ein Menü mit allen Notizen?

TooT

thx Dr. Evil, nu klappt alles :klasse:

Hatte irgendwie keine Standard-@namespace-Zeile, hatte dann im Wiki geguckt und da sah ich, dass ich die vergessen oder irgendwann mal gelöscht hatte :roll: Hab sie dann halt erstellt...