versteh dann nicht warum die Schrift in der oberen Leiste veränderbar ist in der unteren aber nicht ? Irgendeine Datei muß doch dafür auch verantwortlich sein. oben "de-DE.jar" und unten ???
Buttons verändern
-
alexking -
24. Mai 2005 um 16:33 -
Erledigt
-
-
tombik:
Ich dachte ja nur, dass skalieren per css prinzipiell möglich sein könnte, da die Buttons von
[Blockierte Grafik: http://img176.echo.cx/img176/1949/grossebuttonbroken0mg.jpg]
offensichtlich eine skalierte (und zwar auf 48x48 Pixel, wie erwünscht im Prinzip) Version von
[Blockierte Grafik: http://img122.echo.cx/img122/2894/toolbar2iw.png]
sind. Wenn man jetzt noch die Skalierung kontrollieren könnte (also insbesondere mit -moz-image-region vereinbar sind), wäre das ja ungemein praktisch. Ich werd mal ein bischen rumprobieren... -
das hilft mir auch nicht :cry:
-
@Bazon:
Ich hab Dich falsch verstanden.
Du hast recht, man kann natürlich Bereiche aus einer dieser langen PNG definieren mit -moz-image-region wie z.B. ( aus Apollo wahllos rauskopiert aus der browser.css)Code
Alles anzeigen#back-button { -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button"); list-style-image: url('chrome://browser/skin/icons/back.png'); -moz-image-region: rect(0px 32px 32px 0px); } #back-button:hover { -moz-image-region: rect(32px 32px 64px 0px); } #back-button[disabled="true"] { -moz-image-region: rect(64px 32px 96px 0px); }
Sowas scheint auf dem Screen zu fehlen.
PS: Schöne Hilfeseite hast Du da gebastelt!
-
tombik: Schon klar,ich habe mich mit sowas auch schon etwas beschäftigt :wink:
Die Frage ist nur, kann man eine konstruktive Modifikation der Button Größe mittels width und height erreichen?
Ich hab mal ein bischen rumprobiert und in die userChrome.css die komplette Button Beschreibung aus der browser.css eingefügt und zusätzlich danach die width und height Anweisungen (natürlich mit !important tags.). Ergebnis: Immerhin nicht so ein Chaos wie im ersten Screenshot, die Buttons selbst werden zwar nicht vergrößert, wohl aber die 'aktive' bzw. klickbare Fläche. Sieht aber nicht mehr so 'stimmig' aus wie vorher, alles ein bisschen 'verrückt' (Einen Screenshot kann ich leider nicht machen, da meine Freundin gerade meinen Primärcomputer, auf dem ich das ausprobiert habe, rücksichtslos in Beschlag genommen hat...*). Womit man den Wünschen von alexking schon einigermaßen entgegenkäme:Zitat von alexkingAlso sollte die Fläche der Buttons größer werden, aber nicht das Image.
Ist halt leider etwas aufwendig, da man den Code jedes einzelnen Buttons in der browser.css (bzw. in der userChrome.css) verändern muss.
Zitat von tombikPS: Schöne Hilfeseite hast Du da gebastelt!
Schön wohl weniger, dafür aber praktisch... :wink: Sollten noch wichtige Threads fehlen: Comments welcome!
*ich hab da sowieso nicht viel zu melden, sie beschwert sich sowieso immer wieder über meine Aktivität hier im Forum. (Wir wohnen zusammen. Nicht, dass jemand denkt, ich würde hier im Forum posten, während sie mich ausnahmsweise besucht, so isses nicht...:wink:) -
@ Bazon Bloch, könntest du mir die datei mal schicken, das wäre supernett.
mailto:info@alexking.de
Inzwischen ist es mir gelungen, die Datei ausfindig zu machen, wo die Buttontexte abgelegt sind.
Sie befinden sich im de-DE.jar Archiv in der Datei browser.dtdWenn man nun die Texte ändert und den Browser starten will, kommen "entity" Fehlermeldungen.
Diese beziehen sich auf die Datei browser.xul
Ich hab in diese Datei geguckt, aber keinen sinnvollen Zusammenhang zur browser.dtd gefunden. Vor den Buttontexten in der browser.dtd sind immer entity tags, vielleicht muss man da was ändern.
In der browser.xul sind keine Buttontexte gespeichert.
Vielleicht kriegt jemand das Problem in den Griff, wäre natürlich genial. -
Hi,
Hab das zumindestens mit dem Text unten hinbekommen
guckst Du hier ...
http://firefox.uni-duisburg.de/forum/viewtopi…1ee86ca8#134807
-
also bei mir kommt dann immer noch die Fehlermeldung.
Es ist auch komisch, dass das jar Archiv nur noch halb so groß (418kb) ist wie vorher, dabei sind aber alle Dateien enthalten, und wenn ich andere Archive aus Firefox extrahiere und dann wieder packe, sind die Files maximal 2-3 kb auseinander.ich hab die Datei auch richtig im UTF8 Format gepspeichert, oder muss man da ein anderes Format nehmen ?
-
Zitat von alexking
@ Bazon Bloch, könntest du mir die datei mal schicken, das wäre supernett.
Bitte schön! Diese userChrome.css mußt Du ins Chrome Verzeichnis Deines Profilordners einfügen. Wie gesagt, die Buttons selbst werden nicht größer, nur die aktiven Schaltflächen. Dieser Code funktioniert unter Garantie auch nur beim Standardtheme, bei anderen wahrscheinlich eher nicht. -
doch geht auch bei anderen Themes.
Aber erstmal vielen Dank dafür, das ist sehr nett von dir.Man muss die Tags der ersten drei Buttons aber ändern.
So ist es richtig:/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*//*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*//*
* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gate…ere.is.only.xul"); /* set default namespace to XUL *//*
* Some possible accessibility enhancements:
*/
/*
* Make all the default font sizes 20 pt:
*
* * {
* font-size: 20pt !important
* }
*/
/*
* Make menu items in particular 15 pt instead of the default size:
*
* menupopup > * {
* font-size: 15pt !important
* }
*/
/*
* Give the Location (URL) Bar a fixed-width font
*
* #urlbar {
* font-family: monospace !important;
* }
*//*
* Eliminate the throbber and its annoying movement:
*
* #throbber-box {
* display: none !important;
* }
*//*
* For more examples see http://www.mozilla.org/unix/customizing.html
*//* ::::: 24px primary toolbar buttons - active area rezized to 48px::::: */
/* back button */
#back-button {
-moz-image-region: rect(0px 96px 24px 72px);
width: 75px !important;
height: 53px !important;}
#back-button:hover {
-moz-image-region: rect(24px 96px 48px 72px);
width: 75px !important;
height: 53px !important;}
#back-button[disabled="true"] {
-moz-image-region: rect(48px 96px 72px 72px);
width: 75px !important;
height: 53px !important;}
/* forward button */
#forward-button {
-moz-image-region: rect(0px 96px 24px 72px);
width: 75px !important;
height: 53px !important;}
#forward-button:hover {
-moz-image-region: rect(24px 96px 48px 72px);
width: 75px !important;
height: 53px !important;}
#forward-button[disabled="true"] {
-moz-image-region: rect(48px 96px 72px 72px);
width: 75px !important;
height: 53px !important;}
/* stop button */
#stop-button {
-moz-image-region: rect(0px 96px 24px 72px);
width: 75px !important;
height: 53px !important;}
#stop-button:hover {
-moz-image-region: rect(24px 96px 48px 72px);
width: 75px !important;
height: 53px !important;}
#stop-button[disabled="true"] {
-moz-image-region: rect(48px 96px 72px 72px);
width: 75px !important;
height: 53px !important;}
/* reload button */
#reload-button {
-moz-image-region: rect(0px 96px 24px 72px);
width: 75px !important;
height: 53px !important;}
#reload-button:hover {
-moz-image-region: rect(24px 96px 48px 72px);
width: 75px !important;
height: 53px !important;}
#reload-button[disabled="true"] {
-moz-image-region: rect(48px 96px 72px 72px);
width: 75px !important;
height: 53px !important;}
/* home button */
#home-button {
-moz-image-region: rect(0px 120px 24px 96px);
width: 75px !important;
height: 53px !important;}
#home-button:hover {
-moz-image-region: rect(24px 120px 48px 96px);
width: 75px !important;
height: 53px !important;}
/* download manager button */
#downloads-button {
-moz-image-region: rect(0px 144px 24px 120px);
width: 75px !important;
height: 53px !important;}
#downloads-button:hover {
-moz-image-region: rect(24px 144px 48px 120px);
width: 75px !important;
height: 53px !important;}
#downloads-button[disabled="true"] {
-moz-image-region: rect(48px 144px 72px 120px) !important;
width: 75px !important;
height: 53px !important;}
/* history sidebar button */
#history-button {
-moz-image-region: rect(0px 168px 24px 144px);
width: 75px !important;
height: 53px !important;}
#history-button:hover {
-moz-image-region: rect(24px 168px 48px 144px);
width: 75px !important;
height: 53px !important;}
#history-button[disabled="true"] {
-moz-image-region: rect(48px 168px 72px 144px) !important;
width: 75px !important;
height: 53px !important;}
/* bookmark sidebar button */
#bookmarks-button {
-moz-image-region: rect(0px 192px 24px 168px);
width: 75px !important;
height: 53px !important;}
#bookmarks-button:hover {
-moz-image-region: rect(24px 192px 48px 168px);
width: 75px !important;
height: 53px !important;}
#bookmarks-button[disabled="true"] {
-moz-image-region: rect(48px 192px 72px 168px) !important;
width: 75px !important;
height: 53px !important;}
#bookmarks-button[checked="true"] {
-moz-image-region: rect(72px 192px 96px 168px) !important;
width: 75px !important;
height: 53px !important;}
/* print button */
#print-button {
-moz-image-region: rect(0px 216px 24px 192px);
width: 75px !important;
height: 53px !important;}
#print-button:hover {
-moz-image-region: rect(24px 216px 48px 192px);
width: 75px !important;
height: 53px !important;}
#print-button[disabled="true"] {
-moz-image-region: rect(48px 216px 72px 192px) !important;
width: 75px !important;
height: 53px !important;}
/* new tab button */
#new-tab-button {
-moz-image-region: rect(0px 240px 24px 216px);
width: 48px !important;
height: 48px !important;}
#new-tab-button:hover {
-moz-image-region: rect(24px 240px 48px 216px);
width: 48px !important;
height: 48px !important;}
#new-tab-button[disabled="true"] {
-moz-image-region: rect(48px 240px 72px 216px) !important;
width: 48px !important;
height: 48px !important;}
/* new window button */
#new-window-button {
-moz-image-region: rect(0px 264px 24px 240px);
width: 48px !important;
height: 48px !important;}
#new-window-button:hover {
-moz-image-region: rect(24px 264px 48px 240px);
width: 48px !important;
height: 48px !important;}
#new-window-button[disabled="true"] {
-moz-image-region: rect(48px 264px 72px 240px) !important;
width: 48px !important;
height: 48px !important;}
/* cut button */
#cut-button {
-moz-image-region: rect(0px 288px 24px 264px);
width: 48px !important;
height: 48px !important;}
#cut-button:hover {
-moz-image-region: rect(24px 288px 48px 264px);
width: 48px !important;
height: 48px !important;}
#cut-button[disabled="true"] {
-moz-image-region: rect(48px 288px 72px 264px) !important;
width: 48px !important;
height: 48px !important;}
/* copy button */
#copy-button {
-moz-image-region: rect(0px 312px 24px 288px);
width: 48px !important;
height: 48px !important;}
#copy-button:hover {
-moz-image-region: rect(24px 312px 48px 288px);
width: 48px !important;
height: 48px !important;}
#copy-button[disabled="true"] {
-moz-image-region: rect(48px 312px 72px 288px);
width: 48px !important;
height: 48px !important;}
/* paste button */
#paste-button {
-moz-image-region: rect(0px 336px 24px 312px);
width: 48px !important;
height: 48px !important;}
#paste-button:hover {
-moz-image-region: rect(24px 336px 48px 312px);
width: 48px !important;
height: 48px !important;}
#paste-button[disabled="true"] {
-moz-image-region: rect(48px 336px 72px 312px);
width: 48px !important;
height: 48px !important;}
/* mail button */
#mail-button {
-moz-image-region: rect(0px 360px 24px 336px);
width: 48px !important;
height: 48px !important;}
#mail-button:hover {
-moz-image-region: rect(24px 360px 48px 336px);
width: 48px !important;
height: 48px !important;}
#mail-button[disabled="true"] {
-moz-image-region: rect(48px 360px 72px 336px);
width: 48px !important;
height: 48px !important;}
-
sorry, war ein sehr langer Post.
Um den Browser perfekt zu machen, müsste ich jetzt nur noch die Labels der Buttons ändern.
Geht das auch über die userchrome.css ?
Müsste ja so ähnlich aussehen:
#stop-button {
label:Abbrechen;
}Denn wenn man die browser.dtd manuell verändert, führt das immer zu Problemen.
-
Fällt mir gerade auf, den Text Suchmaschinen hinzufügen, der mit aufklappt, wenn man in das Suchfeld klickt, würde ich auch gerne wegkriegen, da ich bereits alle gewünschten Plugins installiert habe.
Die Infos dazu stehen in der searchbar.properties (de-DE.jar), nur wenn man die wegnimmt oder was anderes reinschreibt, dann geht der Text zwar weg, aber unterhalb der eingeblendeten SearchPlugins sieht man ne horizontale Linie, und wenn man nochmal klickt sind plötzlich zwei Linien da und bei einem weiterem Klick drei Linien usw.
-
ich hab das mit dem "windows commander 5.10" und selbst integrierten "speededit 6.0" gemacht ( Zwei Uraltprogramme, wenn man so will). Dabei muß man die Datei "browser.dtd" in "de-DE.jar" im gepackten Zustand aufspüren. Vor dem Bearbeiten wird man gefragt ( hier mit F4), ob man die Datei in ein temporäres Verzeichnis entpacken und bearbeiten möchte. Darauf Ja eingeben mit dem Bearbeiten beginnen. Dannach wird man wieder gefragt ob die Datei in das ursprüngliche Verzeichnis gelegt werden soll. wieder mit Ja und ferig.
Jetzt braucht man nur noch die fertige Datei (also wieder als "de-DE.jar") ins Programmverzeichnis von Firefox kopieren und gleichzeitig überschreiben.Hab das mit allen möglichen Programmen probiert und nur mit der oben erwähnten Kombination ist mir das auch gelungen und diese ist auch sehr einfach zu bedienen, ohne riesige Programmpakete.
Als Bearbeitungsformat steht da ANSI-Modus. Keine Ahnung ob diese Anzeige auch wirklich korrekt ist. ( Die Programme gab es schon vor XP!). -
Zitat von alexking
Fällt mir gerade auf, den Text Suchmaschinen hinzufügen, der mit aufklappt, wenn man in das Suchfeld klickt, würde ich auch gerne wegkriegen, da ich bereits alle gewünschten Plugins installiert habe.
Die Infos dazu stehen in der searchbar.properties (de-DE.jar), nur wenn man die wegnimmt oder was anderes reinschreibt, dann geht der Text zwar weg, aber unterhalb der eingeblendeten SearchPlugins sieht man ne horizontale Linie, und wenn man nochmal klickt sind plötzlich zwei Linien da und bei einem weiterem Klick drei Linien usw.
geht viel einfacher:
in die userChrome.css diesen Code einfügen und fertig: -
die Linie ist weg, aber ich wollte, dass der ganze Eintrag weg ist also auch der Text.
-
-
ne das funktioniert nicht.
Hätte mich auch sehr gewundert, denn woran will er erkennen, dass er den Text entfernen soll wenn man nur das Lbel eingibt ?
Da kann er doch keinen Bezug herstellen.wenn dann muss da ein Befehl stehen in der Art
addengine {displayed:none} -
hab es hinbekommen.
Ich hab den cmd_addengine tag aus der searchbar.properties entfernt.
-
laut dieser Seite geht es viel einfacher
-
Mit
/* Hide button text */
#forward-button .toolbarbutton-text{display:none !important};kann man den Text unterhalb der Buttons ausblenden, dann müsste man ja ihn auch auf so einfache Weise verändern können, oder ?
Hat da jemand ne Idee ?
-