Oppgave: Lag en klokke

Vi skulle forsøke å lage en klokke. Heldigvis har vi internett, så jeg fant java og css kodene jeg trengte der. Jeg ville lage en litt barnslig klokke siden jeg syns at man alltid burde bevare barnet i seg, selv om man har rundet 30 år.. :)

Men jeg klarte dette litt for fort, så jeg bestemte meg for å gjøre det litt vanskeligere for meg selv. Jeg følte at viserne burde ha skygger for at den skulle se mer realistisk ut. Dette løste jeg ved å lage lage skyggebilder til hver av viserene, og lage nye css styles for disse som jeg plasserte 8px under selve viserene. Jeg måtte også gå inn i java scripten og legge til nye instanser til de nye css stilene. Litt  inviklet, men veldig lærerikt. Klokken i sidebar er 400 px stor. Og den går med vilje ut over sidelinjene. for å få til dette måtte jeg bruke companion og legge til et par linjer med kode.

#primary, #secondary {
float: right;
overflow: visible;
width: 220px;
}

#main {
clear: both;
overflow: visible;
padding: 40px 0 0;
}

Her er klokken jeg laget: (klikk på den for å se den live)

This entry was posted in Uncategorized. Bookmark the permalink.