Vaja 3
Navodilo
HTML kodo kopiraj in prilepi v Notepad. Stran shrani v mapo CSS Vaje pod imenom vaja3.html. Izdelaj CSS predlogo, ki bo spremenila izgled, že narejeni spletni strani v HTML kodi. CSS predlogo shrani v mapo CSS Vaje pod imenom vaja3.css. Narejen spletna stran ima že vstavljen "link" do CSS predloge. Da bo spletna stran upoštevala vse kar je zapisano v CSS predlogi bo potrebno tudi v HTML kodi narediti manjše spremembe ali dopolnitve.

DODATNA NAVODILA:
  • Seznam moraš spremeniti v vodoravni meni.
  • Odmik od roba: 5 pik.
  • Odmik okoli besedila: 10 pik.
  • Pisava: Trebuchet MS.
  • Male tiskane črke se morajo spremeniti v velike tiskane črke.
  • Črke morajo biti zapisane krepko.
  • Širina posameznega bloka menija: 150 pik.
  • Neuporabljena povezava mora biti bela.
  • Aktivna povezava mora biti zelena.
  • Že uporabljena povezava se mora obarvati rumeno.
  • Povezava nad katero potuje miška se mora obarvati oranžno.
  • Vse ostalo je razvidno iz končnega izgleda stran (Klikni za povečavo.).
POMOČ
V CSS predlogi moraš določiti lastnosti in vrednosti naslednjim selektorjem:
  • ul (list-style-type, margin, padding, font-family)
  • li (float)
  • a:link (display, width, color,padding, font-weight, text-align, text-decoration, text-transform, background-color) - psevdo razred
  • a:visited (background-color) - psevdo razred
  • a:hover (background-color) - psevdo razred
  • a:active (background-color) - psevdo razred
Vrednosti lastnosti in načine zapisa moraš ugotoviti sam. Pomagaj si s spletno stranjo w3schools.com. Dopolnitev HTML kode ni potrebna.

s3
CSS predloga naj izgled zgornje spletne strani spremeni v spodnji.
s3u