Ikonka u názvu webu a odstranění linky u odkazů

Dnes si ukážeme dva tipy: jak na ikonku své stránky, která se zobrazuje před názvem a adresou stránky a jak se zbavit přerušovaných čar kolem prvků v HTML při kliknutí na odkaz? 

Ikonku u názvu webu

angl. favorite [fejvrit] = oblíbený, icon [ajkn] = ikona

Ikona oblíbené stránky, která se zobrazuje před názvem a adresou stránky. Předtím si uživatel stránku musí přidat do oblíbených. Ikona je v souboru favicon.ico, který musí být umístěna v rootu webu. Ikona se dá vytvořit nějakým grafickým programem.

<link href=“favicon.png“ rel=“icon“ type=“image/png“ />

Rozměry ikonky:

Ikona může mít rozměry 32 x 32 nebo 16 x 16, ba i jiné. Pro případ oblíbené webové ikony vřele doporučuji rozměr 16 x 16, protože se větší stejně ve většině případů zobrazovat nebude. Větší rozměr by vás jenom pletl při práci a výsledně by se zdeformoval.

Jak si ikonku vyrobit?

No úplně nejjednoduší je si ji udělat v nějakém grafickém programu ve formátu GIF, PNG … a pak stačí navštívit tyto stránky:¨http://www.chami.com/html-kit/services/favicon/   – tam vám udělají z vašeho GIF pěknou ikonku ICO.. a když budete chtít, tak i animovanou…

Pryč s okrajem kolem prvků v HTML

Chcete se zbavit přerušovaných čar kolem prvků v HTML při kliknutí na odkaz? 

Je to jednoduché, až méně známé, či spíše nepoužívané. Jak se zbavit okraje kolem objektů, typicky například kolem odkazu, nebo nějakých DIVů? Jednoduše, pomocí CSS!

a {outline: none;}

a když to nepomůže , tak použijte tento rozšířený zápis i pro jednotlivé proholížeče: 

{ outline: none;   
    outline-style: none;
    outline-width: 0px;
    outline-color: -moz-use-text-color;
    -moz-outline-style: none;  
}
Ikonka u názvu webu a odstranění linky u odkazů

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Přesunout se na začátek