Co takhle říct to obrázkem? O tom jak vytvářet animované ikonky na váš blog jsme si už jednou psali, článek najdete tady. Dnes si však ukážeme návod, který nám prozradí vkládání obrázků, které se po najetí kurzorem (myši) mění na jiný a zároveň fungují jako aktivní odkaz.
Tyto obrázky najdou své využití převážně v menu, ale nevidím důvod, proč jimi malinko neozvláštnit i články. Nemyslím tím teď zběsilé měnící se obrázky na každém kroku, ale takové "klikni sem", které se změní třeba v giveaway už má něco do sebe ne?
Jednoduchým příkladem může být tenhle cupcake, který jsem si vytvořila ve photoshopu. Návod na jeho výrobu najdete už brzy na mém youtube kanálu. Teď si však pro návod rozklikněte článek :)
{1} Jako první si vytvoříme dva obrázky o stejném rozměru. Pokud nemáte v počítači program pro úpravu fotek (malování se nepočítá, to je na prd) zkuste tuto stránku. Najdete tam jak úpravy fotek, tak i tvorbu nových obrázků.
{2} Máte-li obrázky vytvořené, je důležité si je někam nahrát aby jste zjistili jejich URL adresu. Já mám pro tyto účely svůj zkušební blog. Pokud si kvůli tomu však nechcete nový blog vytvářet, nahrajte obrázky třeba na flickr.com a nebo jej na chvilku vložte na blog a pak zase smažte.
URL obrázku zjistíte kliknutím pravým tlačítkem na obrázek a zvolením Kopírovat adresu URL obrázku
{3} Když už známe URL našich obrázků, je na čase je zkopírovat do HTML kodů a to následovně.
HTML kod si poté můžete vložit například do menu - návod na vložení HTML/JavaScriptu najdete tady. Nebo do článku - stačí když při psaní příspěvku překliknete
nahoře vpravo z Napsat na HTML a kod zkopírujete.
Pro dnešní návod to bude vše. Doufám, že jsem vám usnadnila hledání a hlavně, že jsem vám pomohla. Pokud si nevíte rady, nebo toužíte po nějakém dalším návodu, pište na můj email lorihorton@email.cz kam vám ráda odpovím ♥
Žádné komentáře:
Okomentovat