Videotutorial (english subtitles)

Etsitkö tapaa painikkeen “Alkuun” (Back to top button) lisäämiseen Webnode-kotisivuillesi?

 

Opas ”Kuinka lisään ankkurilinkin” kertoi siitä, kuinka pystymme ohjaamaan vierailijan tietylle paikalle sivuilla. Ankkurilinkkiä voidaan käyttää myös painikkeena alkuun, mutta tässä ohjeessaa näytetään elegantimpi ratkaisu, ns. back to top sticky button.

1. Lisää yllä oleva HTML-koodi Webnode-sivuillesi ”+” ja ”HTML” -toimintojen avulla. Lisää koodi jokaiselle kotisivusi sivulle, jolla haluat ”alkuun” -painikkeen näkyvän sivun alaosassa.

 

Vinkki: Esitetyssä HTML-koodissa on mahdollista muokata painikkeen väriä. Rivillä 28 voit muokata ”alkuun” -painikkeen sinisen värin ja rivillä 47 punaisen värin, ns. on hover hiiren liikkeellä.

 Ja olet valmis!…
Kirjoitathan meille kommentin, jos tykkäät painikkeesta! 🙂

Lisää mahtavia oppaita

Kuinka lisään Webnodella GIF-kuvan

Kuinka lisään Webnodella GIF-kuvan

Haluatko lisätä Webnode-sivuillesi GIF-kuvan? Webnode-järjestelmä ei tue gifejä, jos niitä lisätään kuvana. Sen takia sinun tulee ensin ladata haluttu GIF-kuva tälle sivulle ja näin saada kuvan URL-osoite. Lisää saatu URL-osoite koodiin ja sitten lisää HTML-koodi...

Oliko tästä oppaasta apua? Lähetä se ystävillesi 🙂

Viliam
Follow me