Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

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

Aktivity (1)
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
Taskkill
Šéfredaktor
Avatar
Odpovídá na Stanislav Kučera
Taskkill: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
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  -1 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.