For viderekomne
Denne siden er under arbeid, og fylles på fortløpende.
Hva vil du helst se her? Send meg en mail og mas i vei :)
Favicon
Favicon er navnet på det lille ikonet som vises ved siden av tittelen til nettsiden i faner, eller når man lagrer den som et bokmerke.
Til denne nettsiden laget jeg et favicon slik:
-
Valgte et ikon
Jeg var lat og fant en emoji jeg ville bruke på emojipedia.org. Du kan også lage ditt eget ikon. Lagre som PNG, JPG eller BMP.
-
Konverterte til .ico-fil
På icoconvert.com/ kan du laste opp bildefiler for å konvertere dem til .ico-filer, som er standarden for favicon.
Du trenger ikke forholde deg så mye til valgene nedover på siden, bare last opp en fil, og scroll helt ned til "step 5" der det står "Convert ICO". Klikk på denne og last ned.
-
Endre navn til favicon.ico
-
Legg favicon.ico-fila i samme mappe som index.html
-
Legg til i HTML-fila
Legg til følgende linje under tittel i head-tagen for å fortelle HTML-filene dine at ikonet skal importeres:
<link rel="icon" href="favicon.ico">
Video
Du kan legge til video på nettsiden din enten ved å laste opp en fil selv på samme måte som bilder, eller ved å legge inn en video du har lastet opp på YouTube eller lignende.
Legg inn en video fra fil
https://www.w3schools.com/html/html5_video.asp
Legg inn en video fra YouTube
Skygger og gradienter
Flere eksempler på vei!
Etterlys eksempel du ønsker deg
Bakgrunnsgradient
Klikk på "edit on Codepen" for å teste koden selv!
Hovereffekter
KOMMER!
Tekst oppå bilde ved hover