Safarifox Themes für Firefox 1.0 - 1.5, SaFire Entwicklung

  • jo, so sieht das wirklich sehr gut aus :D

    Zum Thema Buttonmaps schlage ich folgendes Vorgehen vor (da S.i.T. sich ja gleich so initiativ zeigte...):

    Es wird zwei Buttonmaps geben, eine für die Firefox-eigenen Buttons, eine für Erweiterungen (die für Translate brauchen wir da nicht mehr rein zu packen, die ist ja für sich schon groß genug....)

    Wenn absolut klar ist, welche Buttons dann die "Auserwählten" sind, kannst Du/könnt Ihr loslegen. Ich weiß ja nicht, ob ichbins dann auch eine Map machen will, ich vermute das mal.
    In diesem Fall würde ich vorschlagen, dass S.i.T. die Buttonmap für die Erweiterungen macht und ichbins die für die Firefox Buttons. (Gemäß der bisherigen Buttonauswahl kann dann jeder auch einen höheren Anteil 'eigener' Buttons einbauen als andersrum...)
    Ich will nicht irgendwie autoritär wirken oder so, ist nur ein Vorschlag, um unnötig doppelte Arbeit zu vermeiden, gell, Ihr beiden :wink:

    Gruß,

    Bazon

  • Moin @alle,

    Entwurf mit kleinen Änderungen

    [Blockierte Grafik: http://tinypic.com/aad8vd.png]

    [Blockierte Grafik: http://tinypic.com/aad8x3.png]

    Geändert habe ich das Mailbutton, ist jetzt etwas größer und ein wenig kräftiger von der Farbe.
    Desweiteren habe ich das neue Fenster Button farblich angepasst.
    Sollte es Einwände bezüglich der Button oder Änderung geben, teilt mir das mit!
    Es ist ja nur ein Entwurf und kann jeder Zeit geändert werden.

    Gruß
    ichbins

    Der Mensch ist das einzige Tier, dass intelligent genug ist um dumm zu sein.

  • Tach auch,

    Bazon Bloch
    ich würde ja die Codes im Browser"css ändern bzw. npassen wollen, um dich ein wenig zu entlasten.
    Natürlich nur, wenn du nichts dagegen hast!
    Frage ist nur, wie soll ich die beiden Kinder nennen?
    zb.: BrowserSaFireaqua/brushed -||- small/big
    oder SaFire-Standardaqua/brushed

    Zitat von S.i.T.

    @ ichbins: prima geworden [Blockierte Grafik: http://www.cosgan.de/images/midi/froehlich/a040.gif]


    Vielen Dank!
    das Treibt ein doch erst richtig an, wenn etwas gelungen ist ;)

    Gruß
    ichbins

    Der Mensch ist das einzige Tier, dass intelligent genug ist um dumm zu sein.

  • Zitat von ichbins

    Bazon Bloch
    ich würde ja die Codes im Browser"css ändern bzw. npassen wollen, um dich ein wenig zu entlasten.
    Natürlich nur, wenn du nichts dagegen hast!

    Ja klar kannst Du das machen, gerne!
    Als Name für die Graphiken schlage ich buttons-brushed.png und buttons-aqua.png vor, das ist schön einfach.
    Du brauchst dann dank der Buttonmap nicht mehr bei jedem Button eine list-style-image Anweisung zu setzen, jeweils neue -moz-image-region Anweisungen reichen. Kannst ja mal bei Default Theme (Classic.jar im Chrome Ordner im Firefox Programm Ordner) gucken, wie das gemacht wurde, mußt Du aber nicht, je nachdem, was weniger Arbeit ist.

    Und wo wir schon über solchen Interna reden:
    Ich habe vor, die Buttondefinition aus der browser.css auszulagern.
    Warum? Deshalb:

    Auch wenn das bis jetzt noch nicht passiert ist, ist mein Wunsch, dass SaFire als Ausgangsbasis für neue Safarifox Themes genutzt wird. (Guck mal bei deviantArt, da gibt es ettliche...) Auch wenn nicht alle so heißen, haben sie doch das gleiche Gerüst, die meisten "Themer" (sorry für die Anführungszeichen :wink:), insbesondere sky1983628 und susumu express verwenden Codemäßig 1:1 das Originaltheme von Hills und tauschen nur die Graphiken aus.
    Genau das würde aber nach der Einführung der neuen Buttonmap mit SaFire schwieriger werden.
    Daher habe ich mir folgende Lösung überlegt:
    Die Buttons werden nicht mehr in browser.css sondern in einem neuen Stylesheet z.B. namens primarybuttons.css oder einfach nur buttons.css definiert, welches dann per

    Code
    @import url("chrome://browser/skin/buttons.css");

    in der browser.css importiert wird.
    Alternativ biete ich dann auf der DeviantSeite eine andere buttons.css an, mit der die alten Buttonmaps von den alten Safrifox Themes funktionieren. Damit wäre der Umbau sehr einfach: Wie zuvor Graphiken ersetzen und noch zusätzlich die buttons.css ersetzen (mehr kann man vielleicht von manchen nicht verlangen...:wink:)

    Du kannst die buttons aber noch in browser,css einbauen, sie da nachträglich rauszuoperieren ist kein großer Aufwand.

    Danke schonmal :D,

    Bazon

  • Hallo @alle,

    so der erste Teil ist fertig!
    Die alten Buttoncodes aus dem Browser "css" löschen und diesen Code "siehe unten" rein.
    Habe alles einige male durchgespielt und funzt.
    Die Buttonmaps müssen auch noch rein, die Kinder heißen Button-brushed und Button-aqua.
    Bazon Bloch
    die anderen mach ich noch wenn Zeit ist,...... die Tage .


    [Blockierte Grafik: http://tinypic.com/abnq68.png]

    [Blockierte Grafik: http://tinypic.com/abnqbo.png]


    Gruß
    ichbins

    Der Mensch ist das einzige Tier, dass intelligent genug ist um dumm zu sein.

  • Moin @alle,

    im Code hat sich leider ein kleiner Fehler eingeschlichen,
    ich war ein wenig nachlässig mit dem Code. [Blockierte Grafik: http://www.schmaili.com/smileys/33.gif]

    Fortschrittbutton der aktuellen Dwnloads / brushed.
    dieser hier könnte es bereinigen, kann es leider jetzt nicht testen, keine Zeit in Moment.

    /* ::::: DOWNLOADS-BUTTON ::::: */

    #downloads-button {
    margin-right: -2px;
    margin-left: 8px;
    list-style-image: url("chrome://browser/skin/button-brushed.png");
    -moz-image-region: rect(0px 140px 25px 112px);
    }
    #downloads-button:active {
    -moz-image-region: rect(25px 140px 50px 112px);
    }
    #downloads-button[checked="true"] {
    -moz-image-region: rect(0px 140px 25px 112px
    )
    #ndownloads-button[disabled="true"] {
    -moz-image-region: rect(0px 140px 25px 112px);
    } :oops::oops::oops:


    Gruß
    ichbins

    Der Mensch ist das einzige Tier, dass intelligent genug ist um dumm zu sein.

  • So, ich habs mal getestet:
    Sieht prima aus und die Themedatei ist damit satte 50kB schlanker :D

    und das mit den Fehlern passiert, bleibt einfach ab ner gewissen Menge Code nicht aus...

    und es war nochwas falsch: Der Kopieren Button war im normalen Zustand etwas schmal, nämlich 0px :wink:

    Und beim Download Button war einfach ein n zuviel vorm Buttonnamen und dafür eine Klammer zuwenig.

    Vielen vielen Dank!

    Bazon


    ...solangsam muss ich dann mal aussuchen, welche Erweiterungsbuttons verwendet werden sollen...

  • Zitat von Bazon Bloch

    So, ich habs mal getestet:
    Sieht prima aus und die Themedatei ist damit satte 50kB schlanker :D

    und das mit den Fehlern passiert, bleibt einfach ab ner gewissen Menge Code nicht aus...

    und es war nochwas falsch: Der Kopieren Button war im normalen Zustand etwas schmal, nämlich 0px :wink:


    dieser sollte am Ende so aussehen (0px 364px 25px 336px) dann passt es.

    Mendo...... das werden ja immer mer.[Blockierte Grafik: http://www.schmaili.com/smileys/-19.gif]


    Zitat von Bazon Bloch

    ...solangsam muss ich dann mal aussuchen, welche Erweiterungsbuttons verwendet werden sollen...

    jep, und und das Andere schon versucht einzubauen?

    Gruß
    ichbins

    Der Mensch ist das einzige Tier, dass intelligent genug ist um dumm zu sein.

  • Zitat von Bazon Bloch

    Wie, welches 'Andere' denn noch? Also die Buttonmaps sind eingebaut, oder denkste, ich sehe am Code, dass der Copy Button zu schlank war :D:wink:...

    Gruß,

    Bazon

    Nein, die Translate Erweiterung meinte ich.[Blockierte Grafik: http://www.schmaili.com/smileys/44.gif]

    Wie sieht es mit dem Extensions Ordner aus, kann der nicht aufgelöst werden?
    Die Buttonmaps könnten doch auch in " chrome://browser/skin" Bereich liegen, oder sollten sie einen separaten Ordner haben ?

    Gruß
    ichbins

    Der Mensch ist das einzige Tier, dass intelligent genug ist um dumm zu sein.

  • Zitat von ichbins

    Nein, die Translate Erweiterung meinte ich.[Blockierte Grafik: http://www.schmaili.com/smileys/44.gif]

    OOps :oops:, wie konnte ich das vergessen! Also:
    Alles paletti (also genau genommen nur der DE Button, ich kann und will jetzt nicht alle durchtesten, wird schon stimmen...:wink:), es mußte im wesentlichen nur buttonover durch buttondown ersetzt werden, sonst 'blinkten' die Buttons schon bei Mausdrüber, das paßte nicht.

    Zitat von ichbins

    Wie sieht es mit dem Extensions Ordner aus, kann der nicht aufgelöst werden?
    Die Buttonmaps könnten doch auch in " chrome://browser/skin" Bereich liegen, oder sollten sie einen separaten Ordner haben ?

    Jo, können sie. dachte nur, es wird dort zu unübersichtlich, wenn da noch tausend weitere Buttons reinkommen, aber danach sieht es im Moment ja nicht aus...

    Zitat von S.i.T.

    ihr kommt klar, habt den vollen Überblick? Gut :D

    Richtig erkannt: Nein. :wink:

    Also, ich versuche mal zusammenzufassen, was bis zum nächsten Release noch ansteht:

    Einig Erweiterungsbuttons haben noch nicht genug Zustände:
    Spellbound braucht noch 'deaktiviert',
    Redirect Remover hat vier Zustände hier die Originalbuttonmap:
    [Blockierte Grafik: http://img355.imageshack.us/img355/1810/toolbarbig7xh.png]

    Bei einigen Erweiterungen konnte ich die Buttons noch nicht einbauen, die weigerten sich einfach. Das betrifft:
    launchy und
    advanced highlighter button.

    Zum selber ausprobieren:

    css in der Launchy Erweiterung:

    Code
    .launchy-toolbar {
    	list-style-image: url("chrome://launchy/content/icon-medium.png") ! important;
    }
    toolbar[iconsize="small"] .launchy-toolbar {
    	list-style-image: url("chrome://launchy/content/icon-small.png") ! important;
    }


    Ich vermute, dass das !important dort Probleme macht. Vielleicht kann man es so einbauen wie sage, d.h. eigner Ordner im Theme + Erwähnung in der contents.rdf

    css in der advanced highlighter Button Erweiterung:


    Keine Ahnung, warum sich das nicht einbauen läßt...:(

    ich werde jedenfalls mal am Wochenende weiter rumprobieren, Ihr dürft das natürlich auch gern... :wink:

    Wenn das erledigt ist und endgültig geklärt ist, welche Buttons eingebaut werden sollen, kann man eine Buttonmap für die Erweiterungen zusammenstellen und diese dann einbauen.

    Ich habe außerdem noch vor:
    Milk und Sunken Aqua zusammenlegen, die passen dann aufgrund ähnlicherer Buttonsituation besser zueinander. Dazu müßte ich nur noch rausfinden, wie man die Scrollleiste per subskin ändert....

    Ich glaube, das wars....

    Gruß,

    Bazon

  • Hallo @alle

    Es funzt mit diesem code unten, die Button habe ich von meinen Entwürfen genommen.
    Sieht ganz gut aus. [Blockierte Grafik: http://tinypic.com/adoh8h.png][Blockierte Grafik: http://tinypic.com/adogwn.png]


    [Blockierte Grafik: http://tinypic.com/9s75vr.png]
    [Blockierte Grafik: http://tinypic.com/9s77de.png]

    Gruß
    ichbins

    Der Mensch ist das einzige Tier, dass intelligent genug ist um dumm zu sein.

    Einmal editiert, zuletzt von ichbins (12. August 2005 um 19:35)

  • @ ichbins: im code bitte "/*kleines Radiergummi*/" in "kleiner Radiergummi" ändern" und bitte ß in ss, weiß nicht, ob dann Safire auf anderen Systemen ohne "ß" dann rumnörgelt. Nur um dem vorzubeugen. Wir wollen doch der Welt was schönes schenken ;) Gruß S.i.T.

    Tóg go bog é

  • Zitat von S.i.T.

    @ ichbins: im code bitte "/*kleines Radiergummi*/" in "kleiner Radiergummi" ändern" und bitte ß in ss, weiß nicht, ob dann Safire auf anderen Systemen ohne "ß" dann rumnörgelt. Nur um dem vorzubeugen. Wir wollen doch der Welt was schönes schenken ;) Gruß S.i.T.

    S.i.T.

    ja, mach doch gleich ganz schnell[Blockierte Grafik: http://www.schmaili.com/smileys/-88.gif]

    ichbins

    Der Mensch ist das einzige Tier, dass intelligent genug ist um dumm zu sein.

  • ich noch mal [Blockierte Grafik: http://www.schmaili.com/smileys/432.gif]

    Ist schon jemand angefangen mit der Extensions Buttonmap?
    Wenn nicht, würde ich es machen, zumindest erst ein paar Entwürfe!
    Will S.i.T. aber nicht zuvorkommen soll ja kein Wettrennen werden, habe nur etwas Zeit und mir ist so langweilig. [Blockierte Grafik: http://www.schmaili.com/smileys/12.gif]
    Ja und das Launchy Button, wie soll das Aussehen, es könnte ja ein großes G sein oder gibt es gar schon eins?
    Mit dem Code von Launchy sehe auch keine Probleme, dass bekomme ich schon hin.

    Gruß
    ichbins

    Der Mensch ist das einzige Tier, dass intelligent genug ist um dumm zu sein.

  • Zitat von Stevi

    Hallo,

    erstmal danke für das nette Theme. Insbesondere die sunken aqua Variante. Ich hab mir gerade die aktuelle Deer Park Version von Jay from Taiwan draufgepackt. Der läuft bei mir ziemlich schnell. Allerdings habe ich mit dem SaFire Theme nen komischen Butten der im default theme nicht erscheint.

    [Blockierte Grafik: http://www.stevipage.de/strangebutton.jpg]

    Weiss einer was es damit auf sich hat bzw. ob man den irgendwie weg bekommen kann?

    Vielen Dank für die Blumen, dieser Button hat nix mit dem build von Jay zu tun, sondern wurde heute(!) in die aktuelle Nightly eingefügt - durch diesen schnellen Bericht hatte ich ausnahmsweise mal die Möglichkeit im offiziellen Theme-Changes Thread konstruktiv zu reüsieren :wink:

    Diese Änderung wird die Safari Fraktion jedenfalls freuen: Der RSS Button wurde somit in die URL-Leiste verlegt.
    [Blockierte Grafik: http://img48.imageshack.us/img48/4093/newlivemark3oj.png]

    S.i.T. hat doch mal so einen schönen blauen RSS Button hier im Thread geposted (aber mir nicht geschickt...) wo war der noch gleich... :D

    Was kann man dagegen machen?
    Hab ein bisschen Geduld, bis ich noch die Änderungen von ichbins eingebaut habe, mit dieser Änderung in der nightly wird es echt höchste Zeit für ein offizielles update... ....wird heut abend noch fertig denk ich.

    ichbins:
    Vielen Dank nochmal, warum habe ich das bloß nicht hinbekommen :amkopfkratz: - ich werds gleich mal probieren einzubauen.
    Der Launchy-Button ist der Amsterdammer Button von S.i.T. - haste da auch was zustandegracht?

    Ach, ist Teamwork schön :D :D
    (gilt allen, die sich hier eingebracht haben, aber vor allen natürlich den Helfern, Ihr seid echt eine große Entlastung!)

    Gruß,

    Bazon