Zmiana ikon

[roderoza85]

Witam,

1. Chcę pozmieniać kilka ikon w FF58. Dla przykładu, ikonki na pasku.
W których plikach są pochowane te ikonki, albo jak je zmienić?

Na forum znalazłem zmianę przez userChrome.css, ale w nich tylko widziałem zmiany w zakładkach.

2. Jak usunąć?:
"Wyświetl panel zakładek"
"Pozostałe zakładki"
...

Pozdrawiam.

[krystian3w]

Trzeba debugować interfejs przeglądarki:

Jak znaleźć identyfikatory i atrybuty elementów interfejsu Firefox?
Aktywując raz:

• Narzędzia > Dla twórców witryn > Przełącznik Narzędzia (F12) > Ustawienia Narzędzi (⚙ / ⚙️) > Narzędzia debugowania chrome przeglądarki i dodatków
• Narzędzia > Dla twórców witryn > Przełącznik Narzędzia (F12) > Ustawienia Narzędzi (⚙ / ⚙️) > Debugowanie zdalne

By otwierać okno narzędzi naciśnij Ctrl+Alt+Shift+I lub otwórz kolejno ‘Narzędzia > Dla twórców witryn > Narzędzia przeglądarki’.
Używaj przycisku ‘Zbadaj element interfejsu lub sieci web’ (kwadrat z strzałką) dla szybszego odnajdywania elementów.

Opcja zostawania na wierzchu wyskakujących okienek (np. menu kontekstowe):
Kliknij w ‘wyłącz automatyczne ukrywanie wyskakujących okienek’ (przycisk z 4 kwadratów) w oknie Narzędzi dla programistów.

I potem znaleźć wygodną opcje podmiany ikony po przez kod CSS.

[roderoza85]

Jeszcze tego nie zrobiłem bo mam pytanie:
Debugowanie zdalne - jak mam rozumieć to?

Jak w taki sposób zmienić ikonki?

[krystian3w]

jak mam rozumieć to?

proces dzięki któremu zobaczysz jak jest zbudowany ten element w przeglądarce . Po namierzeniu zmian możesz wyłączyć obie funkcje.

Jak w taki sposób zmienić ikonki?

CSS-em np.:

Kod: Zaznacz cały

#home-button {list-style-image: url("link_do_nowej_grafiki.svg") }

samodzielnie musisz, dojść do ID elementów jakim zmieniasz grafikę lub znaleźć np. w CustomCSSforFx (taki projekt przywracający wygląd Firefox 4-28 i ma możliwość aktywacji z 5 różnych styli przycisków i z 2 możliwe opcje podświetlania ich) .

Jak usunąć?: "Wyświetl panel zakładek"

CSS-em np.:

Kod: Zaznacz cały

#panelMenu_viewBookmarksSidebar {display: none !important;}

jak w innym miejscu jest, to musisz znaleźć jego właściwe ID podobnie z opcją "Pozostałe zakładki" (tej nie mam, więc pewnie w złym miejscu szukałem) i innymi "..." .