Odkazy významne ovplyvňujú vzhľad webovej stránky. Či už je to váš web alebo blog, nádherne upravené odkazy zmenia dizajn vášho webu k lepšiemu. Aj bez znalosti html a css je vytvorenie pekného odkazu celkom jednoduché.
Inštrukcie
Krok 1
Najskôr si vytvorme obyčajný odkaz. To sa deje pomocou nasledujúceho kódu: názov odkazu. V tomto kóde je značka odkazom. Jeho atribút „href“označuje adresu stránky, na ktorú odkaz vedie. Namiesto „názvu odkazu“napíšte slovo alebo frázu, ktorá bude odkaz predstavovať
Môžete tiež pridať text, ktorý sa zobrazí po kliknutí na odkaz. Atribút „title“značky vám s tým pomôže.
Krok 2
Poďme teraz k prepojeniu. Najjednoduchší spôsob, ako to urobiť, je kaskádové štýly (css). Otvorte súbor obsahujúci štýly pre váš web a napíšte tam ďalší kód. Prípadne môžete vložiť štýly priamo do stránky html. Použite na to kód na prispôsobenie štýlu webu.
Krok 3
Poďme k dizajnu. Syntax pre položku by bola {parametre štýlu}. Čo sem mám napísať?
Najskôr zmeňte farbu odkazov podľa svojich predstáv. Tento kód vám s tým pomôže:
a {color: # 00000;}. Samozrejme, namiesto „# 00000“musíte vložiť vlastnú farbu. Farebný kód v tejto podobe nájdete v rôznych grafických programoch (napríklad vo Photoshope) alebo nájdete webovú paletu.
Krok 4
Prehliadač predvolene vytvára odkazy podčiarknuté. Toto je možné zrušiť nasledujúcim kódom: a {text-decoration: none;}
Ak chcete vytvoriť tučné odkazy, použite parameter font-weight: bold;. Vkladá sa do kódu štýlu rovnakým spôsobom ako farba, podčiarknutie.
Krok 5
Pravdepodobne ste si všimli, že na niektorých stránkach sa po umiestnení kurzora myši nad odkaz zmení jeho vzhľad. Môžete to urobiť aj vy. Pomôže vám takýto kód: a: hover {style parameters}. Parametre sa zadávajú rovnako ako pri bežnom odkaze, jedinou hodnotou je pseudotrieda „vznášať sa“, ktorá upozorní prehliadač, že pri prechode kurzorom na odkaz sa majú tieto nastavenia použiť.
Podobne môžete zvýrazniť navštívené odkazy: a: navštívené {parametre parametra}
