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;
}