Kas ir lietotāja stila lapa?

click fraud protection

Agrāk internets bija piepildīts ar sliktu tīmekļa dizainu, nelasāmiem fontiem, pretrunīgām krāsām un neko tādu, kas būtu piemērots ekrāna izmēram. Tajā laikā tīmekļa pārlūkprogrammas ļāva lietotājiem rakstīt CSS stila lapas, kuras pārlūks izmantoja, lai ignorētu lapu dizaineru veikto stila izvēli. Šajā lietotāja stila lapā fonts tiek iestatīts nemainīgā lielumā un lapas tiek iestatītas, lai parādītu noteiktas krāsas fonu. Tas viss bija par konsekvenci un lietojamību.

Lietotāja stila lapas popularitāte samazinās

Tagad lietotāju stila lapas nav izplatītas. Pārlūks Google Chrome tos neatļauj, un Firefox tos pakāpeniski pārtrauc. Chrome gadījumā jums būs nepieciešams paplašinājums, lai izveidotu lietotāja stila lapas. Firefox prasa iespējot opciju, izmantojot izstrādātāja lapu. Lietotāju stila lapas pazuda, jo tīmekļa dizains ir labāks.

Ja jūs joprojām vēlaties eksperimentēt ar lietotāja stila lapām, varat, taču tas nav ieteicams. Jūs, visticamāk, salauzt apmeklētās lapas vai padarīt tās patiešām neglītas.

instagram viewer

Iespējot Firefox lietotāja stila lapas

Lai sāktu darbu ar Firefox lietotāju stila lapām, iespējojiet tās. Tas aizņem tikai dažas sekundes, bet opcija tiek aprakta Firefox konfigurācijas lapā.

  1. Atveriet Firefox un ierakstiet about: config adreses joslā.

  2. Firefox novirza jūs uz lapu, kas brīdina, ka, dodoties tālāk, jūs varēsit sajaukt pārlūkprogrammu. Nospiediet Pieņemiet risku un turpiniet lai turpina iet.

    Firefox about: konfigurācijas lapa
  3. Nākamā redzamā lapa ir tikai meklēšanas josla. Tips toolkit.legacyUserProfileCustomizations.stylesheets meklēšanā.

    Firefox about: konfigurācijas meklēšana
  4. Jābūt tikai vienam rezultātam. Veiciet dubultklikšķi uz tā, lai iestatītu vērtību taisnība.

    Firefox iespējo lietotāja stila lapas
  5. Aizveriet Firefox.

Izveidojiet Firefox lietotāja stila lapu

Tagad, kad Firefox pieņems jūsu stila lapu, varat to izveidot. Fails neatšķiras no jebkura cita CSS. Tas atrodas mapē jūsu pārlūkprogrammas lietotāja profila direktorijā.

  1. Atrodiet Firefox lietotāja profila direktoriju. Operētājsistēmā Windows to varat atrast vietnē C: \ Users \ lietotājvārds \ AppData \ Roaming \ Mozilla \ Firefox \ Profiles \.

    Mac datorā tas atrodas Bibliotēka / Lietojumprogrammu atbalsts / Firefox / Profili.

    Operētājsistēmā Linux tas ir /home/username/.mozilla/firefox.

  2. Šīs mapes iekšpusē ir vismaz viena mape ar nosaukumu, kas ir izlases rakstzīmju virkne, kurai seko paplašinājums .default vai .default-release. Ja vien neesat izveidojis citu, jums ir nepieciešama profila mape.

  3. Profila iekšpusē izveidojiet jaunu mapi un nosauciet to hroms.

  4. Iekš hroms direktoriju, izveidojiet failu ar nosaukumu userContent.cssun atveriet to izvēlētajā teksta redaktorā.

  5. Šajā failā varat ievietot jebko, ja vien tas ir derīgs CSS. Lai ilustrētu kādu aspektu, padariet visas vietnes smieklīgas. Iestatiet fona krāsu spilgti rozā krāsā:

    ķermenis, galvenais {
    fona krāsa: # FF00FF! svarīgi;
    }

    The !svarīgs beigās ir svarīgs. Parasti CSS izmantošana! Ir slikta ideja. Tas pārtrauc stila lapas dabisko plūsmu un var atkļūdošanu padarīt par murgu. Tomēr šajā gadījumā tas ir nepieciešams, lai ignorētu vietnes esošo CSS. Jums tas būs nepieciešams katram izveidotam kārtulam.

  6. Mainiet fontu lielumus.

    p {
    font-size: 1.25rem! svarīgi;
    }
    h1 {
    fonta lielums: 1rem! svarīgi;
    }
    h2 {
    fonta lielums: 1,75rem! svarīgi;
    }
    h3 {
    font-size: 1.5rem! svarīgi;
    }
    p, a, h1, h2, h3, h4 {
    font-family: “Comic Sans MS”, sans-serif! svarīgi;
    }

  7. Saglabājiet un izejiet no faila.

  8. Atveriet Firefox un dodieties uz lapu, lai to izmēģinātu. Ja iestatāt šajā piemērā izmantotos noteikumus, vietnei vajadzētu izskatīties slikti.

    Firefox lietotāja stila lapa ir ielādēta

Izmantojiet Chrome paplašinājumus ar Google Chrome

Google Chrome neatbalsta lietotāju stila lapas un nekad nav atbalstījis. Chrome nav tam paredzēts. Daudz kas nāk no tā, ka Chrome ir modernāka izcelsme. Otrs gabals ir filozofijas atšķirība. Firefox vienmēr ir veidots, domājot par lietotāju kontroli, savukārt Chrome ir bijis vairāk komerciāls produkts, kas pieder Google un ko kontrolē Google. Viņiem tiešām ir vienalga, cik daudz jūs kontrolējat pārlūku.

Tomēr ir Chrome paplašinājumi, kas ļauj ieviest lietotāja stila lapas, lai pielāgotu pārlūkošanas pieredzi. Šajā rokasgrāmatā tiek izmantots paplašinājums Stilīgs lai pārlūkā Chrome iespējotu lietotāja stila lapas.

  1. Atveriet pārlūku Chrome.

  2. Atlasiet trīs sakrauts punkts izvēlnes ikona ekrāna augšējā kreisajā stūrī. Virzieties uz Vairāk rīku > Pagarinājumi.

    Google Chrome izvēlne
  3. Cilnē Chrome paplašinājums atlasiet trīs sakrauta līnija izvēlnes ikona ekrāna augšējā kreisajā stūrī. Izbīdās jauna izvēlne. Izvēlieties Atveriet Chrome interneta veikalu apakšā.

    Google Chrome paplašinājuma lapa
  4. Chrome interneta veikalā meklēšanai izmantojiet meklēšanu Stilīgs.

    Google Chrome interneta veikals
  5. Stilīgam jābūt pirmajam rezultātu pagarinājumam. Atlasiet to.

    Google Chrome interneta veikala meklēšanas rezultāti
  6. Stilīga lapā atlasiet Pievienot pārlūkam Chrome.

    Google Chrome stilīga paplašinājuma lapa
  7. Parādās uznirstošais logs, kurā tiek lūgts apstiprināt Stilīga pievienošanu. Atlasiet Pievienot paplašinājumu.

    Google Chrome apstiprina paplašinājuma pievienošanu
  8. Pārlūkā Chrome tiek rādīta lapa, kurā varat uzzināt, ka Stylish ir instalēts. No turienes jūs varat doties uz jebkuru lapu vai aizvērt cilni.

    Google Chrome ir instalēts stilīgi
  9. Atlasiet puzles gabals paplašinājumu ikona Chrome loga augšējā labajā stūrī. Izvēlieties Stilīgs no izvēlnes.

    Google Chrome paplašinājumu izvēlne
  10. Tiek atvērta jauna stilīga izvēlne. Atlasiet trīs sakrauts punkts izvēlnes ikona augšējā labajā stūrī.

    Google Chrome stilīgā izvēlne
  11. Rezultāta izvēlnē atlasiet Izveidojiet jaunu stilu.

    Google Chrome stilīgas iespējas
  12. Chrome atver jaunu cilni jūsu stilam. Izmantojiet lauku augšējā kreisajā stūrī, lai piešķirtu tam nosaukumu.

  13. Izmantojot CSS, cilnes galvenajā pamattekstā izveidojiet jaunu stila kārtulu. Noteikti izmantojiet !svarīgs pēc katras kārtulas, lai pārliecinātos, ka noteikumi ignorē vietnes esošo stilu.

    ķermenis, galvenais {
    fona krāsa: # FF00FF! svarīgi;
    }

  14. Atlasiet Saglabāt kreisajā pusē, lai saglabātu jauno stilu. Jums vajadzētu redzēt, ka tas tiek piemērots nekavējoties.

    Google Chrome Stilīgs rada jaunu stilu
  15. Pārlūkojiet uz vietni, lai pārbaudītu jauno stila lapu. Stilīgs ļauj kontrolēt stila lapas un selektīvi pielietot tās izvēlētajās vietnēs. Izpētiet paplašinājuma vadīklas, lai sajustu, kā jūs varat precīzi pielāgoties lietotāja stila lapām.

    Google Chrome tiek izmantots stilīgs stils
instagram story viewer