Změna vzhledu webové stránky uživatelem

Při poradách on-line a podobně, se používá přepis on-line s tmavým písmem na světlém pozadí, jehož rozhraní poskytuje sociální firma Transkript online. Pokud upřednostňujete jiné barevné schema, můžete si vzhled jednoduše změnit. Pokud by vám to nešlo, jsou u jednotlivých bodů návodu obrázky, nebo mě můžete kontaktovat třeba na facebooku (Praotec Kráťa) a rád vám pomohu.

Změnu barvy písma a pozadí stránky s přepisem provedete následovně:

1. Stáhněte si doplněk Stylish (pro Chrome: https://chrome.google.com/webstore…, pro Firefox https://addons.mozilla.org/…ddon/stylish…).
   (obrázek)
2. V pravém horním rohu svého prohlížeče klikněte na ikonu „Rozšíření“ (má podobu dílku puzzle). Vyberte doplněk Stylish a potvrďte souhlas („Agree“).
   (obrázek)
3. Opět vyberte doplněk Stylish, klikněte v okně na možnost nastavení („tři tečky“), zvolte možnost vytvořit nový styl „Create a new style“ (obrázek) a proveďte individuální nastavení vzhledu vložením kódu, specifikací stránky http://xxx.yz, kde se má váš styl aplikovat (obrázek). Nezapomeňte si styl uložit.
4. Pokud se změna neprojevila ihned, znovu načtěte požadovanou stránku (klávesa F5, nebo kulatá šipka).
5. Vypnutí, úpravy atd. můžete měnit stejný postupem, nebo vypnutím doplňku.

Stručný přehled základních barev
Nezáleží na tom, jestli v zápisu použijete kód barvy, nebo její pojmenování

	barva	pojmenování	kód barvy
text	černá	Black	#000000
text	tm. modrá	MidnightBlue	#191970
text	tm. zelená	Darkgreen	#006400
text	tm. hnědá	Maroon	#800000
barva	bílá	White	#ffffff
barva	skorobílá	Snow	#fffafa
barva	slonová kost	Ivory	#fffff0
barva	žlutá	Yellow	#ffff00

Úplná a přehledná specifikace všech pojmenovaných barev, je na https://www.klikzone.cz/…ml-barvy.php

Kód do doplňku, abyste ho nemuseli opisovat

Při opisování vznikají chyby a třeba kvůli pouhé zapomenuté dvojtečce to potom nefunguje a těžko se dohledává chyba.

html {
   color: #fffff0; /barva textu/
   background-color: #003C3C; /barva pozadí/
}
.text {
color: #fffff0; /barva textu/
padding: 15px; /vnitřní okraj textu/
}

A je to!

««« Předchozí text: Využití webové aplikace Web Captioner ke sledování videí, která nejsou opatřena titulky, nebo podcastů - podrobný návod Následující text: Prý nerozumíme mateřskému jazyku »»»

Ladislav Kratochvíl | 18. 12. 2021 So 05.37 | Různé | trvalý odkaz | tisk | 535x

Sdílet