Lage ikon i adressefeltet.

rabattnett
rabattnetts bilde
Avlogget
Ble med: 23.02.2010

Heisann,

Jeg skal plassere en kode i et html dokument, så langt er jeg med. Men så kommer problemet.

1. Hvor i html dokumentet skal det stå?

2. Adressen til bildet (skal bruke et lite bilde fra hjemmesiden) hvor finner jeg den? Er det adressen som kommer frem når man høyreklikker på et bilde og trykker på egenskaper? Er det så enkelt? :)

 

Dypt takknemlig for alle svar!

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Favicon

Hei, du må først lagre bildet som ico eller png (dette er navnene på to filformater). Videre må favicon (som et slikt ikon i adressefeltet kalles) være 64x64, 32x32 eller 16x16 pixler.

Når du legger inn koden til faviconet skal det legges i head-seksjonen av HTML-dokumentet. Altså helt øverst, slik:

<head>
  <link rel="shortcut icon" type="image/png" href="/icon.png" />
</head>

Legg merke til at jeg har satt type="image/png" her. Hvis bildet ditt er lagret i filformatet ico skal det være:

<link rel="shortcut icon" type="image/ico" href="/icon.ico" />

I tillegg spiller dokumenttypen på websiden din inn. Kodene ovenfor forutsetter XHTML, hvis du bruker HTML 4.01 skal det være:

<link rel="shortcut icon" type="image/png" href="/icon.png">

Hvis du legger iconet i rotkatalogen på webhotellet ditt, så skriver du bare plasseringen til det ved hjelp av en slash foran (som vist ovenfor, du kan også gjøre slik du sier, men det er egentlig unødvendig å ta med domenet når du addresserer iconet.

Hvis du ikke vet hvordan man konverterer til ico eller png-format, så kan jeg gjøre det for deg. Legg inn en link til bildet du skal bruke (klikk egenskaper osv, slik du sier) her, så skal jeg lage det til deg.

rabattnett
rabattnetts bilde
Avlogget
Ble med: 23.02.2010
Tusen takk for svar.Jeg

Tusen takk for svar.

Jeg bruker noe som heter ilosoft file manager versjon 1.2.9 (ONE.com) Så da bruker jeg denne koden?

<link rel="shortcut icon" type="image/png" href="/icon.png"> 

Jeg vet ikke hvordan jeg konverterer til ico eller png, her har du adressen til bildet:

http://www.obuservice.no/flagg.jpg

Tusen takk for hjelpen! Helt rått! :)

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Favicon

Hei igjen, og bare hyggelig å være til hjelp. Har nå konvertert til ico format for deg, slik at du får lik ratio (dvs. forhold) mellom høyde og bredde på iconet ditt. :)

Zippet faviconet ditt, og du kan laste ned filen obuservice-favicon her. Etter du har lastet det ned og pakket det opp legger du faviconet som heter "icon.ico" i roten på webhotellet ditt. (Der du legger alle andre filer som har med websiden din å gjøre).

Deretter legger du inn denne koden i <head>-seksjonen slik jeg sa i stad:

<link rel="shortcut icon" type="image/ico" href="/icon.ico">

Du vil da få faviconet ved adressefeltet, samt. at folk vil se ikonet ditt hvis de legger en av sidene på nettstedet ditt i favoritter.

Merk at det ikke er sikkert du ser endringen med en gang. Grunnen er at nettleseren din cacher faviconet. Hvis du har problemer med å se hvorvidt faviconet vises eller ei kan du si ifra når du har implementert det som forklart ovenfor, så skal jeg sjekke om det fungerte :)

Husk å fjerne de to du allerede har lagt inn, men ikke fjern <HEAD>!

<link rel="shortcut icon" type="image/jpg" href="/flagg.jpg" /></HEAD>
<link rel="shortcut icon" type="image/jpg" href="/flagg.jpg" />
rabattnett
rabattnetts bilde
Avlogget
Ble med: 23.02.2010
Tusen takk

Dette funka som bare det, tusen takk for hjelpen. Jeg skal fortelle om denne siden til ALLE jeg kjenner!

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Fortelle andre om hjemmeside

Flott at du fikk det til :) Setter veldig stor pris på at folk linker til dette nettstedet eller sprer det glade budskap om websiden via jungeltelegrafen, håper jo på å få denne websiden større, hehe. :)

rabattnett
rabattnetts bilde
Avlogget
Ble med: 23.02.2010
Transparang

Hei,

Jeg fikk hjelp av deg til å favicon, og det funka veldig bra. Takk for det Nazerin! :)

De jeg lager siden for, lurte på om jeg kunne fikse slik at iconet var transparang. (Tror det er det det heter, når bildet ikke har bakgrunn) De bruker tydligvis et farget adressefelt, og da blir det en hvit ramme rundt bildet. Har du mulighet til å hjelpe meg med dette?

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
favicon

Jeg har byttet operativsystem og venter på noen flere deler som gjør at jeg må innstallere operativsystem på nytt. Inntil da har jeg valgt å ikke legge inn endel applikasjoner, fordi det er utrolig kjedelig å installere masse programmer.

Prøv å følge det Tim eller ThomasK sier nedenfor. Hvis du går for ThomasK sin løsning, så gjør bildet om til 16x16 px først.

Tim
Tims bilde
Avlogget
Ble med: 15.01.2010
Da kan du eventuelt endre

Da kan du eventuelt endre icon altså.Det første du må gjøre er å finne fargen på adressefeltet. Dette skal vel stå oppført i filene du har tilgjengelig. Deretter limer du ikonet inn i bilde redigerings programmet du har tilgjengelig. Klipper ut rennderet/figuren/teksten. opprett en ny fil å bruk bakgrunnsfargen du har i adresselinja å lim inn rennderet.Kort sakt: du må klippe ut selve iconet og lime det inn igjen på en annen bakgrunn. Størrelsen man vanligvis bruker på icon bilder er vel 16x16 px om jeg ikke tar helt feil?

 Tim @ Gambinomafia

ThomasK
ThomasKs bilde
Avlogget
Donator
Ble med: 30.12.2009
here you go

Eller bare fjerne bakgrunden slik:

her... rename det til icon.png og last det opp...

 EDIT: Om du ønsker kan jeg gjøre det om til 16x16 også for deg... let me know...

med hilsen
Thomas Kile

rabattnett
rabattnetts bilde
Avlogget
Ble med: 23.02.2010
Tusen takk

Takk for god hjelp! :)

AdrianM
AdrianMs bilde
Avlogget
Ble med: 22.03.2010
myrseth.jpg heter mitt bilde.

myrseth.jpg heter mitt bilde. kan noen plasere det i en sånn html kode??

ThomasK
ThomasKs bilde
Avlogget
Donator
Ble med: 30.12.2009
<img

<img src="../path/to/myrseth.jpg" alt="informasjons-tekst" border="0" id="myrseth" />

med hilsen
Thomas Kile

Svar på forumemnet

(If you're a human, don't change the following field)
Your first name.
Innholdet i dette feltet blir holdt privat og vil ikke bli vist offentlig.