Uatrakcyjnij to nudne: pusta strona w Firefoksie

Strona z pustą kartą w Firefoksie jest zwykłym białym nudnym niczym - do tej pory. Korzystając ze stylowego rozszerzenia dla przeglądarki Firefox, możemy ustawić niestandardowy styl dla strony, a nawet osadzić obrazy w stylu, aby wyglądał naprawdę świetnie.

Jeśli czujesz się ambitny, możesz łatwo stworzyć swój własny styl lub możesz przejść dalej, aby spojrzeć na niektóre style już stworzone przez użytkowników UserStyles, z których niektóre są naprawdę słodkie.

Tworzenie własnego stylu

Zakładam, że masz już zainstalowane Stylowe rozszerzenie dla Firefoksa, kliknij ikonę na pasku stanu, wybierz Zapisz styl, a następnie Pusty styl.

Nadaj swojemu stylowi opis, a następnie wklej tekst podany poniżej. Spowoduje to utworzenie pustej białej strony z obrazem w środku ...

@namespace url (http://www.w3.org/1999/xhtml);
@ -moz-document url ("about: blank")

*
tło:
url ("data: image / png; base64, INSERT BASE64 ENCODED IMAGE HERE");
margin: 0px;
położenie tła: centrum;
tło-załącznik: naprawiony;
background-repeat: no-repeat;

Aby wstawić obrazy do stylu, masz dwie możliwości:

Możesz bezpośrednio wstawić link do obrazu przechowywanego na serwerze, zastępując w tym miejscu linię url () w CSS:
url (http://www.server.com/link_to_image.png);
Zamiast tego możesz kodować obraz na podstawie base64, aby został osadzony w arkuszu stylów, co jest najlepszą opcją dla większości ludzi. Jak Ty to robisz? Jest jakaś liczba konwerterów internetowych, które sobie z tym poradzą, w tym ten, który znalazłem: Plik binarny do Encoder / Translator Base64 - greywyvern.com

Po prostu skopiuj przekonwertowany tekst do swojego arkusza stylów, tam gdzie jest to wskazane, i zadziała. Jeśli obraz nie jest w formacie PNG, powinieneś zmienić linię image / png, aby odzwierciedlała właściwy typ. (większość konwerterów da ci właściwy format).

Pobierz style niestandardowe utworzone przez użytkownika