Co je list stylu uživatele?

The best protection against click fraud.

V minulosti byl internet plný špatného webového designu, nečitelných písem, barev, které se střetávaly, a nic přizpůsobeného velikosti obrazovky. V té době umožňovaly webové prohlížeče uživatelům psát šablony stylů CSS, které prohlížeč použil k přepsání možností stylingu provedených návrháři stránek. Tato uživatelská šablona stylů nastavila písmo na konzistentní velikost a nastavila stránky tak, aby zobrazovaly zadané barevné pozadí. Bylo to všechno o konzistenci a použitelnosti.

Uživatelský styl listu Popularita Plummets

Nyní však šablony uživatelských stylů nejsou běžné. Google Chrome je nepovoluje a Firefox je postupně vyřazuje. V případě prohlížeče Chrome budete potřebovat rozšíření pro vytváření šablon uživatelských stylů. Firefox vyžaduje, abyste tuto možnost povolili prostřednictvím stránky pro vývojáře. Šablony uživatelských stylů zmizely, protože webový design je lepší.

Pokud stále chcete experimentovat s uživatelskými styly, můžete, ale nedoporučuje se to. Je pravděpodobnější, že stránky, které navštívíte, rozbijete nebo uděláte opravdu ošklivými.

instagram viewer

Povolte ve Firefoxu šablony uživatelských stylů

Chcete-li začít s uživatelskými šablonami stylů ve Firefoxu, povolte je. Trvá to jen několik sekund, ale tato možnost je uložena na konfigurační stránce Firefoxu.

  1. Otevřete Firefox a zadejte about: config do adresního řádku.

  2. Firefox vás přesměruje na stránku s varováním, že když se dostanete dále, můžete prohlížeč pokazit. lis Přijměte riziko a pokračujte pokračovat dál.

    Firefox o: konfigurační stránka
  3. Další stránka, kterou uvidíte, je pouze vyhledávací lišta. Typ toolkit.legacyUserProfileCustomizations.stylesheets do vyhledávání.

    Firefox o: hledání konfigurace
  4. Výsledek by měl být pouze jeden. Poklepáním nastavíte hodnotu na skutečný.

    Firefox povoluje šablony uživatelských stylů
  5. Zavřete Firefox.

Vytvořte šablonu uživatelských stylů prohlížeče Firefox

Nyní, když Firefox přijme vaši šablonu stylů, můžete si ji vytvořit. Soubor se neliší od žádného jiného CSS. Nachází se ve složce v adresáři uživatelského profilu vašeho prohlížeče.

  1. Vyhledejte adresář uživatelského profilu Firefoxu. Ve Windows jej najdete na C: \ Users \ uživatelské jméno \ AppData \ Roaming \ Mozilla \ Firefox \ Profiles \.

    Na počítačích Mac se nachází v Knihovna / Podpora aplikací / Firefox / Profily.

    Na Linuxu je to v /home/username/.mozilla/firefox.

  2. Uvnitř této složky je alespoň jedna složka s názvem, který je řetězcem náhodných znaků následovaných příponou .default nebo .default-release. Pokud jste nevytvořili další, je to složka profilu, kterou potřebujete.

  3. Vytvořte novou složku uvnitř profilové složky a pojmenujte ji chrom.

  4. V chrom adresář, vytvořte soubor s názvem userContent.cssa otevřete jej v textovém editoru podle vašeho výběru.

  5. Do tohoto souboru můžete vložit cokoli, pokud je to platný CSS. Pro ilustraci, aby všechny weby vypadaly směšně. Nastavte barvu pozadí na jasně růžovou:

    tělo, hlavní {
    barva pozadí: # FF00FF! důležité;
    }

    The !Důležité na konci je důležité. Používání! Important v CSS je obvykle špatný nápad. Prolomí přirozený tok stylů a může z ladění udělat noční můru. V tomto případě je však nutné přepsat existující CSS webu. Budete ji potřebovat pro každé pravidlo, které vytvoříte.

  6. Změňte velikosti písma.

    p {
    velikost písma: 1,25rem! důležité;
    }
    h1 {
    velikost písma: 1rem! důležité;
    }
    h2 {
    velikost písma: 1,75rem! důležité;
    }
    h3 {
    velikost písma: 1,5rem! důležité;
    }
    p, a, h1, h2, h3, h4 {
    font-family: 'Comic Sans MS', sans-serif! important;
    }

  7. Uložte a ukončete soubor.

  8. Otevřete Firefox a přejděte na stránku, kterou chcete vyzkoušet. Pokud nastavíte pravidla použitá v tomto příkladu, měl by web vypadat špatně.

    Načíst styl uživatele Firefoxu

Používejte rozšíření Chrome s Google Chrome

Google Chrome nepodporuje šablony uživatelských stylů a nikdy nemá. Chrome na to není určen. Hodně z toho spadá do toho, že Chrome má modernější původ. Druhým dílem je rozdíl ve filozofii. Firefox byl vždy vytvořen s ohledem na uživatelské ovládání, zatímco Chrome byl spíše komerční produkt vlastněný a kontrolovaný společností Google. Opravdu se nestarají o to, jakou kontrolu nad prohlížečem máte.

Existují však rozšíření pro Chrome, která vám umožňují implementovat šablony uživatelských stylů a přizpůsobit si tak procházení webu. Tato příručka používá rozšíření Stylový k povolení uživatelských stylů v prohlížeči Chrome.

  1. Otevřete Chrome.

  2. Vybrat tři skládané tečky ikona nabídky v levém horním rohu obrazovky. Navigovat do Více nástrojů > Rozšíření.

    Nabídka Google Chrome
  3. Na kartě Rozšíření pro Chrome vyberte ikonu tři-skládaný-line ikona nabídky v levém horním rohu obrazovky. Vysune se nové menu. Vybrat Otevřete Internetový obchod Chrome na dně.

    Stránka rozšíření Google Chrome
  4. V Internetovém obchodě Chrome vyhledejte pomocí vyhledávání Stylový.

    Webový obchod Google Chrome
  5. Stylový by měl být prvním rozšířením výsledků. Vyberte to.

    Výsledky vyhledávání v internetovém obchodě Google Chrome
  6. Na stránce Stylish vyberte Přidat do Chromu.

    Stylová stránka rozšíření Google Chrome
  7. Zobrazí se vyskakovací okno s žádostí o potvrzení přidání Stylish. Vybrat Přidat příponu.

    Google Chrome potvrzuje přidání rozšíření
  8. Chrome zobrazuje stránku, která vás informuje, že je nainstalována aplikace Stylish. Odtud můžete přejít na libovolnou stránku nebo zavřít kartu.

    Nainstalován Google Chrome Stylish
  9. Vybrat kousek skládačky ikona rozšíření v pravém horním rohu okna Chrome. Vybrat Stylový z nabídky.

    Nabídka rozšíření Google Chrome
  10. Otevře se nové stylové menu. Vybrat tři skládané tečky ikona nabídky v pravém horním rohu.

    Stylová nabídka Google Chrome
  11. Z výsledné nabídky vyberte Vytvořit nový styl.

    Stylové možnosti Google Chrome
  12. Chrome otevírá novou kartu pro váš styl. K pojmenování použijte pole v levém horním rohu.

  13. Vytvořte nové pravidlo pro svůj styl v hlavní části karty pomocí CSS. Určitě použijte !Důležité po každém pravidle zajistíte, aby pravidla přepsala stávající styl webu.

    tělo, hlavní {
    barva pozadí: # FF00FF! důležité;
    }

  14. Vybrat Uložit vlevo pro uložení nového stylu. Měli byste vidět, že je použit okamžitě.

    Google Chrome Stylish vytvoří nový styl
  15. Přejděte na web a otestujte svou novou šablonu stylů. Stylový umožňuje ovládat šablony stylů a selektivně je aplikovat na vámi vybrané stránky. Prozkoumejte ovládací prvky rozšíření a získejte představu o tom, jak můžete doladit přístup k šablonám uživatelských stylů.

    Použit Google stylový styl
instagram story viewer