Ikon a weboldalnak, favicon!
Írta: Tupacko | 2007. szeptember 17. | kategóriák: (X)HTML, Blogolok, Design
Egyik barátom ma felkeresett a következő problémával: – Alpár, sok féle képpen próbáltam már, de nem sikerűlt ikon tenni a weboldalamnak. Hogyan lehet? Nem túl nehéz, de mégis elterjedt probléma. Úgy gondoltam, készítek egy leírást, ami alapján bárki, könnyedén kiteheti saját oldala ikonát? Itt is van a kód, ahogyan be tudod illeszteni a megfelelő képet az oldaladba:
<link href="http://webpillango.org/favicon.ico" rel="icon" /> <link href="http://webpillango.org/favicon.ico" rel="shortcut icon" />
A href paramétert a te ikonod elérési útjára kell cseréld
Azért írtam két verziót, mert nagyon jó, szinte tökéletes, a böngészők közti összeférhetőség. A kódot az oldal fejlécébe kell beilleszteni, vagyis a head tagok közé.
Néhány szó arról, hogy mire való és egy pár ötlet, javaslat, mivel elég sok kisseb probléma van vele:
- jó a weboldal designja szempontjából
- könnyebben megjegyzi a legtöbb ember az oldalt, ha van egy hozzarendelt ikon (vizuálos memória)
- néha gondot jelent, hogy csak a főoldalon jelenik meg az ikon, használj abszolutt elérési útvonalat
- az ikon mérete legyen 16×16 képpont
-
Az interneten rengeteg frappáns leírás van, de többségük angol Photoshoppra volt írva. Amennyiben neked magyar a Photoshoppod,innen letöltheted a Photoshop fordítót.
Online szeretnéd lefordítani a kifejezéseket, mivel a böngésződ így is, úgy is fut? Nézd meg az online Photoshop szótárt. A szótár adatbázisa ugyan az!
Ha van rá igény, van WebPillangó Photoshop szótár böngészőbe illeszthető keresőmotor is (Firefox alatt tesztelve!)! Kattints a telepítéshez!
-
Eleged van már a statikus weboldalak készítéséből? Meg tudlak érteni :) Ez a kis alkalmazás abban segít, hogy miután egyszer elkészíted a HTML oldalad, azt sablonként használja és te csak a megadott változókat (a tartalmat) kell megírd. Ezáltal felgyorsítja a munkafolyamatot. Több infót az SWP wizard oldalán találsz.
-
Utolsó beszélgetések
- Fájlok feltöltése PHP használatával, Tupacko
- Fájlok feltöltése PHP használatával, varh1i
- Megérkezett a Photoshop CS5!, Tupacko
- Megérkezett a Photoshop CS5!, Hanna
- Űrlapok készítése és formázása: CSS és jQuery trükkök, Girl531
- Űrlapok készítése és formázása: CSS és jQuery trükkök, Tupacko
- Űrlapok készítése és formázása: CSS és jQuery trükkök, Gergő
- Internetes pénzkeresés ismertető, Török Zsolt
- Fájlok feltöltése PHP használatával, Tupacko
- Fájlok feltöltése PHP használatával, András
-
További írások
- KreaNod: magyar crowdsourcing közösség
- Öszetett formák kivágása gyorsan és hatékonyan
- WebPillangó frissítések
- Feltürt sarkú matrica készítése – Videó tutoriál
- Ismerkedés a PHP grafikus programkönyvtárával 1.rész
- Analóg óra készítése Photoshop és Flash segítségével, SWFObject rész
- Analóg óra készítése Photoshop és Flash segítségével, Flash rész
- Referencia Weblap Photoshopban – Videó Tutoriál
- Analóg óra készítése Photoshop és Flash segítségével
- jQuery: Alapok
-
Arhívum, kategóriák
- 2011. / december
- 2011. / július
- 2011. / június
- 2011. / március
- 2011. / január
- 2010. / december
- 2010. / október
- 2010. / augusztus
- 2010. / május
- 2010. / április
- 2010. / március
- 2010. / január
- 2009. / november
- 2009. / október
- 2009. / augusztus
- 2009. / július
- 2009. / június
- 2009. / május
- 2009. / április
- 2009. / március
- 2009. / február
- 2008. / december
- 2008. / november
- 2008. / október
- 2008. / szeptember
- 2008. / augusztus
- 2008. / június
- 2008. / május
- 2008. / április
- 2008. / március
- 2008. / február
- 2008. / január
- 2007. / december
- 2007. / november
- 2007. / október
- 2007. / szeptember
- 2007. / augusztus
- 2007. / július
Adatbázis kezelés
(4)Blogolok
(83)Flash
(5)- Kezdő (1)
Hírek
(58)Letöltések
(11)- Fejlesztés (4)
Photoshop
(43)- Interface (5)
- Speciális effektek (12)
- Szöveg effekt (4)
Programozás
(17)- (X)HTML (17)
- CSS (16)
- JavaScript (9)
- PHP (15)
Web
(51)
-





Köszönöm, ez tényleg nagyon sokat segített!