Favicon beállítása egy StartÜzletes webáruházhoz
StartÜzlet első lépések, 2010. 05. 28.
A favicon az adott weboldalhoz tartozó, elsősorban a böngésző címsorában megjelenő ikon.
(a favicon megjelenik a böngésző kedvencek listájában is.)
Ahhoz, hogy egy StartÜzletes webáruház tulajdonos megjelenítse az oldalához készült ikont, az alábbi lépéseket kell tennie:
- Készítse el a megjeleníteni kívánt képet. (a kép mérete a generálást követően 16x16 px lesz, ezért ezt vegye figyelembe a kép készítésekor)
- Keressen egy favicon generálót, melynek segítségével megfelelő mérető, és formátumú képet készít. Pl.:
http://tools.dynamicdrive.com/favicon/ - A generált „favicon.ico” fájlt mentse el a számítógépén (Download FavIcon gomb).
- A StartÜzletes webáruházhoz tartozó (adminisztrációs felületen) a fájltárba töltse fel ezt a fájlt. (Kiegészítők > Fájltár > Új fájl)
- A feltöltött fájl megnevezése módosulni fog, de a kiterjesztése megmarad. (pl: 7566.ico)
- Ahhoz, hogy a feltöltött fájlhoz tartozó url-t a következő lépésekben fel tudja használni, a ceruza ikonnal lépjen vissza az adott fájlhoz tartozó adatlapra, majd másolja ki az urlt-t.
- A Beállítások > Haladó > menüpont Általános helyeken lévő html és egyéb kódok opciójának Head-be html kód mezőjében helyezze el az alábbi kódrészletet (reszponzív megjelenés használatakor a megjelenés adatlap Haladó opcióban kell a kódot rögzíteni):
<link rel="shortcut icon" href="http://azondomainneve.hu/uploads/shop/azondomainneve.hu/fajltar/7566.ico">
A fenti lépések elvégzését követően rögzítse az adatlapot, majd tekintse meg a publikus felületen a favicont.
Kontor Zoltán
A bejegyzés eddigi hozzászólásai:
Tökéletes leírás :-)
1 perc alatt be lehet illeszteni a favicon-t
Köszönöm!
1 perc alatt be lehet illeszteni a favicon-t
Köszönöm!
Már be is állítottam a favicon-t a honlaphoz, a generátor program nagyon jó nem kell szerkesztgetni semmit az adott JPEG file-al...
Nagyon hasznos, és érthető volt a bejegyzés.
Köszönöm!
Üdv. Novák Bea
www.naturalweb.hu
Köszönöm!
Üdv. Novák Bea
www.naturalweb.hu
http://www.favicon.cc/
Ezzel készítettem, a leírás alapján elsőre sikerült beillesztenem.
Teszteltem Opera, Firefox, IE böngészőkkel, mind megjeleníti.
Ezzel készítettem, a leírás alapján elsőre sikerült beillesztenem.
Teszteltem Opera, Firefox, IE böngészőkkel, mind megjeleníti.
babbago: a html kódok itt a hozzászólásnál szűrve vannak, ezért nem jelenik meg.
A bejegyzés 7. pontjában található kódrészletet a saját favicon eléréshez kell igazítani, amit a feltöltött fájl adatlapján lehet megtalálni.
Nem hagyható le se a vége, se az eleje, sem az aposztrófok, tehát egy az egyben ezt kell felhasználni, érdemes másolni (CTRL+C, CTRL+V), viszont magát a webcímet, ahol az ico fájl található, azt át kell írni sajátra.
A babbago.hu-n nem volt teljesen helyes a kód (le volt hagyva a vége, és az aposztrófok is lemaradtak), ettől eltekintve megjelent a favicon, de most javítottam itt is a kódot, hogy a legtöbb böngésző képes legyen értelmezni.
A bejegyzés 7. pontjában található kódrészletet a saját favicon eléréshez kell igazítani, amit a feltöltött fájl adatlapján lehet megtalálni.
Nem hagyható le se a vége, se az eleje, sem az aposztrófok, tehát egy az egyben ezt kell felhasználni, érdemes másolni (CTRL+C, CTRL+V), viszont magát a webcímet, ahol az ico fájl található, azt át kell írni sajátra.
A babbago.hu-n nem volt teljesen helyes a kód (le volt hagyva a vége, és az aposztrófok is lemaradtak), ettől eltekintve megjelent a favicon, de most javítottam itt is a kódot, hogy a legtöbb böngésző képes legyen értelmezni.
Az előbbi hozzászólásomnak csak az eleje látszik... Miért?
sziasztok,
nekem is csak másodszorra sikerült beillesztenem, mert kicsit félreérthető, hogy akkor most mit is kell beilleszteni.
Előbb be kell írni a Head html kód-hoz ezt:
nekem is csak másodszorra sikerült beillesztenem, mert kicsit félreérthető, hogy akkor most mit is kell beilleszteni.
Előbb be kell írni a Head html kód-hoz ezt:
Köszönöm szépen!
Úgy tűnik, hogy az előzőekben ajánlott favicon generátorral készített ico fájlok Internet Explorer alól nem jelennek meg, módosult a bejegyzés, a jelenleg ajánlott generátorral látszódik Internet Explorer alól is az ikon.
Kedves Adrien, a diva-center.hu-n módosítottuk a fájlt.
Kedves Adrien, a diva-center.hu-n módosítottuk a fájlt.
Káldi Richárd
2010.05.30. 21:57
http://azondomainneve.hu/uploads/shop/azondomainneve.hu/fajltar/7566.ico helyére azt illeszd amit kimásoltál a ceruzára kattintásnál.
Káldi Richárd
2010.05.30. 21:55
- ezt pedig utána.
Nagyon örülök ennek az apróságnak tűnő finomságnak... végigcsináltam a lépésről lépésre... egészen egyszerű dolog, valamit megis elbénázhattam, mert nem működik. Fájlképet még látok, tehát addig rendben a dolog, valami a kódbeilleesztésemnél nem stimmel....
