Diskuze: Malé logo v záložce prohlížeče a změna obrázku po najetí myší

HTML a CSS HTML a CSS Malé logo v záložce prohlížeče a změna obrázku po najetí myší American English version English version

Avatar
Stanislav Kučera:

Zdravim,

  1. Jak přidám malé logo stránky nahoru do záložky v prohlížeči?
  2. Mám například černobílé logo twitteru a když na něj najedu myší, chci aby se z něj stalo barevné logo. Jak na na to?

Díky

 
Odpovědět 24. dubna 15:22
Avatar
Taskkill
Redaktor
Avatar
Odpovídá na Stanislav Kučera
Taskkill:

1. na tohle pouzivam skvelej generator http://realfavicongenerator.net/
udela ti ikonu pro vsechny platformy, pro shortcuty do menu, na plochu ..cokoliv perfektne
2.moznosti je vicero, spojuje je pouziti :hover ...clanek od nekoho kdo v tomhle udelal prulom http://www.wellstyled.com/singlelang.php?… (kratky a jasny)

Akceptované řešení
+20 Zkušeností
Řešení problému
 
Nahoru Odpovědět 24. dubna 15:43
Avatar
zikes.jiri
Člen
Avatar
zikes.jiri:

1. http://www.jakpsatweb.cz/favicon.html
2.Musíš mít dva obrázky, které přes js přepíšeš.. Nebo je nastavíš přes css jako pozadí a změníš to jako :hover

 
Nahoru Odpovědět 24. dubna 15:44
Avatar
zikes.jiri
Člen
Avatar
zikes.jiri:

Ještě k bodu 2.. Zkus se kouknout na https://fortawesome.github.io/Font-Awesome/ -> tam máš spoustu ikonek (včetně ikonky twitteru), které se ti chovají jako text. Takže to změníš stejně, jako když měníš barvu textu po najetí..

 
Nahoru Odpovědět 24. dubna 15:47
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Stanislav Kučera
Tomáš123:

1. Obrázok na rohu karty sa volá favicon. Prehliadače ho hľadajú v koreňovom adresári webu. Ak sa tam nachádza súbor favicon.ico, spoľahlivo nie je potrebné obrázok explicitne linkovať do hlavičky.

V dnešnej dobe už ide použiť aj iné formáty, ale nie som si istý schopnosťami prehliadačov nájsť ich.

2. U favicony interaktivitu nečakaj. Ak chceš správanie aplikovať na nejaký bežný obrázok, asi bude najlepšie, ak si vytvoríš dve podoby a vystreidaš ich pri nájdení myši... IE síce má proprietárnu CSS vlastnosť filter (http://www.jakpsatweb.cz/…riklady.html#…), ale nič s dobrou podporou naprieč všetkými prehliadačmi, myslím, zatiaľ neexistuje.

Nahoru Odpovědět 24. dubna 16:06
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
LacoS.
Člen
Avatar
LacoS.:

alebo skus toto v headri stranky:

<head>
 ...
        <link href="Logo.ico" rel="SHORTCUT ICON" />
 ...

</head>
 
Nahoru Odpovědět  -1 24. dubna 16:38
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.