Firefox 4 - Tipps für ein paar GUI-Anpassungen

Robert 63 schrieb:
Wo bleibt der Vollbildmodus? iCab, Opera 12 und Chrome Canary haben ihn schon.
Zum Vergrößern anklicken....
Ist die Nummer drei in der Liste bzw. dem Link den ich gepostet habe - oder eben https://bugzilla.mozilla.org/show_bug.cgi?id=639705
Wie es aussieht haben sie bereits erste halbwegs funktionierende Patches bzw. wird wohl nicht mehr lange dauern.
Nebenbei, hoffentlich wird das nicht genauso wie in Safari umgesetzt .. in Firefox funktioniert der Vollbildmodus doch bereits erheblich sinnvoller ;-)
 
in Firefox funktioniert der Vollbildmodus doch bereits erheblich sinnvoller ;-)
Zum Vergrößern anklicken....
:no:

Besser gelöst finde ich ihn in meinen drei Browsern auch. Allerdings haben die nicht die tolle Umblätterfunktion. Mal schauen ob der Fuchs die mitbringt.
 
Aronnax schrieb:
Zumindest ist es ja dort nur unvollständig bzw. noch sehr buggy umgesetzt ;-)
Zum Vergrößern anklicken....
Also bei der Chrome dev kann man selber entscheiden ob man die Vollbildansicht ohne oder mit Adress-, Tab- und Lesezeichenleiste haben möchte. Dafür gibt es oben rechts einen kleinen Button. :cool:
 
Aronnax schrieb:
Nur mal so nebenbei erwähnt,
in den Firefox Nightly Builds http://nightly.mozilla.org/
sind seit heute nun diverse optische Lion bzw. Mac OS X 10.7 Anpassungen drin.
Zum Vergrößern anklicken....

Passend dazu noch mal ein paar zusätzliche Code Zeilen. Die Icon-Symbole werden damit grauer bzw. Lion angepasster und ebenso die Schrift der Lesezeichenleiste. Außerdem beinhaltet es diverse Änderungen bei der inaktiven Fensteransicht und der Seitenleistenfarbe.

Code: 
/* Lion design changes  */
toolbarbutton.bookmark-item:not(:-moz-lwtheme) {
  color: #424242 !important;
  text-shadow: 0 1px rgba(255, 255, 255, .53) !important;
}

toolbarbutton.bookmark-item:hover:not(:-moz-lwtheme),
toolbarbutton.bookmark-item[open="true"]:not(:-moz-lwtheme),
toolbarbutton.bookmark-item:hover:not(:-moz-lwtheme):-moz-window-inactive,
toolbarbutton.bookmark-item[open="true"]:not(:-moz-lwtheme):-moz-window-inactive {
  color: #FFF !important;
  text-shadow: 0 1px rgba(0, 0, 0, .4) !important;
}

.tabbrowser-tab:not(:-moz-lwtheme) {
  color: #424242 !important;
  text-shadow: 0 1px rgba(255, 255, 255, .53) !important;
}


toolbarbutton.bookmark-item:not(:-moz-lwtheme):-moz-window-inactive {
  color: #868686 !important;
}

.tabbrowser-tab:not(:-moz-lwtheme):-moz-window-inactive {
  color: #868686 !important;
}

.bookmark-item > .toolbarbutton-menu-dropmarker:not(:-moz-lwtheme):-moz-window-inactive,
toolbarbutton.chevron:not(:-moz-lwtheme):-moz-window-inactive {
  opacity: .5 !important;
}

.toolbarbutton-1 > .toolbarbutton-icon,
.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#restore-button > .toolbarbutton-icon,
#placesToolbar > toolbarbutton {
  opacity: .85 !important;
}

.toolbarbutton-1 > .toolbarbutton-icon:-moz-window-inactive,
.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon:-moz-window-inactive,
#restore-button > .toolbarbutton-icon:-moz-window-inactive,
#placesToolbar > toolbarbutton:-moz-window-inactive {
  opacity: .6 !important;
}

.toolbarbutton-1[disabled="true"] > .toolbarbutton-icon,
.toolbarbutton-1[type="menu-button"] > .toolbarbutton-menubutton-button[disabled="true"] > .toolbarbutton-icon,
#restore-button[disabled="true"] > .toolbarbutton-icon,
#placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon {
  opacity: .4 !important;
}
.toolbarbutton-1[disabled="true"] > .toolbarbutton-icon:-moz-window-inactive,
.toolbarbutton-1[type="menu-button"] > .toolbarbutton-menubutton-button[disabled="true"] > .toolbarbutton-icon:-moz-window-inactive,
#restore-button[disabled="true"] > .toolbarbutton-icon:-moz-window-inactive,
#placesToolbar > toolbarbutton[disabled="true"] > .toolbarbutton-icon:-moz-window-inactive {
  opacity: .3 !important;
}

.tabs-newtab-button:-moz-window-inactive,
#go-button:-moz-window-inactive,
.searchbar-textbox > .autocomplete-textbox-container:-moz-window-inactive  {
  opacity: .6 !important;
}

#sidebar,
sidebarheader,
#placesList {
  background-color: #e3e7ee  !important;
  width: 160px;
}

#sidebar:-moz-window-inactive,
sidebarheader:-moz-window-inactive,
#placesList:-moz-window-inactive {
  background-color: #f2f2f2 !important;
}
 
Zuletzt bearbeitet:
Bist echt n guter :)
Dank dir, auch wenn ich kein Lion habe :cake:
 
Sollte wirklich jemand diese erwähnten Lion-Anpassungen benutzen ;-)
Es gibt jetzt auch Bug 679708 - Further Lion-ize Toolbar Icons in den Nighlies, welcher einige der Code Zeilen überflüssig, oder gar unkorrekt macht. Der nun passende Code - bitte updaten:
Code: 
/* Lion design changes  */
toolbarbutton.bookmark-item:not(:-moz-lwtheme) {
  color: #424242 !important;
  text-shadow: 0 1px rgba(255, 255, 255, .53) !important;
}

toolbarbutton.bookmark-item:hover:not(:-moz-lwtheme),
toolbarbutton.bookmark-item[open="true"]:not(:-moz-lwtheme),
toolbarbutton.bookmark-item:hover:not(:-moz-lwtheme):-moz-window-inactive,
toolbarbutton.bookmark-item[open="true"]:not(:-moz-lwtheme):-moz-window-inactive {
  color: #FFF !important;
  text-shadow: 0 1px rgba(0, 0, 0, .4) !important;
}

.tabbrowser-tab:not(:-moz-lwtheme) {
  color: #424242 !important;
  text-shadow: 0 1px rgba(255, 255, 255, .53) !important;
}


toolbarbutton.bookmark-item:not(:-moz-lwtheme):-moz-window-inactive {
  color: #868686 !important;
}

.tabbrowser-tab:not(:-moz-lwtheme):-moz-window-inactive {
  color: #868686 !important;
}

.bookmark-item > .toolbarbutton-menu-dropmarker:not(:-moz-lwtheme):-moz-window-inactive,
toolbarbutton.chevron:not(:-moz-lwtheme):-moz-window-inactive {
  opacity: .5 !important;
}


#go-button:-moz-window-inactive,
.searchbar-textbox > .autocomplete-textbox-container:-moz-window-inactive  {
  opacity: .6 !important;
}

#sidebar,
sidebarheader,
#placesList {
  background-color: #e3e7ee  !important;
  width: 160px;
}

#sidebar:-moz-window-inactive,
sidebarheader:-moz-window-inactive,
#placesList:-moz-window-inactive {
  background-color: #f2f2f2 !important;
}
 
Kann ich eigentlich gar nicht zwischen zwei Styles auswählen? Finde keinen Aktivieren Button oder dergleichen...
 
@Aronnax

Sorry, dass ich den alten Fred hier nochmal ausgraben muß...

Aaaber.. Jetzt kommt ja bald Firefox 29, mit der neuen Oberfläche..

Wie schaffe ich es denn, das ganze wieder aussehen zu lassen, wie unter Firefox 28? Ich benutzer immer noch das css...

Danke Dir...

Firefox 28
attachment.php


Firefox 29
attachment.php



EDIT: Da fällt mir auf: ich hab immer noch die gleichen Bookmarks wie vor 2 Jahren :)
 

Anhänge

  • Bildschirmfoto 2014-03-21 um 22.02.59.jpg
    Bildschirmfoto 2014-03-21 um 22.02.59.jpg
    23,8 KB · Aufrufe: 163
  • Bildschirmfoto 2014-03-21 um 22.07.02.jpg
    Bildschirmfoto 2014-03-21 um 22.07.02.jpg
    21,5 KB · Aufrufe: 172
bosk schrieb:
@Aronnax
Sorry, dass ich den alten Fred hier nochmal ausgraben muß...
Aaaber.. Jetzt kommt ja bald Firefox 29, mit der neuen Oberfläche..
Wie schaffe ich es denn, das ganze wieder aussehen zu lassen, wie unter Firefox 28? Ich benutzer immer noch das css...
Danke Dir...
Zum Vergrößern anklicken....
Gute Frage, die mich auch interessiert, da ich auch noch das css verwende und mich äußerst ungern davon verabschieden möchte!
 
Hi,

jetzt hab ich mich doch mal hinreissen lassen, und hab den Firefox 32 installiert.
Mit dem Addon "Classic Theme Restorer" und der css hab ichs zumindest so hinbekommen:

Firefox32.jpg

So gefällts mir sogar einigermaßen... Aber ich spiele noch rum :)

Viele Grüße

Code: 
/* Tab Close-Button links + Tab Favicons ausgebendet  */
/.tab-close-button { -moz-box-ordinal-group: 1 !important;}
.tab-text { -moz-box-ordinal-group: 2 !important;}
.tab-throbber { -moz-box-ordinal-group: 3 !important;}
.tab-icon-image { -moz-box-ordinal-group: 4; visibility: hidden !important;}

/* Favicons in der Lesezeichenleiste ausblenden*/
.bookmark-item > .toolbarbutton-icon {
display: none !important;
}

/* Die Lesezeichenleiste etwas schmaler */
#PersonalToolbar {
padding-top: 1px !important;
padding-bottom: 2px !important;
}

/* Lesezeichen Menüs in der Breite begrenzt und kleinere Schrift */
#personal-bookmarks menu,
#personal-bookmarks menuitem {
max-width: 460px !important;
font-size: 10pt !important;
}

/* Adressleiste - den Verlauf Button entfernt - Textfarbe im Adressleisten Menü geändert und weiteres ...*/
#urlbar .autocomplete-history-dropmarker {
display: none !important;
}
.autocomplete-richlistitem:not(:first-child) {
border-top: 1px solid #e6e6e6 !important;
}
.ac-url-text {
color: #959595 !important;
}
.ac-url-text[selected="true"] {
color: white !important;
}

/* Suchleiste - die Suchmaschinen Favicons entfernt + den Go Button entfernt */
.searchbar-engine-image {
visibility: hidden !important;
width: 9px !important;
}
.searchbar-textbox > .autocomplete-textbox-container {
background-image: url("chrome://browser/skin/Search.png") !important;
background-repeat: no-repeat !important;
background-position: 4px 4px !important;
}
.search-go-button {
display: none !important;
}
 
  • Gefällt mir
Reaktionen: Rednose
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten