V procesu práce na webu jak profesionální webmasteři, tak lidé, kteří se zabývají aktualizací webu, ale nejsou profesionály, provádějí různé změny ve stylu webového zdroje. Možná budete muset z nějakého důvodu změnit barvu odkazů na webu.
V tomto případě musíte vědět, že barva odkazů se mění pomocí CSS (Cascading Style Sheets) - kaskádových stylů. Jedná se o tabulky používané ve spojení s programovacím jazykem k vytvoření webového zdroje. CSS je zodpovědný za strukturu webu, to znamená za jeho styl, vzhled a html - za obsah zdroje. CSS je pokračováním vývoje HTML.
Barva odkazu na webu
Můžete tedy změnit barvu odkazů jak pro web jako celek, tak pro každý odkaz zvlášť. Barvy odkazů jsou nastaveny jako atribut hlavní značky. Atribut je něco, co do kódu nemusíte psát, protože některé z nich jsou již ve výchozím nastavení nastaveny. Atribut odkazu určuje barvu odkazů na stránce webu. Výchozí hodnota je modrá. Alink je atribut, který určuje barvu aktivních odkazů, ve výchozím nastavení je červená. Vlink - navštívené odkazy, jejich obecně přijímaná barva je fialová.
Barva odkazů na webových stránkách se nejčastěji nastavuje v hexadecimálním zápisu (#EEEEEE - šedá) nebo ve formátu rgb (# 808080 - šedá), ale můžete také použít tradiční anglickou barevnou notaci (šedá - šedá). Kromě toho lze barvu nastavit ve stupních, k tomu je vhodný formát HSL. Barevné tabulky lze snadno najít na internetu.
Změňte barvu odkazů
Chcete-li změnit barvu všech odkazů na stránce, stačí změnit barvu atributu color ve stylech. Chcete-li to provést, najděte soubor style.css, otevřete jej a najděte atribut a. Například A {color: green; / * Barva odkazu * /}, kde A je odkaz, jehož barvu změníme na zelenou. Hodnotu barvy můžete libovolně změnit pomocí kteréhokoli ze systémů barevného zápisu. Prohlížeč vás „pochopí“. Styl bude platit pro všechny odkazy na webové stránce. Stejným způsobem můžete změnit barvy dalších atributů, například barvu odkazu, když na něj umístíte kurzor myši.
Chcete-li na webové stránce vytvářet odkazy v různých barvách, použijte v šabloně stylů následující položku:
.menu a {barva: šedá; }
.obsah {barva: zelená; }
Z příkladu vyplývá, že odkazy na nabídku budou šedé a odkazy v bloku obsahu budou zelené.
Stejné kroky lze provést s odkazy, pokud styly nejsou v samostatném souboru, ale v samotném html dokumentu. Jedná se o kontextové selektory.
Pokud chcete rychle upravit styly a změnit barvy odkazů, je lepší použít vizuální editor Dreamwever. Hlavní věc, kterou si musíte pamatovat, je, že odkazy by měly vypadat organicky ve vztahu k celé webové stránce. U světlých pozadí jsou lepší tmavé odkazy a naopak.
