K tomu abychom si vytvořili vlastní klikací ikonku nebo banner, potřebujeme obrázek o velikosti 88×31 pokud chceme udělat klasickou ikonku a 468×60 pokud chceme udělat klasický banner.

Pokud nemáme vlastní obrázek příslušné velikosti, můžeme například použít „banner generátor“ na této adrese, kde si můžeme vybrat libovolnou velikost ikony či banneru, zadat vlastní text, poté si ho necháme vygenerovat a zdarma stáhneme do svého počítače a pojmenujeme, např. moje_ikonka.jpg.

Obrázek uložíme na jakýkoliv server (jak nahrát obrázek na server se dočtete zde na webu v tomto článku) nebo na svůj server kde máme www, pokud nám poskytovatel umožňuje přístup přes FTP klienta. Nejlépe je, když si obrázek uložíme k sobě, protože tak máme jistotu, že nebude časem smazaný. Pak bychom museli psát každému kdo má naší ikonku na webu a prosit ho aby změnil adresu obrázku, protože jsme ho museli nahrát znova.

Takže za předpokladu, že máme obrázek, máme ho někde nahraný a máme jeho adresu, např. http://moje_www.cz/img/moje_ikonka.jpg si adresu vložíme do následujícího html tagu.

——————————————————————————————————————-

<a href=“http://www.vase_adresa.cz/“ target=“_blank“ title=“váš název ikonky,který se zobrazí po najetí myší“><img src=“http://moje_www.cz/img/moje_ikonka.jpg“ border=“0″ alt=“alternativní text ikonky v případě, že se někomu v prohlížeči nezobrazí“></a>

——————————————————————————————————————-

První odkaz v kódu je odkaz na naši stránku která se otevře při kliknutí na ikonku, druhý odkaz je odkaz na umístění naší ikonky. Ty si doplňte podle sebe. Doplnit title a alt je dobré pro případ, že se někomu ikonka nezobrazí. target=“_blank“ znamená, že se váš odkaz otevře v novém okně či panelu.

A je hotovo!

Upozornění! Pokud si budete kopírovat tag z těchto stránek, uložte si ho nejdřív do poznámkového bloku a nahraďte uvozovky vlastníma uvozovkama, případně poupravte jakékoliv nesrovnalosti, protože tento redakční systém je deformuje a ikonka by se na jiném webu nemusela zobrazovat.

Post Footer automatically generated by Add Post Footer Plugin for wordpress.