Neu laden/Stopp-Button vertauschen

NoNameNeeded

Normalerweise sind der Neu laden und der Stopp-Button ja ein Button, der zeitweise zum Neu laden oder Stopp-Button wird.

Darum geht es aber NICHT; denn die habe ich schon voneinander getrennt.

Ich habe also nun voneinander getrennte Buttons, das ist gut. Was nicht so gut ist, ist dass es mir persönlich lieber wäre, wenn der Neu laden Button rechts neben dem Stopp-Button wäre, nicht links davon.

Ich würde die beiden Buttons also gerne vertauschen, was ja so nicht möglich ist weil sie immer noch als ein Button interpretiert werden.

Wie kriege ich das also hin, die Position der beiden Buttons zu vertauschen?

Sören Hentzschel

Hallo,

ohne deinen Code zu kennen, wird das niemand beantworten können. Denn wie du ja selbst geschrieben hast: Normalerweise ist das ein Button.

Boersenfeger

// Mir fällt auf, das du zur Zeit häufig Anfragen stellst, dabei aber häufig die notwendigen Daten, etwa genutzte Codes etc., aber nicht mitlieferst. Es wäre sicher einfacher, wenn du da etwas genauer arbeiten würdest und diese gleich im ersten Post zur Verfügung stellen würdest.

NoNameNeeded

Zitat von Boersenfeger

// Mir fällt auf, das du zur Zeit häufig Anfragen stellst, dabei aber häufig die notwendigen Daten, etwa genutzte Codes etc., aber nicht mitlieferst. Es wäre sicher einfacher, wenn du da etwas genauer arbeiten würdest und diese gleich im ersten Post zur Verfügung stellen würdest

Die häufigen Anfragen kommen daher, weil ich jetzt auf die aktuelle Firefox-Version umgestiegen bin (vorher Waterfox, also im Grunde eine sehr "alte" Version von Firefox, auch wenn es nicht WIRKLICH Firefox ist).

Code habe ich bei allen bisherigen Anfragen bei denen ich einen solchen hatte immer mitgeliefert.

Bei dieser Anfrage jetzt aber nicht, weil ich dachte, es wäre ein bekannter Code der dafür sorgt, die beiden Buttons zu trennen.

Aber jetzt nachdem danach gefragt wird, will ich den natürlich gerne bereitstellen, kann ihn aber beim besten Willen nicht finden.

Ich könnte stattdessen alle css Dateien hier hochladen (oder deren Code) aber ich glaube das wäre ein bisschen zu unübersichtlich.

Möglicherweise ist der Code aber hier dabei:

CSS

/* Unset default button borders and backgrounds */



#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar toolbarbutton[type="menu-button"] .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar toolbarbutton[type="menu"][open]:not([disabled]) .toolbarbutton-icon,
#nav-bar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext:not([customizing]) #nav-bar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar toolbarbutton[type="menu-button"] .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon ,
#main-window:not([customizing]) #toolbar-menubar .toolbarbutton-1[disabled=true]:-moz-any([open],[checked],:hover:active,:active),
#toolbar-menubar toolbarbutton[type="menu-button"],
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#toolbar-menubar .toolbarbutton-1[open] > .toolbarbutton-menubutton-button,
#toolbar-menubar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#toolbar-menubar .toolbarbutton-1:not([checked]):not([open]):not(:active),
#toolbar-menubar .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#toolbar-menubar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#toolbar-menubar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button ,
#toolbar-menubar .toolbarbutton-1:not([disabled=true]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#toolbar-menubar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover,
#toolbar-menubar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#toolbar-menubar toolbarbutton[type="menu"][open]:not([disabled]),
#toolbar-menubar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active ,
#toolbar-menubar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active,:active,[open]),
#toolbar-menubar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#toolbar-menubar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active,:active),
#TabsToolbar .toolbarbutton-1 .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 .toolbarbutton-1 {
  background: unset !important;
  background-color: unset !important;
  border-color: unset !important;
  box-shadow: unset !important;
  transition: unset !important;

}

toolbar:not(#TabsToolbar) .toolbarbutton-1 .toolbarbutton-badge-stack,
toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1,
toolbar:not(#TabsToolbar) .toolbarbutton-1,
toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton,
toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1 :-moz-any(.toolbarbutton-icon, .toolbarbutton-text),
toolbar:not(#TabsToolbar) .toolbarbutton-1 :-moz-any(.toolbarbutton-icon, .toolbarbutton-text),
toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton :-moz-any(.toolbarbutton-icon, .toolbarbutton-text){
  background: unset !important;
  box-shadow: unset !important;
}
/* Buttons to put text next to icons */
#main-window[uidensity="compact"] #back-button > .toolbarbutton-text,
#main-window[uidensity="compact"] #find-button > .toolbarbutton-text,
#main-window[uidensity="compact"] #library-button > .toolbarbutton-text,
#main-window[uidensity="compact"] #history-panelmenu > .toolbarbutton-text {
  display: -moz-box !important;
  margin-left: -5px !important;
  margin-top: 0px !important;
}


/* Fix text alignment in find button */
#main-window[uidensity="compact"] #find-button > .toolbarbutton-text {
 margin-top: 2px !important;
}

/*Bookmark buttons */
#PersonalToolbar toolbarbutton {
  margin-top: 5px !important;
  margin-bottom: -1px !important;
  padding: 6px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  border-radius: 0 !important;
  border: 1px solid transparent !important;
  margin: 0px !important;
  min-height: 22px !important; 
  max-height: 22px !important;
  border: 1px solid transparent !important;
background-color: transparent !important;
}

#main-window #PersonalToolbar toolbarbutton:hover {
  border-radius: 0 !important;
  border-image: url("image/toolbar_button.png") !important;
  border-image-slice: 1 1 1 1 !important; }
}

#PersonalToolbar toolbarbutton:active {
  border-radius: 0 !important;
  border-image: url("image/toolbar_handle.png") !important;
  border-image-slice: 1 1 1 1 !important; 
}

#PersonalToolbar toolbarbutton > .toolbarbutton-icon {
  margin-right:2px !important;
  border: none !important;
}

#PersonalToolbar toolbarbutton > .toolbarbutton-text {
  margin:0px !important;
}

/* General toolbar button borders */
.toolbarbutton-animatable-box {
  display: none !important;
}

#nav-bar .toolbarbutton-1 {
  min-height: 20px !important;
  margin-bottom: 1px !important;
margin-top: 2px !important;
  padding-left: 2px !important;
  border: 1px solid transparent !important;
  margin-right: 2px !important;
  padding: -5px !important; } 

#nav-bar .toolbarbutton-1:not([disabled="true"]):hover {
  border-image: url("image/toolbar_button.png") !important;
  border-image-slice: 1 1 1 1 !important;
}

#nav-bar .toolbarbutton-1:not([disabled="true"]):active {
  border-image: url("image/toolbar_button_pressed.png") !important;
  border-image-slice: 1 1 1 1 !important;
}

#main-window:not([uidensity="compact"]) #nav-bar .toolbarbutton-1 > .toolbarbutton-text {
  display: -moz-box !important;
  margin-top: -5px !important;
  /*font-size: 7pt !important;*/ }

#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-stack {
  border: none !important;
  border-radius: 5px !important;
  margin: -5px !important; }

toolbar toolbaritem .toolbarbutton-1[disabled] .toolbarbutton-text,
toolbar .toolbarbutton-1[disabled]:not([type="menu-button"]) .toolbarbutton-text,
toolbar .toolbarbutton-1[type="menu-button"] toolbarbutton[disabled] .toolbarbutton-text {
  opacity: 0.6 !important;
}

/* Move text next to icons in compact mode, under icons in normal mode. */
#main-window[uidensity="compact"] toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1:not([type="menu-button"]),
#main-window[uidensity="compact"] toolbar:not(#TabsToolbar) .toolbarbutton-1:not([type="menu-button"]),
#main-window[uidensity="compact"] toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton{
  -moz-box-orient: horizontal !important;
}

#main-window:not([uidensity="compact"]) toolbar:not(#TabsToolbar) toolbaritem .toolbarbutton-1:not([type="menu-button"]),
#main-window:not([uidensity="compact"]) toolbar:not(#TabsToolbar) .toolbarbutton-1:not([type="menu-button"]),
#main-window:not([uidensity="compact"]) toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] toolbarbutton{
  -moz-box-orient: vertical !important;
}

/* Set icon padding for all buttons */
:-moz-any(#back-button,#forward-button,#home-button,#stop-button,#reload-button,#history-panelmenu,#bookmarks-menu-button,
        #privatebrowsing-button,#find-button,#print-button,#fullscreen-button,#developer-button,
    #preferences-button,#cut-button,#copy-button,#paste-button,#zoom-out-button,#zoom-in-button,
    #tabview-button,#email-link-button,#sidebar-button,#web-apps-button,#webide-button,#developer-button,#containers-panelmenu,
    #library-button,#bookmarks-toolbar-placeholder,#nav-bar-overflow-button,#alltabs-button ) .toolbarbutton-icon {
  padding: 7px !important;

}

/* Disable transparency fodisabled buttons */
.toolbarbutton-1[disabled] {
  opacity: 1 !important;
}





toolbar:not(#TabsToolbar) #stop-button .toolbarbutton-animatable-image,
toolbar:not(#TabsToolbar) #reload-button .toolbarbutton-animatable-image {
  visibility: collapse !important;
}

toolbar:not(#TabsToolbar) #stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
toolbar:not(#TabsToolbar) #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon {
  fill: unset !important;
}

#main-window[uidensity="compact"] #back-button .toolbarbutton-icon {
  padding: 5px !important; }
#back-button .toolbarbutton-icon {
  list-style-image: url("image/Back.png") !important;
}

#back-button[disabled] .toolbarbutton-icon {
  list-style-image: url("image/Back_disabled.png") !important;
}

#back-button:not([disabled]):hover .toolbarbutton-icon {
  list-style-image: url("image/Back_hover.png") !important;
}

#forward-button .toolbarbutton-icon {
  list-style-image: url("image/Forward.png") !important;
}

#forward-button[disabled] .toolbarbutton-icon {
  list-style-image: url("image/Forward_disabled.png") !important;
}

#forward-button:not([disabled]):hover .toolbarbutton-icon {
  list-style-image: url("image/Forward_hover.png") !important;
}

#stop-button .toolbarbutton-icon {
  list-style-image: url("image/Stop.png") !important;
}

#stop-button[disabled] .toolbarbutton-icon {
  list-style-image: url("image/Stop_disabled.png") !important;
}

#stop-button:not([disabled]):hover .toolbarbutton-icon {
  list-style-image: url("image/Stop_hover.png") !important;
}

#reload-button .toolbarbutton-icon {
  list-style-image: url("image/Refresh.png") !important;
}

#reload-button[disabled] .toolbarbutton-icon {
  list-style-image: url("image/Refresh.png") !important;
}

#reload-button:not([disabled]):hover .toolbarbutton-icon {
  list-style-image: url("image/Refresh_hover.png") !important;
}

#home-button .toolbarbutton-icon {
  list-style-image: url("image/Home.png") !important;
}

#home-button:not([disabled]):hover .toolbarbutton-icon {
  list-style-image: url("image/Home_hover.png") !important;
}

#find-button .toolbarbutton-icon {
  list-style-image: url("image/Find.png") !important;
}

#find-button:not([disabled]):hover .toolbarbutton-icon {
  list-style-image: url("image/Find_hover.png") !important;
}

#print-button .toolbarbutton-icon,
#print-button .toolbarbutton-icon[disabled] {
  list-style-image: url("image/Print.png") !important;
}

#print-button:not([disabled]):hover .toolbarbutton-icon {
  list-style-image: url("image/Print_hover.png") !important;
}

#history-panelmenu .toolbarbutton-icon {
  
  list-style-image: url("image/History.png") !important;
}

#history-panelmenu:hover .toolbarbutton-icon {
  
  list-style-image: url("image/History_hover.png") !important;
}

#PanelUI-button {
  margin: 0px !important;
  border: none !important;
}

#PanelUI-menu-button .toolbarbutton-1 {
  background: unset !important;
  border: none !important
}

#PanelUI-menu-button .toolbarbutton-icon {
  margin-top: -2px !important;
  min-height: 20px !important;
  min-width: 20px !important;
  list-style-image: url("image/menu.png") !important;
}

#PanelUI-menu-button:hover .toolbarbutton-icon {
  list-style-image: url("image/menu_hover.png") !important;
}

#tabs-newtab-button .toolbarbutton-icon {
  margin-top: 1px !important;
  background: unset !important;
  border: 1px solid transparent !important;
  padding: 4px !important;
  list-style-image: url("image/newtab.png") !important;
}

#tabs-newtab-button:hover .toolbarbutton-icon {
  border-image: url("image/toolbar_button.png") !important;
  border-image-slice: 1 1 1 1 !important;
  list-style-image: url("image/newtab_hover.png") !important;
}

#tabs-newtab-button:active .toolbarbutton-icon {
  background: unset !important;
  border-image: url("image/toolbar_button_pressed.png") !important;
  border-image-slice: 1 1 1 1 !important;
}

.tab-close-button {
  list-style-image: url("image/close.png") !important;
  background: unset !important;
  border: 1px solid transparent !important;
  margin-top: -1px !important;
  margin-right: -7px !important;
  padding: 5px !important;
  max-height: 20px !important;
  max-width: 20px !important;
}

.tab-close-button:hover {/*
  border-image: url("image/toolbar_button.png") !important;
  border-image-slice: 1 1 1 1 !important;*/
  list-style-image: url("image/close_hover.png") !important;
}

#nav-bar #star-button {
  padding: 5px !important;
  list-style-image: url("image/star.png") !important;
}

#nav-bar #star-button:hover {
  padding: 4px !important;
  list-style-image: url("image/star_hover.png") !important;
}

#nav-bar #star-button[starred="true"] {
  list-style-image: url("image/star_saved.png") !important;
}

.toolbarbutton-icon[label="Adblock Plus"] {
  padding: 0px !important;
  margin: 0px !important;
  max-height: 16px !important;
  /*list-style-image: url("image/adblock.png") !important;*/
}

#bookmarks-menu-button .toolbarbutton-icon {
  margin-top: -2px !important;
  background: unset !important;;
  padding: 7px !important;
  list-style-image: url("image/Favorites.png") !important;
}

#bookmarks-menu-button:hover .toolbarbutton-icon {
  list-style-image: url("image/Favorites_hover.png") !important;
}

#cut-button .toolbarbutton-icon {
  list-style-image: url("image/Cut.png") !important;
}

#cut-button:hover .toolbarbutton-icon {
  list-style-image: url("image/Cut_hover.png") !important;
}

#copy-button .toolbarbutton-icon {
  list-style-image: url("image/Copy.png") !important;
}

#copy-button:hover .toolbarbutton-icon {
  list-style-image: url("image/Copy_hover.png") !important;
}

#paste-button .toolbarbutton-icon {
  list-style-image: url("image/Paste.png") !important;
}

#paste-button:hover .toolbarbutton-icon {
  list-style-image: url("image/Paste_hover.png") !important;
}

#pocket-button {
  margin-top: -2px !important;
  padding: 2px !important;
  list-style-image: url("image/Drive.png") !important;
}

#pocket-button:hover {
  list-style-image: url("image/Drive_hover.png") !important;
}

#reader-mode-button {
  padding: 4px !important;
  list-style-image: url("image/read.png") !important;
}

#reader-mode-button:hover {
  list-style-image: url("image/read_hover.png") !important;
}

/*
#fxa-toolbar-menu-button .toolbarbutton-icon {
  padding: 0px !important;
  list-style-image: url("image/user.png") !important;
}

#fxa-toolbar-menu-button:hover .toolbarbutton-icon {
  list-style-image: url("image/user_hover.png") !important;
}
*/

/* Certificate icons */

/*
.verifiedDomain {
  margin-top: 4px !important;
  margin-bottom: 3px !important;
  margin-right: 3px !important;
  border-right: 1px solid #7bb788 !important;
  border-left: 1px solid #7bb788 !important;
  background-image: linear-gradient(#a3e6b1, #7bb788, #a3e6b1, transparent) !important;
}

.notSecure {
  margin-top: 4px !important;
  margin-bottom: 3px !important;
  margin-right: 3px !important;
  background-image: linear-gradient(#ee0000, #ff0000, #bb0000, transparent) !important;
}
*/

#tracking-protection-icon-container:not([hidden]) ~ #identity-box:-moz-any(.verifiedDomain,.verifiedIdentity) #identity-icon,
:-moz-any(.verifiedDomain,.verifiedIdentity) #connection-icon {
  list-style-image: url("image/padlock_modern.png") !important;
}
#tracking-protection-icon-container:not([hidden]) ~ #identity-box:-moz-any(.insecureLoginForms,.mixedActiveContent,.notSecure) #identity-icon,
:-moz-any(.insecureLoginForms,.mixedActiveContent,.notSecure) #connection-icon {
  list-style-image: url("image/padlock_modern_mal.png") !important;
}

#tracking-protection-icon-container:not([hidden]) ~ #identity-box:-moz-any(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked,.certUserOverridden) #identity-icon,
:-moz-any(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked,.certUserOverridden) #connection-icon {
  list-style-image: url("image/padlock_modern_mpl.png") !important;
  -moz-image-region: rect(0, 16px, 16px, 0) !important;
}

#tracking-protection-icon-container:not([hidden]) ~ #identity-box.mixedActiveBlocked #identity-icon,
.mixedActiveBlocked #connection-icon {
  list-style-image: url("image/padlock_modern_mab.png") !important;
}

Alles anzeigen

.DeJaVu

Zitat von NoNameNeeded

Ich könnte stattdessen alle css Dateien hier hochladen

Mach es einfach, ich hatte dich ja auch schon gefragt, da kam nur nichts!

Zitat von NoNameNeeded

weil ich jetzt auf die aktuelle Firefox-Version umgestiegen bin (vorher Waterfox

Super, Ingo, nicht Diesel. Also war der komplette Zirkus von dir vorher für Waterfox und nicht Firefox?

NoNameNeeded

Willst du nicht irgendwann aufhören mich anzustänkern?

Langsam nervt's echt....

Alle css-Dateien hatte ich übrigens längst in dem anderen Thread hochgeladen.

Schon vor geraumer Zeit.

Wahrscheinlich lange bevor du mich gefragt hast.

milupo

Zitat von NoNameNeeded

Alle css-Dateien hatte ich übrigens längst in dem anderen Thread hochgeladen.
Schon vor geraumer Zeit.

Und du meinst, dass merkt sich einer, wo und wann das war? Und es war sogar vor geraumer Zeit. Wenn es in einem anderen Thread ist, verlinke bitte darauf. Du bist hier im Forum nicht der Einzige, der Hilfe braucht.

Mira_Belle

Mh, da nutzt jemand CSS-Code und hat nicht die aller leiseste Ahnung davon, was (d)er macht. Tztztz.

Ich muss zu geben, ich tu mir auch hier und da schwer mit CSS, aber ich kommentiere und hoffe, dass ich später noch weiß,

was ich da zusammen gefrickelt hab.

Wo bei ich die Aussage: "... Darum geht es aber NICHT; denn die habe ich schon voneinander getrennt." nicht wirklich verstehe!

Wie hast Du es denn gemacht?

Und: "... Aber jetzt nachdem danach gefragt wird, will ich den natürlich gerne bereitstellen, kann ihn aber beim besten Willen nicht finden." Da frage ich mich, ob Du Dich auf Deinem System überhaupt auskennst.

Mir kommt es echt fast so vor, als wolltest Du die hier sehr netten und hilfsbereiten User ein wenig auf den Arm nehmen.

Fragst nach Code für Firefox, um diesen anzupassen, nutzt aber einen ganz anderen Browser!

Da denke ich, dass sich der eine oder andere ganz schön verschaukelt vorkommen muss.

Des Weiteren, so denke ich, wäre es auch nicht schlecht all Deine "Grafiken" mit hoch zuladen. Z.B. als RAR oder als ZIP.

Denn will man die Passage ab Zeile 202 ausprobieren, fehlen diese. (Grafiken)

OK, die Profis brauchen diese vielleicht nicht, aber ....

Es wäre so viel einfacher.

Gruß

Mira

NoNameNeeded

Zitat von milupo

Zitat von NoNameNeeded

Alle css-Dateien hatte ich übrigens längst in dem anderen Thread hochgeladen.
Schon vor geraumer Zeit.

Und du meinst, dass merkt sich einer, wo und wann das war? Und es war sogar vor geraumer Zeit. Wenn es in einem anderen Thread ist, verlinke bitte darauf. Du bist hier im Forum nicht der Einzige, der Hilfe braucht.

Ich habe in diesem Thread bereits den Code hochgeladen, bei dem ich davon ausgehe, dass da wohl auch der Code drin sein müsste, der die Reload-Button und Stop-Button trennt.

Zumindest hoffe ich das.

Deja-vus Beitrag bezog sich wohl zwangsläufig auf den anderen Thread, denn hier hat er mich sicher nicht nach einem Code gefragt.

In dem anderen Thread hatte ich aber wie gesagt schon längst alle Codes hochgeladen.

Mira_Belle

Zitat von NoNameNeeded

Ich habe in diesem Thread bereits den Code hochgeladen, bei dem ich davon ausgehe, dass da wohl auch der Code drin sein müsste, der die Reload-Button und Stop-Button trennt.
Zumindest hoffe ich das.
Deja-vus Beitrag bezog sich wohl zwangsläufig auf den anderen Thread, denn hier hat er mich sicher nicht nach einem Code gefragt.
In dem anderen Thread hatte ich aber wie gesagt schon längst alle Codes hochgeladen.

Verstehst Du die Dir gegebenen Antworten überhaupt? Denn es hat den Anschein, dass dem nicht so ist.

milupos Beitrag bezog sich direkt auf Boersenfegers Antwort UND auf .DeJaVus!

Zitat: "Mach es einfach, ich hatte dich ja auch schon gefragt, ... "!

Gruß

Mira

NoNameNeeded

Zitat von Mira_Belle

Mh, da nutzt jemand CSS-Code und hat nicht die aller leiseste Ahnung davon, was (d)er macht. Tztztz.
Ich muss zu geben, ich tu mir auch hier und da schwer mit CSS, aber ich kommentiere und hoffe, dass ich später noch weiß,
was ich da zusammen gefrickelt hab.
Wo bei ich die Aussage: "... Darum geht es aber NICHT; denn die habe ich schon voneinander getrennt." nicht wirklich verstehe!
Wie hast Du es denn gemacht?
Und: "... Aber jetzt nachdem danach gefragt wird, will ich den natürlich gerne bereitstellen, kann ihn aber beim besten Willen nicht finden." Da frage ich mich, ob Du Dich auf Deinem System überhaupt auskennst.
Mir kommt es echt fast so vor, als wolltest Du die hier sehr netten und hilfsbereiten User ein wenig auf den Arm nehmen.
Fragst nach Code für Firefox, um diesen anzupassen, nutzt aber einen ganz anderen Browser!
Da denke ich, dass sich der eine oder andere ganz schön verschaukelt vorkommen muss.
Des Weiteren, so denke ich, wäre es auch nicht schlecht all Deine "Grafiken" mit hoch zuladen. Z.B. als RAR oder als ZIP.
Denn will man die Passage ab Zeile 202 ausprobieren, fehlen diese. (Grafiken)
OK, die Profis brauchen diese vielleicht nicht, aber ....
Es wäre so viel einfacher.
Gruß
Mira

Alles anzeigen

Ok, du möchtest also auch unbedingt die herablassende Schiene fahren.

Bin ich nicht davon begeistert, aber soll mir trotzdem recht sein.

Es gibt tatsächlich Menschen, die haben von css-Code nicht so besonders viel Ahnung (du selbst ja laut deiner Aussage auch nicht) und erstaunlicherweise trotzdem css-Code verwenden können.

Sie nutzen dafür das Internet und suchen nach entsprechenden Codes die sie dann verwenden können ohne diese Codes selbst (im Detail oder überhaupt) zu verstehen.

Deswegen ist es ja auch etwas schwer für mich den richtigen Code zu finden, weil ich eben nicht genau verstehe was der Code macht, ich aber ein ganzes Theme nur aus css-Codes bestehend verwende.

Zitat

Mir kommt es echt fast so vor, als wolltest Du die hier sehr netten und hilfsbereiten User ein wenig auf den Arm nehmen.

Ich will hier überhaupt niemanden auf den Arm nehmen, sondern bin leicht genervt.

Und zwar von den sehr sehr wenigen eben nicht so netten und hilsbereiten Usern wie z.B. deja-vu der bislang nicht viel anderes gemacht hat als auf äußerst herablassende Weise auf mögliche Fehlerquellen hinzuweisen, die längst ausgeschlossen waren. Wenn man das auf eine solche Weise tut, dann sollte man wirklich tunlichst genau prüfen ob diese Fehlerquellen nicht schon ausgeschlossen wurden, sonst steht man schön blöd da.

Von den Beleidigungen und unsinnigen Unterstellungen will ich jetzt gar nicht anfangen.

Und solche eben nicht so netten und hilfsbereiten User finde ich dann tatsächlich schon recht nervig, das gebe ich gerne zu.

Bei den meisten anderen habe ich mich immer wieder aufs Neue für ihre Ratschläge bedankt.

Natürlich nutze ich Firefox und all die Threads der letzten Tage beziehen sich natürlich auf Firefox.

Waterfox (Classic) habe ich vorher benutzt.

Was du mit welchen Grafiken meinst, ist mir nicht klar.

Sören Hentzschel

Zitat von Mira_Belle

Verstehst Du die Dir gegebenen Antworten überhaupt? Denn es hat den Anschein, dass dem nicht so ist.

Wer im Glashaus sitzt… Der Themenersteller schrieb, das bereits getan zu haben, respektive zu hoffen, dass dies denn auch der entsprechende Code ist. Bitte schau in Beitrag #4.

Leider muss ich die Hoffnung zerschlagen. Zumindest bei mir unter macOS trennt der angegebene Code nicht die Buttons.

NoNameNeeded

Zitat von Mira_Belle

Zitat von NoNameNeeded

Ich habe in diesem Thread bereits den Code hochgeladen, bei dem ich davon ausgehe, dass da wohl auch der Code drin sein müsste, der die Reload-Button und Stop-Button trennt.
Zumindest hoffe ich das.
Deja-vus Beitrag bezog sich wohl zwangsläufig auf den anderen Thread, denn hier hat er mich sicher nicht nach einem Code gefragt.
In dem anderen Thread hatte ich aber wie gesagt schon längst alle Codes hochgeladen.

Verstehst Du die Dir gegebenen Antworten überhaupt? Denn es hat den Anschein, dass dem nicht so ist.
milupos Beitrag bezog sich direkt auf Boersenfegers Antwort UND auf .DeJaVus!
Zitat: "Mach es einfach, ich hatte dich ja auch schon gefragt, ... "!
Gruß
Mira

Alles anzeigen

Ich fürchte fast, dass du hier etwas nicht verstehst.

Oder warum glaubst du, dass ich das falsch verstanden haben könnte?

Dejavus "Beschwerde" bezog sich auf einen anderen Thread.

Dort habe ich aber alle Codes hochgeladen.

Zitat von Sören Hentzschel

Zitat von Mira_Belle

Verstehst Du die Dir gegebenen Antworten überhaupt? Denn es hat den Anschein, dass dem nicht so ist.

Wer im Glashaus sitzt… Der Themenersteller schrieb, das bereits getan zu haben, respektive zu hoffen, dass dies denn auch der entsprechende Code ist. Bitte schau in Beitrag #4.
Leider muss ich die Hoffnung zerschlagen. Zumindest bei mir unter macOS trennt der angegebene Code nicht die Buttons.

Ok, ich werde noch herausfinden welcher Code es ist und ihn dann nachreichen.

Kann aber wohl etwas dauern.

Mira_Belle

Ich fahre gar keine Schiene!

Und schon gar nicht eine Herablassende! Das will ich erst ein Mal klarstellen.

So. Dass Du so überhaupt keine Ahnung von dem hast, was Du da so tust, ist, war für mich und vielleicht auch für andere

soooo nicht ersichtlich!

Deshalb hielt ich Dir einen "Spiegel" vor und versuchte Dir zu zeigen, wie Du so rüberkommen könntest.

Und nun alles auf Anfang!

Es wird ein Javascript sein, welches die/den Button "teilt".

Stell doch einfach mal alle Dateien die Du zum Anpassen des FF benutzt hier ein.

Das sollten CSS-Dateien und JS direkt im Ordner chrome im aktuellen Profil sein.

Ich meine, es wäre auch hilfreich, wenn Du gleich auch die Grafiken, bzw, den Ordner image, der auch dort sein sollte,

gepackt gleich mit hoch lädst.

Ich hoffe, dass man Dir dann besser helfen kann.

Gruß

Mira

NoNameNeeded

Bei manchen css-Dateien und deren Codes kann ich mir zum Teil schon einen Reim darauf machen, was damit gemeint sein könnte, z.B. wenn es um die Positionierung oder die Größe oder Farbe von Elementen geht.

Das ist dann nicht so schwer zu erkennen.

Abgesehen davon habe ich aber keine Ahnung davon.

Aber gut, alles auf Anfang:
Ich habe den Code mittlerweile gefunden (er war tatsächlich Teil des Codes den ich etwas weiter oben bereits hochgeladen hatte)

(der Code zum trennen der Buttons beschränkt sich lediglich auf die ersten 4 Zeilen, der Rest weist nur den Buttons bestimmte Icons zu)

Wenn's hilft, lade ich auch gerne die Icons hoch.

Image.zip

CSS

toolbar:not(#TabsToolbar) #stop-reload-button[animate] > #reload-button > .toolbarbutton-icon,
toolbar:not(#TabsToolbar) #stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-icon {
  fill: unset !important;
}



#stop-button .toolbarbutton-icon {
  list-style-image: url("image/Stop.png") !important;
}

#stop-button[disabled] .toolbarbutton-icon {
  list-style-image: url("image/Stop_disabled.png") !important;
}

#stop-button:not([disabled]):hover .toolbarbutton-icon {
  list-style-image: url("image/Stop_hover.png") !important;
}

#reload-button .toolbarbutton-icon {
  list-style-image: url("image/Refresh.png") !important;
}

#reload-button[disabled] .toolbarbutton-icon {
  list-style-image: url("image/Refresh.png") !important;
}

#reload-button:not([disabled]):hover .toolbarbutton-icon {
  list-style-image: url("image/Refresh_hover.png") !important;
}

Alles anzeigen

Mira_Belle

Nein, ist nicht so!

Die ersten vier Zeilen weisen nur an, dass die originalen Symbole anders dargestellt werden.

Ob jetzt klitzte, klitzeklein oder "unsichtbar" erschließt sich mir jetzt auch nicht.

unset - CSS | MDN

Das unset CSS Schlüsselwort ist eine Kombination der Schlüsselwörter initial und inherit. Wie diese beiden anderen CSS-weiten Schlüsselwörter kann es auf alle…

developer.mozilla.org

Aber wie Du schon erkannt hast, werden den Symbolen im Rest des Codes neue "Grafiken" zugewiesen.

Es müssen in dem Profilordner unter chrome noch JavaScript-Dateien sein.

Diese haben die Endung .js

Lade die, bzw. deren Inhalt auch mal hoch, denn das Teilen der Buttons kann nur von einem JavaScript erfolgen.

Siehe dazu mal die Beiträge, wo z.B. neue Buttons eingefügt wurden.

Gruß

Mira

NoNameNeeded

Ich habe den Browser jetzt mehrfach auch im Fehlerbehebungsmodus gestartet (um auch sicherzugehen, dass da nix "zwischengespeichertes" dazwischenfunkt) und nur diese Zeilen haben den Effekt, dass die Buttons getrennt werden (die Userscripts habe ich in diesem Testprofil direkt gelöscht vorher).

Gerne kann ich aber auch die Userscripts hochladen obwohl die meines Wissens nichts mit den Buttons zu tun haben:

Code

/*Zusätzliche Leiste unter der Navbar*/

(function() {

if (location != 'chrome://browser/content/browser.xhtml')
   return;

let tb = document.createXULElement('toolbar');
tb.id = 'uc-toolbar';
tb.setAttribute('customizable', true);
tb.setAttribute('mode', 'icons');
tb.setAttribute('context', 'toolbar-context-menu');

let parentE = document.getElementById('PersonalToolbar').parentNode;
let childE = document.getElementById('PersonalToolbar');
let vbox = document.createXULElement('vbox');
vbox.id = 'uc-tb-vbox';
vbox.appendChild(tb);
parentE.insertBefore( vbox , childE );
//vbox.style.backgroundColor = '#f7f7f7'; //als Wert geht: red, green, yellow oder black, aber auch zbs. #f7f7f7 usw.

CustomizableUI.registerArea( 'uc-toolbar' , { legacy: true } );
CustomizableUI.registerToolbarNode(tb);
gBrowser.selectedBrowser.removeAttribute('blank');    
})();

Alles anzeigen

Code

/*Urlbar verschieben*/

(function() {

if (location != 'chrome://browser/content/browser.xhtml')

return;

try {

CustomizableUI.createWidget({

id: 'ucjs_urlbar-item',

type: 'custom',

defaultArea: CustomizableUI.AREA_NAVBAR,

onBuild: function(aDocument) {

var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');

toolbaritem.id = 'ucjs_urlbar-item';

toolbaritem.className = 'chromeclass-toolbar-additional';

toolbaritem.setAttribute('label', 'Adressleiste');

toolbaritem.setAttribute('flex', '1');

return toolbaritem;

}

});

} catch(e) { };

document.getElementById('ucjs_urlbar-item').appendChild(document.getElementById('urlbar-container'));

})();

Alles anzeigen

Code

// userChrome.js
userChrome.ignoreCache = true;
userChrome.import("*", "UChrm");

Mira_Belle

Zitat von NoNameNeeded

Ich habe den Browser jetzt mehrfach auch im Fehlerbehebungsmodus gestartet (um auch sicherzugehen, dass da nix "zwischengespeichertes" dazwischenfunkt) und nur diese Zeilen haben den Effekt, dass die Buttons getrennt werden (die Userscripts habe ich in diesem Testprofil direkt gelöscht vorher).

So weit ich das erkennen kann, das hat aber nix zu heißen, hat keiner diese Codes, was mit den getrennten Buttons zu tun.

Der erste Schnipsel zaubert Dir eine weitere Leiste in den Browser.

Der zweite Schnipsel ist fürs Verschieben der Adressleiste und

mit dem dritten Schnipsel kann ich nicht wirklich was anfangen.

Aber keiner dieser Codes hat m.M. was mit dem Teilen der Buttons was zu tun.

Gruß

Mira

PS: Stell doch einfach mal ALLEN Code hier ein! Das würde es soviel einfacher machen!

Ständig zensierst Du und stellst dann manchmal einfach falsches ein oder nur Teile.

So macht es einfach keinen Spaß, und glaube mir, ich würde gerne helfen.

Den kompletten CSS-Code, den Du nutzt, userChrome.css, userChromeShadow.css falls vorhanden und auch die userContent.css, auch wenn die eigentlich nichts mit den Anpassungen des FF zu tun hat.

UND bitte alles was in Dateien steht der Endung .js, also die userChrome.js und userChromeShadow.uc.js

Und wenn es noch weitere JS-Dateien gibt, deren Code auch.

Das wird doch sonst nicht.

Und lass nichts aus und zensiere nichts!!!

Eventuell liegt gerade da der Fehler.

Gruß

Mira

grisu2099

Zitat von Mira_Belle

also die userChrome.js

Die hat er doch gerade eben oben gepostet...

NoNameNeeded

Gut, hier also noch die userchrome.css:

CSS

@import "icons.css";
@import "tabs.css";
@import "statusbar.css";
@import "toolbars.css";
@import "urlbar.css"; 




#main-window {
   background-color: #C0C0C0 !important;
   color: #000 !important;


}
#reload-button {
  display: -moz-box !important;
}
#stop-button {
  display: -moz-box !important;
}

*{ scrollbar-color: auto !important; scrollbar-width: auto !important; }

/* Multi-Row Bookmarks Toolbar */
##nav-bar {
  /* Override max-height */
  min-height: unset !important;
  max-height: unset !important;
}

##nav-bar {
  /* Override hiding */
  overflow-x: visible !important;
  overflow-y: visible !important;
  display: inline-block !important;
  padding-bottom: 1px;
}

##nav-bar {
  /* Reduce padding to fit rows closer together */
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

#PanelUI-menu-button {
  display: none !important;
}

#nav-bar-overflow-button {
  
visibility: collapse !important;
}

Alles anzeigen

Vielleicht ist es ja auch da drin.

Ansonsten ist in meinem Testprofil nichts mehr.