Kode For Nytt Ikon "oppe", Som Vg.no..?

[tore_v1]

Som et ledd av en oppgave på et data-fag så skal vi lage en hjemmeside... Tenkte jeg skulle slenge på et ikon a la det vg.no har gjort, med firma-logo på tab'en i firefox..

 

Hvordan programmerer jeg inn det i html?

 

Bruker Dreamweaver, om det finnes noen snarveier der...?

[rødøye]

du trenger først et .ico bilde, og så må du legge inn <link rel="favico" href=#favico.ico">

[tore_v1]

Hmm...

Kan jeg omdøpe et jpg bilde til .ico, eller må jeg lagre et bilde som .ico i f.eks photoshop?

Noen som vet hvor mange pixler det bildet skal være?

[rødøye]

Det er en plugin til photoshop. Det hjelper ALDRI å kun endre endelse på filer. Det skaper bare misfårståelser.

Hva størrelse angår hvet jeg ikke. ca 20 pleier jeg å bruke. Kvadratisk

[potetskrell]

Det er en plugin til photoshop. Det hjelper ALDRI å kun endre endelse på filer. Det skaper bare misfårståelser.

Hva størrelse angår hvet jeg ikke. ca 20 pleier jeg å bruke. Kvadratisk

5001851[/snapback]

 

At det aldri hjelper er ikke sant. Vi holder på med webdesign, sant? Da kan man feks døpe om en .txt fil tilf feks php, asp eller html.

 

I tillegg kan man bruke noe så enkelt som paint i windows. Finn deg et .ico bilde (feks fra db.no eller vg.no), åpne det i paint. Derretter limer du inn et skalert bilde inn i paint og lagrer.

[tore_v1]

Hjertelig takk

 

Da blir det litt cut'n paste.. hehe

 

 

EDIT: Hmmm.. Hvor finner jeg dette .ico bildet? Sjekket kilden til vg.no, men fant ikke noe .ico bilde der.. Om noen har et liggende, gidder dere legge det ut her i en times tid, så jeg kan laste det ned?

Endret 13. oktober 2005 av tore_v1

[potetskrell]

http://www.dagbladet.no/favicon.ico

[tore_v1]

Bøye seg i støvet..

[Lokaltog]

Det er en plugin til photoshop. Det hjelper ALDRI å kun endre endelse på filer. Det skaper bare misfårståelser.

Hva størrelse angår hvet jeg ikke. ca 20 pleier jeg å bruke. Kvadratisk

5001851[/snapback]

Favikonene skal være 16x16px. Internet Explorer (og kanskje Opera) krever ICO-filer, mens Firefox så vidt jeg vet tar PNG-bilder også.

[pgdx]

Du kan også bruke denne tjenesten for å generere favicon.ico-filer hvis du har et bilde i annet format.

[rødøye]

Opera takler også andre formater, men det er ICO som er det korrekte.

 

Når det gjelder filendelser; .php, .txt etc er alle teksfiler, så der går det jo naturlignokk.

[-Teddy-]

du trenger først et .ico bilde, og så må du legge inn <link rel="favico" href=#favico.ico">

5001723[/snapback]

 

Kan ikke si det hjalp.

 

Har et favico.ico bilde som er på 16x16px og lagt <link rel="favico" href=#favico.ico"> i header men det hjalp ikke. For den skal ligge i header, right?

 

EDIT: Nå har jeg prøvd en hel haug. med og uten #, med og uten />, prøvd meg i css fila uten at jeg egentlig trodde noe på det heller.

 

Hvordan?

Endret 14. oktober 2005 av -Teddy-

[Jernlov]

Jeg har gif på min side.

 

<link rel="favico" href=#favico.ico">

sånn:

<link rel="favico" href="favico.ico">

 

jeg bruker sånn:

<link rel="shortcut icon" href="icon.gif" type="image/x-icon">

[-Teddy-]

Na fikk jeg det til her...

 

Måtte bruke <link rel="shortcut icon" href="favicon.ico" > jeg.

[rødøye]

Når det gjelder hva som skal være verdien i rel, er det jo flere alternativer en sandkorn i sahara. Er det noen som har et "fasitsvar" på dette? Et svar med godt feste i en standard el.

[Lokaltog]

Når det gjelder hva som skal være verdien i rel, er det jo flere alternativer en sandkorn i sahara. Er det noen som har et "fasitsvar" på dette? Et svar med godt feste i en standard el.

5006592[/snapback]

Tror ikke favicons har noe godt feste i noen standarder i det hele tatt. Er vel bare en morsom funksjon som browserleverandørene bare tok med. Det funker bra med rel="shortcut icon", og det er vel det som er mest utbredt og "riktig" å bruke også.

[Steinmann]

Tenkte på det, hva er den semantiske betydningen av favico?

[Lokaltog]

Tenkte på det, hva er den semantiske betydningen av favico?

5010110[/snapback]

I forbindelse med HTML er det vel semantisk fordi LINK-elementet brukes for å henvise til eksterne data av forskjellige typer - og et ikon er jo det.

[pgdx]

Så vidt jeg vet så leter skikkelige nettlesere etter ./favicon.ico enten det står i header eller ei.

 

Ihvertfall gjør mine det.

[root@sjefen httpd]# grep favico access_log
10.0.0.27 - - [16/Oct/2005:03:14:06 +0200] "GET /favicon.ico HTTP/1.1" 404 278 "-" "Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.12) Gecko/20050922 Firefox/1.0.7 (Ubuntu package 1.0.7)"
10.0.0.48 - - [16/Oct/2005:03:15:32 +0200] "GET /favicon.ico HTTP/1.1" 404 278 "-" "Mozilla/5.0 (compatible; Konqueror/3.4; Linux) KHTML/3.4.0 (like Gecko)"
[root@sjefen httpd]# 

[endrebjo]

Man kan skifte filendelse på en .bmp-fil for å få en .ico-fil.