Mi a felhasználói stíluslap?

Korábban az internetet rossz webdesign, olvashatatlan betűtípusok, összecsapó színek töltötték meg, és semmi sem igazodott a képernyő méretéhez. Abban az időben a webböngészők lehetővé tették a felhasználók számára, hogy CSS stíluslapokat írjanak, amelyekkel a böngésző felülbírálta az oldaltervezők stílusválasztását. Ez a felhasználói stíluslap a betűtípust állandó méretre állítja, az oldalakat pedig meghatározott színű háttér megjelenítéséhez. A következetességről és a használhatóságról volt szó.

Felhasználói stíluslap Népszerűség zuhan

Most azonban a felhasználói stíluslapok nem általánosak. A Google Chrome nem engedélyezi őket, és a Firefox fokozatosan megszünteti őket. A Chrome esetében bővítményre van szükség a felhasználói stíluslapok létrehozásához. A Firefox megköveteli, hogy egy fejlesztői oldalon engedélyezze az opciót. A felhasználói stíluslapok eltűntek, mert a webdesign jobb.

Ha továbbra is kísérletezni szeretne a felhasználói stíluslapokkal, megteheti, de nem ajánlott. Nagyobb valószínűséggel feltörik a felkeresett oldalakat, vagy nagyon csúnyává teszik őket.

Engedélyezze a felhasználói stíluslapokat a Firefoxban

A Firefox felhasználói stíluslapjainak használatához engedélyezze őket. Ez csak néhány másodpercet vesz igénybe, de az opció a Firefox konfigurációs oldalán található.

1. Nyissa meg a Firefoxot, és gépelje be about: config a címsorba.

2. A Firefox egy olyan oldalra irányít, amely figyelmeztet, hogy a továbblépés lehetővé teszi a böngésző elrontását. nyomja meg Fogadja el a kockázatot és folytassa hogy folytassam.

   

3. A következő oldal csak egy keresősáv. típus toolkit.legacyUserProfileCustomizations.stylesheets a keresésbe.

   

4. Csak egy eredmény lehet. Kattintson duplán az érték beállításához igaz.

   

5. Zárja be a Firefoxot.

Hozza létre a Firefox felhasználói stíluslapot

Most, hogy a Firefox elfogadja a stíluslapot, létrehozhat egyet. A fájl nem különbözik bármely más CSS-től. A böngésző felhasználói profil könyvtárában található mappában található.

1. Keresse meg a Firefox felhasználói profil könyvtárát. Windows rendszeren a következő címen található: C: \ Felhasználók \ felhasználónév \ AppData \ Roaming \ Mozilla \ Firefox \ Profiles \.

   Mac-en található Könyvtár / Alkalmazástámogatás / Firefox / Profilok.

   Linuxon be van kapcsolva /home/username/.mozilla/firefox.

2. Ebben a mappában van legalább egy mappa, amelynek neve véletlenszerű karakterekből áll, amelyet egy .default vagy .default-release kiterjesztés követ. Ha nem hozott létre másikat, akkor erre a profilmappára van szüksége.

3. Hozzon létre egy új mappát a profilban, és nevezze el króm.

4. Ban,-ben króm könyvtárat, készítsen egy nevű fájlt userContent.css, és nyissa meg az Ön által kiválasztott szövegszerkesztőben.

5. Bármit betehet ebbe a fájlba, amennyiben az érvényes CSS. Egy pont szemléltetése érdekében tegye az összes webhelyet nevetségessé. Állítsa a háttér színét élénk rózsaszínre:

   törzs, fő {
   háttérszín: # FF00FF! fontos;
   }

   A !fontos végén fontos. Általában a! Fontos használata a CSS-ben rossz ötlet. Megtöri a stíluslap természetes áramlását, és rémálommá teheti a hibakeresést. Ebben az esetben azonban szükség van a webhely meglévő CSS-jének felülbírálására. Minden létrehozott szabályra szüksége lesz rá.

6. Módosítsa a betűméretet.

   p {
   betűméret: 1,25rem! fontos;
   }
   h1 {
   betűméret: 1rem! fontos;
   }
   h2 {
   betűméret: 1,75rem! fontos;
   }
   h3 {
   betűméret: 1.5rem! fontos;
   }
   p, a, h1, h2, h3, h4 {
   font-family: 'Comic Sans MS', sans-serif! fontos;
   }

7. Mentse és lépjen ki a fájlból.

8. Nyissa meg a Firefox böngészőt, és navigáljon egy oldalra, hogy kipróbálja. Ha beállítja az ebben a példában használt szabályokat, akkor a webhelynek rosszul kell kinéznie.

   

A Chrome-bővítmények használata a Google Chrome-mal

A Google Chrome nem támogatja a felhasználói stíluslapokat, és soha nem is. A Chrome nem erre készült. Sok minden a modernebb eredetű Chrome-ból származik. A másik darab a filozófia különbsége. A Firefox mindig a felhasználói vezérlést szem előtt tartva épült, míg a Chrome inkább a Google tulajdonában lévő és ellenőrzött kereskedelmi termék volt. Tényleg nem érdekli őket, hogy mennyire irányíthatod a böngészőt.

Vannak azonban olyan Chrome-bővítmények, amelyek lehetővé teszik felhasználói stíluslapok bevezetését a böngészési élmény testreszabásához. Ez az útmutató a kiterjesztést használja Elegáns hogy engedélyezze a felhasználói stíluslapokat a Chrome-ban.

1. Nyissa meg a Chrome-ot.

2. Válaszd ki a három halmozott-pont menü ikonra a képernyő bal felső sarkában. Navigáljon ide További eszközök > Hosszabbítások.

   

3. A Chrome kiterjesztés lapon válassza a ikont három halmozott sor menü ikonra a képernyő bal felső sarkában. Új menü csúszik ki. Választ Nyissa meg a Chrome Internetes áruházat a fenekén.

   

4. A Chrome Internetes áruházban használja a keresést a keresésre Elegáns.

   

5. A stílusos legyen az első kiterjesztés az eredmények között. Válassza ki.

   

6. A Stílusos oldalon válassza a lehetőséget Hozzáadás a Chrome-hoz.

   

7. Megjelenik egy előugró ablak, amely a Stylish hozzáadásának megerősítését kéri. Válassza a lehetőséget Bővítmény hozzáadása.

   

8. A Chrome egy olyan oldalt jelenít meg, amely tudatja Önnel, hogy a Stylish telepítve van. Innen bármelyik oldalra léphet, vagy bezárhatja a lapot.

   

9. Válaszd ki a kirakós darab bővítmények ikonra a Chrome ablak jobb felső sarkában. Választ Elegáns a menüből.

   

10. Új Stílusos menü nyílik meg. Válaszd ki a három halmozott-pont menü ikon a jobb felső sarokban.

    

11. A megjelenő menüből válassza a lehetőséget Új stílus létrehozása.

    

12. A Chrome új fület nyit meg a stílusához. A bal felső sarokban található mező használatával adjon nevet neki.

13. Hozzon létre egy új szabályt a stílusához a fül fő törzsében a CSS használatával. Feltétlenül használja !fontos minden szabály után annak biztosítására, hogy a szabályok felülírják a webhely meglévő stílusát.

    törzs, fő {
    háttérszín: # FF00FF! fontos;
    }

14. Válassza a lehetőséget Mentés a bal oldalon az új stílus mentéséhez. Azonnal látnia kell, hogy alkalmazzák.

    

15. Böngésszen egy webhelyre az új stíluslap teszteléséhez. A Stylish segítségével vezérelheti a stíluslapokat, és szelektíven alkalmazhatja őket az Ön által kiválasztott webhelyekre. Fedezze fel a kiterjesztés kezelőszerveit, hogy átérezhesse, hogyan alkalmazhatja a felhasználói stíluslapok finomhangolását.