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
- Weboldal népszerüsítés: linkcsere oldalak, Mike-Sötét Denisz
- jQuery: Alapok, Attila
- PTC – Avagy hogyan keressünk pénzt kattintásainkkal?, Adam
- El nem tüntethető reklám, Tupacko
- El nem tüntethető reklám, Tomtee
- El nem tüntethető reklám, Tupacko
- El nem tüntethető reklám, Tomtee
- El nem tüntethető reklám, Tupacko
- El nem tüntethető reklám, Tomtee
- El nem tüntethető reklám, Tupacko
-
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!