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

Koodi uudelleenohjaukseen (redirect)

Koodi uudelleenohjaukseen (redirect)

Mietitkö kuinka voisit automaattisesti ohjata kotisivusi vierailijan toiselle sivulle? (URL-osoitteelle) Ratkaisu on helppo: Muokkaa ja kopioi alla oleva HTML-koodi 🙂 1. Muokkaa koodissa URL-arvo. Syötä koodiin URL-osan tilalle osoite, jolle haluat vierailijan ohjata,...

Kuinka luon ankkurilinkin

Kuinka luon ankkurilinkin

Video Tutorial with ENGLISH subtitles   Ankkurilinkki toimii linkkinä yhden sivun sisällä. Linkki siis ei avaa toista sivua, vaan ohjaa toiselle paikalle samalla sivulla. Ankkurilinkin (kirjanmerkin) tekeminen koostuu kahdesta vaiheesta: Luo ensin kirjanmerkki,...

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

Viliam
Follow me