Beiträge von ichbins

ichbins

Zitat von Bazon Bloch

So, ich habs mal getestet:
Sieht prima aus und die Themedatei ist damit satte 50kB schlanker
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:

Code

/* ::::: COPY-BUTTON ::::: */
toolbar[iconsize="small"] #copy-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 364px 25px 364px);


/* ::::: COPY-BUTTON ::::: */
#copy-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");   
  -moz-image-region: rect(0px 364px 25px 364px);

Alles anzeigen

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

ichbins

Hi Strahli,

hier genau das richtige für dich.

http://www.erweiterungen.de/detail/240

ichbins

ichbins

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

ichbins

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]

CSS

/* :::::button-brushed ::::: */
/* ::::: BACK-BUTTON ::::: */
#back-button {
  margin-right: 0px;
  margin-left: 8px;
  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button");
  list-style-image: url("chrome://browser/skin/button-brushed.png");
  -moz-image-region: rect(0px 447px 25px 420px);
  -moz-box-orient: vertical
}
#back-button[buttonover="true"] {
  -moz-image-region: rect(0px 447px 25px 420px);
}
#back-button[buttondown="true"]{
  -moz-image-region: rect(25px 447px 50px 420px);
}
#back-button[disabled="true"] {
  -moz-image-region: rect(50px 447px 75px 420px);
}
/* ::::: FORWARD-BUTTON ::::: */
#forward-button {
  margin-right: -2px;
  margin-left: -2px;
  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button");
  list-style-image: url("chrome://browser/skin/button-brushed.png");
  -moz-image-region: rect(0px 474px 25px 448px);
  -moz-box-orient: vertical
}
#forward-button[buttonover="true"] {
  -moz-image-region: rect(0px 474px 25px 448px);
}
#forward-button[buttondown="true"] {
  -moz-image-region: rect(25px 474px 50px 448px);
}
#forward-button[disabled="true"] {
  -moz-image-region: rect(50px 474px 75px 448px);
}
/* ::::: RELOAD-BUTTON ::::: */
#reload-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");
  -moz-image-region: rect(0px 84px 25px 56px)
}
#reload-button:active {
  -moz-image-region: rect(25px 84px 50px 56px);
}
#reload-button[disabled="true"] {
  -moz-image-region: rect(0px 84px 25px 56px);
}
/* ::::: STOP-BUTTON ::::: */
#stop-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");
  -moz-image-region: rect(0px 420px 25px 392px)
}
#stop-button:active {
  -moz-image-region: rect(25px 420px 50px 392px);
}
#stop-button[disabled="true"] {
  -moz-image-region: rect(50px 420px 75px 392px);
}
/* ::::: HOME-BUTTON ::::: */
#home-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");
  -moz-image-region: rect(0px 28px 25px 0px)
}
#home-button:active {
  -moz-image-region: rect(25px 28px 50px 0px);
}
#home-button[disabled="true"] {
  -moz-image-region: rect(0px 28px 25px 0px);
}
/* ::::: PRINT-BUTTON ::::: */
#print-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");
  -moz-image-region: rect(0px 168px 25px 140px)
}
#print-button:active {
  -moz-image-region: rect(25px 168px 50px 140px);
}
#print-button[disabled="true"] {
  -moz-image-region: rect(0px 168px 25px 140px);
}
/* ::::: NEW-TAB-BUTTON ::::: */
#new-tab-button,
#new-tab-button[checked="true"] {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");
  -moz-image-region: rect(0px 252px 25px 224px)
}
#new-tab-button:active {
  -moz-image-region: rect(25px 252px 50px 224px);
}
#new-tab-button[disabled="true"] {
  -moz-image-region: rect(0px 252px 25px 224px);
}
/* ::::: NEW-WINDOW-BUTTON ::::: */
#new-window-button{
  margin-right: -2px;
  margin-left: 8px;
 list-style-image: url("chrome://browser/skin/button-brushed.png"); 
 -moz-image-region: rect(0px 280px 25px 252px);
}
#new-window-button:active {
  -moz-image-region: rect(25px 280px 50px 252px);
}
#new-window-buttondisabled="true"],
#new-window-button[checked="true"] {
  -moz-image-region: rect(50px 280px 75px 252px);
}
/*::::: BOOKMARKS-BUTTON :::::*/
#bookmarks-button {
  margin-left: 8px !important;
  margin-right: -4px !important;
  list-style-image: url("chrome://browser/skin/bookmarks.png");
}
#bookmarks-button:hover {
  list-style-image: url("chrome://browser/skin/bookmarks-hover.png");
}
#bookmarks-button[disabled="true"] {
  list-style-image: url("chrome://browser/skin/bookmarks.png");
}
#bookmarks-button:hover:active,
#bookmarks-button[checked="true"] {
  list-style-image: url("chrome://browser/skin/bookmarks-pressed.png");
}


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


#downloads-button[checked="true"] {
  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);
}
#ndownloads-button[disabled="true"] {
  -moz-image-region: rect(0px 140px 25px 112px);
}
/* ::::: HISTORY-BUTTON ::::: */
#history-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");
  -moz-image-region: rect(0px 56px 25px 28px)
}
#history-button:active {
  -moz-image-region: rect(25px 56px 50px 28px);
}
#history-button[disabled="true"] {
  -moz-image-region: rect(0px 56px 25px 28px);
}
#history-button[checked="true"] {
  -moz-image-region: rect(0px 56px 25px 28px);
}
/* ::::: COPY-BUTTON ::::: */
#copy-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");   
  -moz-image-region: rect(0px 364px 25px 364px);
}
#copy-button:active {
  -moz-image-region: rect(25px 364px 50px 336px);
}
#copy-button[disabled="true"],
#copy-button[checked="true"] {
  -moz-image-region: rect(50px 364px 75px 336px);
}
/* ::::: CUT-BUTTON ::::: */
#cut-button {
  margin-right: -2px;
  margin-left: 8px;
 list-style-image: url("chrome://browser/skin/button-brushed.png"); 
 -moz-image-region: rect(0px 392px 25px 364px);
}
#cut-button:active {
  -moz-image-region: rect(25px 392px 50px 364px);
}
#cut-button[disabled="true"],
#cut-button[checked="true"] {
  -moz-image-region: rect(50px 392px 75px 364px);
}
/* ::::: PASTE-BUTTON ::::: */
#paste-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");  
  -moz-image-region: rect(0px 336px 25px 308px);
}
#paste-button:active {
  -moz-image-region: rect(25px 336px 50px 308px);
}
#paste-button[disabled="true"],
#paste-button[checked="true"] {
  -moz-image-region: rect(50px 336px 75px 308px);
}
/* ::::: MAIL-BUTTON ::::: */
#mail-button {
  margin-right: -30px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/button-brushed.png");
  -moz-image-region: rect(0px 308px 25px 280px)
}
#mail-button:active,
#mail-button[open="true"] {
  -moz-image-region: rect(25px 308px 50px 280px);
}
#mail-button[disabled="true"] {
  -moz-image-region: rect(0px 308px 25px 280px);
}
/* ::::: REPORTER-BUTTON ::::: */
#reporterMenuButton {
  margin-right: -2px !important;
  margin-left: 8px !important;
  list-style-image: url("chrome://browser/skin/button-brushed.png") !important;
  -moz-image-region: rect(0px 112px 25px 84px) !important;
}
#reporterMenuButton :active {
  -moz-image-region: rect(25px 112px 50px 84px) !important;
}
#reporterMenuButton [disabled="true"] {
  -moz-image-region: rect(0px 112px 25px 84px) !important;
}
#reporterMenuButton [checked="true"] {
  -moz-image-region: rect(0px 112px 25px 84px) !important;
}
/* ::::: SOFTWAREUPDATE-BUTTON -?::::: */
#softwareupdate-item {
visibility: collapse !important;/*until bug 297751 becomes fixed*/
} 
/* :::::buttons-aqua ::::: */
/* ::::: BACK-BUTTON ::::: */
toolbar[iconsize="small"] #back-button,
toolbar[iconsize="small"] #back-button:hover {
  margin-right: 0px !important;
  margin-left: 8px;
  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button");
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 447px 25px 420px)
}
toolbar[iconsize="small"] #back-button[buttondown="true"] {
  -moz-image-region: rect(25px 447px 50px 420px);
}
toolbar[iconsize="small"] #back-button[disabled="true"] {
  -moz-image-region: rect(50px 447px 75px 420px);
}
/* ::::: FORWARD-BUTTON ::::: */
toolbar[iconsize="small"] #forward-button,
toolbar[iconsize="small"] #forward-button:hover {
  margin-right: -2px;
  margin-left: -2px;
  -moz-binding: url("chrome://browser/skin/browser.xml#toolbar-menu-button");
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 474px 25px 448px);
}
toolbar[iconsize="small"] #forward-button[buttondown="true"] {
  -moz-image-region: rect(25px 474px 50px 448px);
}
toolbar[iconsize="small"] #forward-button[disabled="true"] {
  -moz-image-region: rect(50px 474px 75px 448px);
}
/* ::::: RELOAD-BUTTON ::::: */
toolbar[iconsize="small"] #reload-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 84px 25px 56px)
}
toolbar[iconsize="small"] #reload-button:active {
  -moz-image-region: rect(25px 84px 50px 56px);
}
toolbar[iconsize="small"] #reload-button[disabled="true"] {
  -moz-image-region: rect(0px 84px 25px 56px);
}
/* ::::: STOP-BUTTON ::::: */
toolbar[iconsize="small"] #stop-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 420px 25px 392px)
}
toolbar[iconsize="small"] #stop-button:active {
  -moz-image-region: rect(25px 420px 50px 392px);
}
toolbar[iconsize="small"] #stop-button[disabled="true"] {
  -moz-image-region: rect(50px 420px 75px 392px);
}
/* ::::: HOME-BUTTON ::::: */
toolbar[iconsize="small"] #home-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 28px 25px 0px);
}
toolbar[iconsize="small"] #home-button:active {
  -moz-image-region: rect(25px 28px 50px 0px);
}
toolbar[iconsize="small"] #home-button[disabled="true"] {
  -moz-image-region: rect(0px 28px 25px 0px);
}
/* ::::: PRINT-BUTTON ::::: */
toolbar[iconsize="small"] #print-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 168px 25px 140px);
}
toolbar[iconsize="small"] #print-button:active {
  -moz-image-region: rect(25px 168px 50px 140px);
}
toolbar[iconsize="small"] #print-button[disabled="true"] {
  -moz-image-region: rect(0px 168px 25px 140px);
}
/* ::::: DOWNLOADS-BUTTON ::::: */
toolbar[iconsize="small"] #downloads-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 140px 25px 112px);
}
toolbar[iconsize="small"] #downloads-button:active {
  -moz-image-region: rect(25px 140px 50px 112px);
}
toolbar[iconsize="small"] #downloads-button[checked="true"] {
  -moz-image-region: rect(0px 140px 25px 112px);
}
toolbar[iconsize="small"] #downloads-button[disabled="true"] {
  -moz-image-region: rect(0px 140px 25px 112px);
}
/* ::::: NEW-TAB-BUTTON ::::: */
toolbar[iconsize="small"] #new-tab-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 252px 25px 224px);
}
toolbar[iconsize="small"] #new-tab-button:active {
  -moz-image-region: rect(25px 252px 50px 224px);
}
toolbar[iconsize="small"] #new-tab-button[checked="true"],
toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
  -moz-image-region: rect(0px 252px 25px 224px);
}
/* ::::: NEW-WINDOW-BUTTON ::::: */
toolbar[iconsize="small"] #new-window-button  {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 280px 25px 252px);
}
toolbar[iconsize="small"] #new-window-button :active {
  -moz-image-region: rect(25px 280px 50px 252px);
}
toolbar[iconsize="small"] #new-window-button [checked="true"],
toolbar[iconsize="small"] #new-window-button [disabled="true"] {
  -moz-image-region: rect(50px 280px 75px 252px);
}
/* ::::: BOOKMARKS-BUTTON ::::: */
toolbar[iconsize="small"] #bookmarks-button {
  margin-left: 8px !important;
  margin-right: -4px !important;
  list-style-image: url("chrome://browser/skin/bookmarks.png");
}
toolbar[iconsize="small"] #bookmarks-button:hover {
  list-style-image: url("chrome://browser/skin/bookmarks-hover.png");
}
toolbar[iconsize="small"] #bookmarks-button:active,
toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
  list-style-image: url("chrome://browser/skin/bookmarks-pressed.png");
}
toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
  list-style-image: url("chrome://browser/skin/bookmarks.png");
}
/* ::::: HISTORY-BUTTON ::::: */
toolbar[iconsize="small"] #history-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 56px 25px 28px);
}
toolbar[iconsize="small"] #history-button:active {
  -moz-image-region: rect(25px 56px 50px 28px);
}
toolbar[iconsize="small"] #history-button[checked="true"],
toolbar[iconsize="small"] #history-button[disabled="true"] {
  -moz-image-region: rect(0px 56px 25px 28px);
}
/* ::::: MAIL-BUTTON ::::: */
toolbar[iconsize="small"] #mail-button {
  margin-right: -30px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 308px 25px 280px);
}
toolbar[iconsize="small"] #mail-button:active,
toolbar[iconsize="small"] #mail-button[open="true"] {
  -moz-image-region: rect(25px 308px 50px 280px);
}
toolbar[iconsize="small"] #mail-button[disabled="true"] {
  -moz-image-region: rect(0px 308px 25px 280px);
}
/* ::::: CUT-BUTTON ::::: */
toolbar[iconsize="small"] #cut-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 392px 25px 364px);
}
toolbar[iconsize="small"] #cut-button:active {
  -moz-image-region: rect(25px 392px 50px 364px);
}
toolbar[iconsize="small"] #cut-button[disabled="true"] {
  -moz-image-region: rect(50px 392px 75px 364px);
}
/* ::::: PASTE-BUTTON ::::: */
toolbar[iconsize="small"] #paste-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 336px 25px 308px);
}
toolbar[iconsize="small"] #paste-button:active {
  -moz-image-region: rect(25px 336px 50px 308px);
}
toolbar[iconsize="small"] #paste-button[checked="true"],
toolbar[iconsize="small"] #paste-button[disabled="true"] {
  -moz-image-region: rect(50px 336px 75px 308px);
}
/* ::::: COPY-BUTTON ::::: */
toolbar[iconsize="small"] #copy-button {
  margin-right: -2px;
  margin-left: 8px;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png");
  -moz-image-region: rect(0px 364px 25px 364px);
}
toolbar[iconsize="small"] #copy-button:active {
  -moz-image-region: rect(25px 364px 50px 336px);
}
toolbar[iconsize="small"] #copy-button[checked="true"],
toolbar[iconsize="small"] #copy-button[disabled="true"] {
  -moz-image-region: rect(50px 364px 75px 336px);
}
/* ::::: REPORTER-BUTTON ::::: */
toolbar[iconsize="small"] #reporterMenuButton{
  margin-right: -2px !important;
  margin-left: 8px !important;
  list-style-image: url("chrome://browser/skin/buttons-aqua.png") !important;
  -moz-image-region: rect(0px 112px 25px 84px) !important;
}
toolbar[iconsize="small"] #reporterMenuButton:active {
  -moz-image-region: rect(25px 112px 50px 84px) !important;
}
toolbar[iconsize="small"] #reporterMenuButtonchecked="true"],
toolbar[iconsize="small"] #reporterMenuButton[disabled="true"] {
  -moz-image-region: rect(0px 112px 25px 84px) !important;
}

Alles anzeigen

Gruß
ichbins

ichbins

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

ichbins

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

ichbins

Moin @alle

habe auf dem Vorschlag von S.i.T. diesen hier mit font : Lucida Grande =fett= umgesetzt. (9px RGB 57 57 57 )
Meiner Ansicht nach, auch das schönste....[Blockierte Grafik: http://www.schmaili.com/smileys/1242.gif]

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

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

Gruß
ichbins

ichbins

Noch ma "ichbins"

@S.i.D. ........... Lucida Grande ,OK so?

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

gruß
ichbins

ichbins

Moin,

Zitat von michael815

jou ... *hier* sehe ich sie auch ...
aber noch nicht im Theme

sorry, hierfür brauchst du dieses: http://www.erweiterungen.de/detail/51
dann geht es auch bei Dir mit den Themes und Erweiterung!

Gruß
ichbins

ichbins

HiHo @alle,

Zitat von S.i.T.

Serifen für einen Browser? Gruß S.i.T.

Na ja, hast ja recht, Serifen sind vielleicht nicht gerade das Gelbe vom Ei!
Mach doch mal nen Vorschlag, welche Schriftart dafür ganz nützlich wäre.
Gut, ich mach es mal mit ne Mac Font! "OK" ?

Zitat von Bazon Bloch

aber hast Du auch die transparenten Bereiche an den Ecken der Buttons berücksichtigt?

Aber sicher doch.
Ich kann auch die anderen zusammenfassen, zu einem Buttonmap.

Zitat von michael815

Bin ich jetzt blind, dass ich das nicht sehe? Shocked

ÄHM! Ab zum Augenarzt und dann Brille Fielmann

Ne echt rechts sind die kleineren, schau mal hier:[Blockierte Grafik: http://tinypic.com/9tmrfs.png] [Blockierte Grafik: http://tinypic.com/9tn42v.png] Klein

Gruß

ichbins

ichbins

Moin @alle

Super gut!

Bis auf die von mir gefertigten Button , mir ist aufgefallen das die farblich nicht so besonders passend sind.
Ich möchte sie ein wenig nachbessern, wenn es möglich ist!

Es handelt sich um das Mailbutton, dieses ist zu klein und blass .
Neues Fenster und CE sind ein wenig zu dunkel CE könnte auch ein paar pix kleiner sein.
Beim Themenbutton ist momentan das etwas größere eingebaut, ich würde das etwas kleinere nehmen.
So, soll gut sein für mich waren das die ersten Button die ich gefertigt habe, kann nur sagen es macht richtig Spaß und sie werden auch immer besser!

Zitat von Bazon Bloch

Und ich wollte eigentlich eine automatische Umstellung auf den DE Button bei einem deutschen Fx, klappte aber bis jetzt noch nicht.

Ich habe hier noch eine Vorschlag, vielleicht lässt sich dieses hier besser verwenden!
[Blockierte Grafik: http://tinypic.com/a9sef8.png]

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

Code

.translate-tool-en { -moz-image-region: rect(0px 28px 25px 0px); }
.translate-tool-fr { -moz-image-region: rect(0px 56px 25px 28px); }
.translate-tool-de { -moz-image-region: rect(0px 84px 25px 56px); }
.translate-tool-es { -moz-image-region: rect(0px 112px 25px 84px); }
.translate-tool-it { -moz-image-region: rect(0px 140px 25px 112px); }
.translate-tool-el { -moz-image-region: rect(0px 168px 25px 140px); }
.translate-tool-ko { -moz-image-region: rect(0px 196px 25px 168px); }
.translate-tool-ja { -moz-image-region: rect(0px 224px 25px 196px); }
.translate-tool-zh { -moz-image-region: rect(0px 252px 25px 224px); }
.translate-tool-zt { -moz-image-region: rect(0px 280px 25px 252px); }
.translate-tool-nl { -moz-image-region: rect(0px 308px 25px 280px); }
.translate-tool-ru { -moz-image-region: rect(0px 336px 25px 308px); }
.translate-tool-pt { -moz-image-region: rect(0px 364px 25px 336px); }






.translate-tool-en[buttonover="true"] { -moz-image-region: rect(25px 28px 50px 0px); }
.translate-tool-fr[buttonover="true"] { -moz-image-region: rect(25px 56px 50px 28px); }
.translate-tool-de[buttonover="true"] { -moz-image-region: rect(25px 84px 50px 56px); }
.translate-tool-es[buttonover="true"] { -moz-image-region: rect(25px 112px 50px 84px); }
.translate-tool-it[buttonover="true"] { -moz-image-region: rect(25px 140px 50px 112px); }
.translate-tool-el[buttonover="true"] { -moz-image-region: rect(25px 168px 50px 140px); }
.translate-tool-ko[buttonover="true"] { -moz-image-region: rect(25px 196px 50px 168px); }
.translate-tool-ja[buttonover="true"] { -moz-image-region: rect(25px 224px 50px 196px); }
.translate-tool-zh[buttonover="true"] { -moz-image-region: rect(25px 252px 50px 224px); }
.translate-tool-zt[buttonover="true"] { -moz-image-region: rect(25px 280px 50px 252px); }
.translate-tool-nl[buttonover="true"] { -moz-image-region: rect(25px 308px 50px 280px); }
.translate-tool-ru[buttonover="true"] { -moz-image-region: rect(25px 336px 50px 308px); }
.translate-tool-pt[buttonover="true"] { -moz-image-region: rect(25px 364px 50px 336px); }






#translate-pg[disabled="true"].translate-tool-en { -moz-image-region: rect(50px 28px 75px 0px); }
#translate-pg[disabled="true"].translate-tool-fr { -moz-image-region: rect(50px 56px 75px 28px); }
#translate-pg[disabled="true"].translate-tool-de { -moz-image-region: rect(50px 84px 75px 56px); }
#translate-pg[disabled="true"].translate-tool-es { -moz-image-region: rect(50px 112px 75px 84px); }
#translate-pg[disabled="true"].translate-tool-it { -moz-image-region: rect(50px 140px 75px 112px); }
#translate-pg[disabled="true"].translate-tool-el { -moz-image-region: rect(50px 168px 75px 140px); }
#translate-pg[disabled="true"].translate-tool-ko { -moz-image-region: rect(50px 196px 75px 168px); }
#translate-pg[disabled="true"].translate-tool-ja { -moz-image-region: rect(50px 224px 75px 196px); }
#translate-pg[disabled="true"].translate-tool-zh { -moz-image-region: rect(50px 252px 75px 224px); }
#translate-pg[disabled="true"].translate-tool-zt { -moz-image-region: rect(50px 280px 75px 252px); }
#translate-pg[disabled="true"].translate-tool-nl { -moz-image-region: rect(50px 308px 75px 280px); }
#translate-pg[disabled="true"].translate-tool-ru { -moz-image-region: rect(50px 336px 75px 308px); }
#translate-pg[disabled="true"].translate-tool-pt { -moz-image-region: rect(50px 364px 75px 336px); }










toolbar[iconsize="small"] .translate-tool-en { -moz-image-region: rect(0px 28px 25px 0px); }
toolbar[iconsize="small"] .translate-tool-fr { -moz-image-region: rect(0px 56px 25px 28px); }
toolbar[iconsize="small"] .translate-tool-de { -moz-image-region: rect(0px 84px 25px 56px); }
toolbar[iconsize="small"] .translate-tool-es { -moz-image-region: rect(0px 112px 25px 84px); }
toolbar[iconsize="small"] .translate-tool-it { -moz-image-region: rect(0px 140px 25px 112px); }
toolbar[iconsize="small"] .translate-tool-el { -moz-image-region: rect(0px 168px 25px 140px); }
toolbar[iconsize="small"] .translate-tool-ko { -moz-image-region: rect(0px 196px 25px 168px); }
toolbar[iconsize="small"] .translate-tool-ja { -moz-image-region: rect(0px 224px 25px 196px); }
toolbar[iconsize="small"] .translate-tool-zh { -moz-image-region: rect(0px 252px 25px 224px); }
toolbar[iconsize="small"] .translate-tool-zt { -moz-image-region: rect(0px 280px 25px 252px); }
toolbar[iconsize="small"] .translate-tool-nl { -moz-image-region: rect(0px 308px 25px 280px); }
toolbar[iconsize="small"] .translate-tool-ru { -moz-image-region: rect(0px 336px 25px 308px); }
toolbar[iconsize="small"] .translate-tool-pt { -moz-image-region: rect(0px 364px 25px 336px); }






toolbar[iconsize="small"] .translate-tool-en[buttonover="true"] { -moz-image-region: rect(25px 28px 50px 0px); }
toolbar[iconsize="small"] .translate-tool-fr[buttonover="true"] { -moz-image-region: rect(25px 56px 50px 28px); }
toolbar[iconsize="small"] .translate-tool-de[buttonover="true"] { -moz-image-region: rect(25px 84px 50px 56px); }
toolbar[iconsize="small"] .translate-tool-es[buttonover="true"] { -moz-image-region: rect(25px 112px 50px 84px); }
toolbar[iconsize="small"] .translate-tool-it[buttonover="true"] { -moz-image-region: rect(25px 140px 50px 112px); }
toolbar[iconsize="small"] .translate-tool-el[buttonover="true"] { -moz-image-region: rect(25px 168px 50px 140px); }
toolbar[iconsize="small"] .translate-tool-ko[buttonover="true"] { -moz-image-region: rect(25px 196px 50px 168px); }
toolbar[iconsize="small"] .translate-tool-ja[buttonover="true"] { -moz-image-region: rect(25px 224px 50px 196px); }
toolbar[iconsize="small"] .translate-tool-zh[buttonover="true"] { -moz-image-region: rect(25px 252px 50px 224px); }
toolbar[iconsize="small"] .translate-tool-zt[buttonover="true"] { -moz-image-region: rect(25px 280px 50px 252px); }
toolbar[iconsize="small"] .translate-tool-nl[buttonover="true"] { -moz-image-region: rect(25px 308px 50px 280px); }
toolbar[iconsize="small"] .translate-tool-ru[buttonover="true"] { -moz-image-region: rect(25px 336px 50px 308px); }
toolbar[iconsize="small"] .translate-tool-pt[buttonover="true"] { -moz-image-region: rect(25px 364px 50px 336px); }






toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-en { -moz-image-region: rect(50px 28px 75px 0px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-fr { -moz-image-region: rect(50px 56px 75px 28px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-de { -moz-image-region: rect(50px 84px 75px 56px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-es { -moz-image-region: rect(50px 112px 75px 84px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-it { -moz-image-region: rect(50px 140px 75px 112px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-el { -moz-image-region: rect(50px 168px 75px 140px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-ko { -moz-image-region: rect(50px 196px 75px 168px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-ja { -moz-image-region: rect(50px 224px 75px 196px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-zh { -moz-image-region: rect(50px 252px 75px 224px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-zt { -moz-image-region: rect(50px 280px 75px 252px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-nl { -moz-image-region: rect(50px 308px 75px 280px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-ru { -moz-image-region: rect(50px 336px 75px 308px); }
toolbar[iconsize="small"] #translate-pg[disabled="true"].translate-tool-pt { -moz-image-region: rect(50px 364px 75px 336px); }

Alles anzeigen

Gruß
ichbins

ichbins

Moin

https://addons.mozilla.org/extensions/moreinfo.php?id=677
Gruß
ichbins

ichbins

Zitat von Bazon Bloch

Ups!
Ich merkte gerade, wir haben ein kleines inkohärenz-Problem:
Wir brauchen
(dafür fand ich ja den Erweiterungsbutton von ichbins schöner... :D), den gibt's allerdings auch nur in 2 Zuständen...)
Bazon

jetzt auch in 3 Zuständen

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

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

Neues Fenster

[Blockierte Grafik: http://tinypic.com/a2qama.png]
[Blockierte Grafik: http://tinypic.com/a2qat5.png]

Gruß
ichbins

ichbins

Hiho @all

Zitat von Bazon Bloch

Mmh. Hab' ich auch schon gesehen. Ist aber voll unübersichtlich, viel zu lang und man blickt gar nicht durch. Total das Chaos der Thread.* :wink:

jepp, das ist echt wahr[Blockierte Grafik: http://www.schmaili.com/smileys/1451.gif]

ichbins

Moin @alle

Gelösch, weil, war nicht so gut usw.....;-)

Ich hoffe es ist OK so ?

Mail
[Blockierte Grafik: http://tinypic.com/9vcr5g.png]
Für zb. Fortschritt Downloads Info
[Blockierte Grafik: http://tinypic.com/9vcrhe.png]
Erweiterung
[Blockierte Grafik: http://tinypic.com/9vcrkn.png]
Themes
[Blockierte Grafik: http://tinypic.com/9vcsw6.png]
CE
[Blockierte Grafik: http://tinypic.com/9vcrbd.png]

[Blockierte Grafik: http://tinypic.com/9zoh8p.png]
Gruß
ichbins

ichbins

Tach auch @all

Zitat von Alexxander

Ich wusste doch, dass es sich irgendwann auszahlt, diesen faszinierenden Thread (von dem ich nur die Hälfte verstehe) zu verfolgen, obwohl
ich Safire nicht im Einsatz habe: Dank ichbins habe ich jetzt endlich einen ansehnlichen Adblock-Button, der zwar nicht hundertprozentig
zu meinem Theme passt, aber erheblich besser ist als das Original.

Welches Themes benutzt du denn?
Wenn möglich, kann ich dir den passenden dazu bauen!

Zitat von S.i.T.

fleißig fleißig Smile bei CromeEdit bitte einmal radieren (das graue da weg) und dann bitte eine Mac-Schrift benutzen

Hab erst nicht verstanden was du damit sagen wolltest und baute solch ein mit Mac Schrift.
Jetzt weiß ich welches grau zu viel war (ist).
Deiner sieht besser aus!

Zitat von michael815

Super ... hast dir deinen 100. Post richtig verdient. Gratuliere!

"Tja" man tut was man kann.

Zitat von Bazon Bloch

ichbins: *STAUN!!!!* Das werden ja immer mehr! Respekt, Super! Very Happy
Ja, solangsam müßte ich dann wirklich mal ran... Wink

Bin ja kein Profi und mach es auch nicht jeden Tag, daher freu ich mich besonders auf diese Ehrerbietung und auch, das es so gut ankommt.

Zitat von Bazon Bloch

Wenn ich genug Zeit finde (bin zur Zeit schwer im labor beschäftigt.... ...mit einem Laser auf unschuldige Moleküle
schießen und so...), gibt's diese Woche noch ein Update Very Happy (Aber Ihr wißt ja wohl ggf. auch selbst, wie man sowas für den
Eigenbedarf einbaut, die entsprechenden Codes habe ich ja auch schon geposted....)

lass dir ruhig Zeit, kommt nicht auf die Woche an!
Kannst also weitere Moleküle erschiessen

Zitat von Bazon Bloch

Ach ja: Mach lieber pro Button nur ein Entwurf, ich traue Dir schon zu, den geeigneteren auszusuchen - ich bin
jdenfalls mit dem Aussuchen überfordert - oder: Ihr sagt mir, welches der passenste Button ist Very Happy

Danke fürs Vertrauen !
Ja hier sind eben alle gefragt, welcher Button letztendlich in frage kommen soll, zumal es ja auf das Gesamtbild an kommt!
Vielleicht hat der eine oder andere einige Button schon eingebaut und sind kleine Mängel festgestellt worden bezüglich der Größe oder
Farbton, stehen ja noch weitere zur Verfügung.

Zitat von Bazon Bloch

Wobei ich noch unbedingt gewisse andere Buttons erwähnen muss, die mir zugesendet wurden: Z.B. diesen Chrome Edit
Button finde ich auch sehr gelungen:[Blockierte Grafik: http://img303.imageshack.us/img303/5965/cromeedit0zf.png]
man erkennt halt nicht so deutlich, dass das Chrome Edit sein soll....

mhh, meiner einer würde lieber ohne farbige Button leben können.

@S.i.T die sehen nicht schlecht aus, aber wieso sind die in dem zweiten Zustand so bleich?
IMHO (In my humble/honest opinion) sollte nur die in den drei Zuständen der mittlere heller sein.
Oder liege ich hier falsch?

Gruß
ichbins

ichbins

Zitat von Bazon Bloch

Exactly!
OK, genauer formuliert wäre es in 2 Stilen in je 2 Zuständen... :wink: hast recht, das war missverständlich!
Gruß,
Bazon

Na also, meint ich doch

diesen hier. :

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

oder ohne Farbe?
[Blockierte Grafik: http://tinypic.com/9tom7p.png] Lucida Mac
[Blockierte Grafik: http://tinypic.com/9tomjr.png]

[Blockierte Grafik: http://tinypic.com/9sbjtt.png] hell

[Blockierte Grafik: http://tinypic.com/9sfhoh.png] dunkel

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

[Blockierte Grafik: http://tinypic.com/9r4r3m.png] Papier im Einzug weiß!

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

[Blockierte Grafik: http://tinypic.com/9s5dp4.png] farblich angepaßt

[Blockierte Grafik: http://tinypic.com/9r7f5l.png] Ziffernblatt weiß

[Blockierte Grafik: http://tinypic.com/9s4i8i.png] farblich angepaßt

[Blockierte Grafik: http://tinypic.com/9rrewy.png] [Blockierte Grafik: http://tinypic.com/9rrekj.png]

[Blockierte Grafik: http://tinypic.com/9rt0qu.png] [Blockierte Grafik: http://tinypic.com/9rt0dx.png]

Advanced Higlighter Button

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

AdBlock:

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

Neuer Tab

[Blockierte Grafik: http://tinypic.com/9ticn6.png][Blockierte Grafik: http://tinypic.com/9tj1n9.png]

Erweiterung

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

Themes

[Blockierte Grafik: http://tinypic.com/9tmrfs.png][Blockierte Grafik: http://tinypic.com/9tn42v.png] klein

Einfügen
[Blockierte Grafik: http://tinypic.com/9uokty.png]
[Blockierte Grafik: http://tinypic.com/9uol94.png]

Gruß
ichbins

ichbins

Zitat von Bazon Bloch

Exactly!
OK, genauer formuliert wäre es in 2 Stilen in je 2 Zuständen... :wink: hast recht, das war missverständlich!
Gruß,
Bazon

Na also, meint ich doch

diesen hier. :[Blockierte Grafik: http://tinypic.com/9r10tk.png]...bitte schön

ichbins

Zitat von Bazon Bloch

Einbau der Buttons von ichbins (vielleich kommen ja noch ein paar, z.B. das Chrome Edit in 4 Zuständen...Wink ...schlimmstenfalls werde ich mich da ran machen)

was ist in 4 Zuständen?

So wie hier = http://img137.imageshack.us/img137/4858/buttonmapempty1ze.png

ichbins

ichbins

Moin alle,

Zitat von Bazon Bloch

Photoshop?

ja mit Photoshop als auch ImageReady zum Konvertieren für Exotische Grafiken XnView.

Zitat von Bazon Bloch

Wozu ich allerdings noch Tipps gebrauchen könnte, wäre folgendes Problem:
Bei der Gestaltung eines Buttons soll ja meist das Symbol von einem vorhandenem Button übernommen werden, nicht aber dessen Hintergrund. Daraus ergibt sich das Problem: Wie trenne ich sauber Graphik und Hintergrund? Das bereitete mir nämlich noch große Probleme... (bisher machte ich das über Farbbereichsauswahl, klappte aber immer nur eingeschränkt.)

Solche mapps bestehen zum teil aus vielen Ebenen und sind in einer fertigen Graphik wie in. pmg verschmolzen.
Mit einen Werkzeug von Adobe lassen sich die Hintergrunde Tranzparent machen, für dieser Art Bearbeitung benutzt du das Hintergrundradiergummi. [Blockierte Grafik: http://tinypic.com/9qyd0h.jpg]
Die gewünscht fertige transparente Grafik läst sich jetzt kopieren und einfügen.

Zitat von Bazon Bloch

Ganz oben auf der Prioritätsliste stehen dabei die Standardbuttons, die dem Theme (also nicht in der Full-Button Version mit gekl.. geliehener Buttonmap) bisher fehlen:
Kopieren, Ausschneiden, Einfügen (Achtung, 3 Zustände! also diese bzw. diese Buttonmap) Drucken und vielleicht noch ein paar Buttons für die am häufigsten verwendeten Erweiterungen wie AdBlock oder so.

Ich tu mir da ein wenig schwer mit den Buttonsymbolen und die Proportionen zum Gesammtbild, daher mach ich sie in verschieden größen.
Kannst dir ja das Beste aussuchen.
Auch wenn ein Button wie das von AdBlock gewünscht ist, kann ich leider nur vermuten wie es aussehen soll ( benutze ich nicht)
Das Original sieht einfach nur sch...e aus

AdBlock, Ausschneiden (Prototypen) = [Blockierte Grafik: http://tinypic.com/9qy98p.png]Ausschneiden [Blockierte Grafik: http://tinypic.com/9qy9lt.png]AdBlock

Fortschritt aktuellen Download, ist das Mac Downloadsymbol ähnlich nur zusätzlich mit Infozeichen = [Blockierte Grafik: http://tinypic.com/9qy9ux.png] [Blockierte Grafik: http://tinypic.com/9qya2f.png]

Bazon Bloch "Mailbutton" ja die Mailbutton sind fürs Themes gedacht, weil das jetziege ein Updatebutton ist!

Gruß
ichbins

Beiträge von ichbins

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

2 Probleme als Neuling

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

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

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

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

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

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

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

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

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

Makro oder Erw. um "zurück Button auf Mausknopf zu lege

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

suche Theme ähnlich dem Brushed oder Safari

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

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

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

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

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

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