Odkazy významně ovlivňují vzhled webové stránky. Ať už je to váš web nebo blog, krásně přizpůsobené odkazy změní design vašeho webu k lepšímu. I bez znalosti html a css je vytvoření pěkného odkazu docela snadné.
Instrukce
Krok 1
Nejprve vytvořme běžný odkaz. To se provádí pomocí následujícího kódu: název odkazu. V tomto kódu je značka odkazem. Jeho atribut „href“označuje adresu stránky, na kterou odkaz vede. Místo „názvu odkazu“napište slovo nebo frázi, která bude odkaz představovat
Můžete také přidat text, který se zobrazí po kliknutí na odkaz. Atribut „title“značky vám s tím pomůže.
Krok 2
Nyní pojďme k propojení. Nejjednodušší způsob, jak toho dosáhnout, je kaskádové styly (css). Otevřete soubor obsahující styly pro váš web a napište tam další kód. Alternativně můžete styly vložit přímo do stránky html. K tomu použijte kód přizpůsobení stylu webu.
Krok 3
Pojďme k designu. Syntaxe záznamu by byla {parametry stylu}. Co bych sem měl napsat?
Nejprve změňte barvu odkazů podle svých představ. Tento kód vám s tím pomůže:
a {color: # 00000;}. Samozřejmě musíte místo „# 00000“vložit vlastní barvu. Barevný kód v této podobě můžete zjistit v různých grafických programech (například ve Photoshopu) nebo najdete webovou paletu.
Krok 4
Ve výchozím nastavení vytváří prohlížeč odkazy podtržené. To lze zrušit pomocí následujícího kódu: a {text-decoration: none;}
Chcete-li vytvořit tučné odkazy, použijte parametr font-weight: bold;. Vkládá se do kódu stylu stejným způsobem jako barva, podtržení.
Krok 5
Pravděpodobně jste si všimli, že na některých webech se při umístění kurzoru nad odkaz změní jeho vzhled. Můžete to udělat taky. Tento kód vám pomůže: a: hover {style parameters}. Parametry jsou zadávány stejným způsobem jako u běžného odkazu, jedinou hodnotou je pseudotřída „vznášet se“, která upozorňuje prohlížeč, že tato nastavení by se měla použít při najetí myší na odkaz.
Podobně můžete zvýraznit navštívené odkazy: a: navštíveno {parametry stylu}
