Pokud chcete na stránky vložit tlačítko, které zaujme na první pohled, lze toho dosáhnout například jeho posunutím mimo formát hlavního kontajneru stránky, pomocí parametru position.

Kód lze vložit do sidebaru v módu HTML, nebo přímo do těla stránky, nejlépe za použití příkazu Format / Ignore Formatting. Pomocí první varianty vytvoříte tlačítko, které se díky relativní pozici posouvá spolu se stránkou. Je nutné upravit URL v odkazu a cestu k obrázku.

<div id="tlacitko1"><a href="http://www.moje_stranky.cz"><img src="assets/twitter_ikonka1.png" style="position:relative; top:120px; left:0px;"></a></div>

Ukázka

V druhém případě je umístění tlačítka odvozeno od levého horního rohu okna prohlížeče. Pomocí dalšího parametru, fixed, docílíte toho, že i při posouvání obsahu stránky zůstane tlačítko stále na tomtéž místě.

<div id="tlacitko2"><a href="http://www.moje_stranky.cz"><img src="assets/twitter_ikonka2.png" style="position:absolute; position:fixed; top:120px; left:0px;"></a></div>

Ukázka

Třetí varianta řeší umístění tlačítka k pravé straně okna prohlížeče.

<div id="tlacitko3"><a href="http://www.moje_stranky.cz/form"><img src="assets/mail_ikonka.png" style="position:absolute; position:fixed; top:300px; right:0px;"></a></div>

Ukázka

Kód všech tří variant lze jednoduše upravit i pro zobrazení samotného grafického prvku bez odkazu. Toho docílíte tak, že odstraníte tuto část: <a href="http://www.moje_stranky.cz">.

tag: tlačítka, URL, pozice