NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

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

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Stanislav Kučera
Člen
Avatar
Stanislav Kučera:24.4.2016 15:22

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.4.2016 15:22
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Stanislav Kučera
Neaktivní uživatel:24.4.2016 15:43

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.4.2016 15:43
Neaktivní uživatelský účet
Avatar
zikes.jiri
Člen
Avatar
zikes.jiri:24.4.2016 15:44

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.4.2016 15:44
Avatar
zikes.jiri
Člen
Avatar
zikes.jiri:24.4.2016 15:47

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.4.2016 15:47
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Stanislav Kučera
Tomáš123:24.4.2016 16:06

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.4.2016 16:06
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
LacoS.
Člen
Avatar
LacoS.:24.4.2016 16:38

alebo skus toto v headri stranky:

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

</head>
 
Nahoru Odpovědět
24.4.2016 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.