Zmień sposób wyświetlania stron internetowych przez Firefox

Pierwszą rzeczą, którą musisz zrobić, to zlokalizować lub utworzyć plik usercontent.css w katalogu profilu Mozilla Firefox. Zwykle może znajdować się w% appdata% \ Mozilla \ Firefox \ Profiles \\ chrome w systemie Windows, gdzie xxx to liczba losowa, a rrr nazwa profilu (na przykład domyślna).

Czy wiesz, że można zmienić sposób domyślnego wyświetlania stron internetowych w przeglądarce Firefox? Może to być przydatne, na przykład, jeśli webmaster zdecyduje się użyć kodu CSS, aby usunąć podkreślenie linków, zmienić kolor linków, które otwierają się w nowych oknach lub wyświetlić dodatkowe informacje dla niektórych typów plików do pobrania.

Pierwszą rzeczą, którą musisz zrobić, to zlokalizować lub utworzyć plik usercontent.css w katalogu profilu Mozilla Firefox. Zwykle może znajdować się w% appdata% \ Mozilla \ Firefox \ Profiles \ chrome w systemie Windows, gdzie xxx jest liczbą losową, a yyy nazwą profilu (na przykład domyślną). Można go znaleźć pod ~ / .mozilla / firefox // chrome w Linux.

Aktualizacja: Najłatwiejszym sposobem otwarcia folderu jest wpisanie about: support w pasku adresu przeglądarki i wciśnięcie enter. Tutaj znajduje się przycisk folderu profilu w sekcji Podstawy aplikacji u góry, którego można użyć do otwarcia folderu profilu w systemie lokalnym.

Utwórz plik userContent.css, jeśli nie istnieje on już w folderze chrome i otwórz go w ulubionym edytorze tekstu. Jeśli plik istnieje, po prostu dołącz interesujący go kod na końcu.

1. Zawsze podkreślaj linki, nawet odwiedzane i te, które nie mają podkreślenia, ponieważ webmaster użył CSS do usunięcia podkreślenia.

: link,: odwiedzono {dekoracja-tekstu: podkreśl! ważne};

2. Usuń markizę i mrugnij

marquee {display: none! ważne; }
blink {dekoracja tekstu: brak! ważne; }

3. Wyświetl typ pliku po linku. Ten przykład dotyczy pdf, możesz go zmienić, aby pasował do innych typów plików, takich jak .doc, .avi lub .zip

a [href $ = ". pdf"]: po {
rozmiar czcionki: mniejszy;
treść: „[pdf]”;}

4. Zmień kursor dla linków, które otwierają się w nowym oknie

: link [target = "_ blank"]: po,: odwiedzony [target = "_ pusty"]: po,: link [target = "_ nowy"]: po,: odwiedzony [target = "_ nowy"]: po {
rozmiar czcionki: mniejszy;
content: „[new]”;}

5. Wyświetl, czy link ma atrybut nofollow (idealne dla webmasterów)

a [rel ~ = "nofollow"] {
border: 1px dashed # f00! ważne;
tło: # f66! ważne;
}

6. Zwiększ minimalną wysokość i szerokość formularzy pola tekstowego

textarea {
min-szerokość: 50ex! ważne;
min-wysokość: 12em! ważne;
}

7. Dodaj pole słowa kluczowego podczas dodawania zakładek.

#keywordRow {display: -moz-grid-line! ważne; }

8. Podświetl linki JavaScript

: link: hover [onClick],
: link: hover [onfocus],
: link: hover [onmousedown],
: link: hover [onmouseup],
: odwiedzono: hover [onClick],
: odwiedzono: hover [onfocus],
: odwiedzono: hover [onmousedown],
: odwiedzono: hover [onmouseup] {
kolor tła: # 7fffd4! ważny;
kolor: # b22222! ważny;
}

Link do głównej publikacji