Ako pridať tlačidlo Posunúť na začiatok na web Weebly?

Pridanie tlačidla „Scroll to Top“ na vašu stránku Weebly je pohodlný spôsob, ako zlepšiť používateľskú skúsenosť a uľahčiť návštevníkom rýchly návrat na začiatok stránky. Tu je podrobný návod, ako pridať tlačidlo „Scroll to Top“ vo Weebly:

Krok 1:Vytvorte textový odkaz „Posunúť na začiatok“

1. V editore stránok Weebly prejdite na panel „Prvky“ na ľavej strane obrazovky.

2. Presuňte prvok „Text/HTML“ na vašu stránku, kde chcete, aby sa zobrazilo tlačidlo „Posunúť na začiatok“.

3. V editore „Text/HTML“, ktorý sa zobrazí, zadajte nasledujúci kód HTML:

```html

Späť na začiatok

```

1. Nahraďte „#top“ ID prvku v hornej časti stránky. Môže to byť hlavička alebo prvok loga.

5. Kliknutím na „Aktualizovať“ uložíte textový odkaz.

Krok 2:Pridanie vlastného CSS pre úpravu štýlu

Ak chcete, aby bolo tlačidlo „Scroll to Top“ viditeľné a aby ste si ho mohli upraviť podľa svojich predstáv, budete musieť pridať vlastný CSS:

1. V editore Weebly kliknite na kartu „Design“ v hornej časti obrazovky.

2. Kliknite na kartu „Vlastné CSS“ na paneli Návrh.

3. Prilepte nasledujúci kód CSS do poľa Custom CSS:

```css

/* Prejdite na štýl tlačidla hore */

a#top {

poloha:pevná;

dole:20px;

vpravo:20px;

výplň:8px 12px;

farba pozadia:#555;

farba:#fff;

veľkosť písma:14px;

textová výzdoba:žiadna;

border-radius:4px;

}

a#top:hover {

farba pozadia:#333;

}

```

V tomto kóde CSS môžete upraviť umiestnenie, farby a ďalšie štýly tlačidla „Posunúť na začiatok“ tak, aby zodpovedali dizajnu vašej lokality.

Krok 3:Zverejnite svoju stránku

Po vykonaní potrebných zmien si zobrazte ukážku svojej lokality, aby ste sa uistili, že tlačidlo „Posunúť na začiatok“ funguje správne. Nakoniec kliknite na tlačidlo „Publikovať“ v editore Weebly, aby sa zmeny prejavili na vašej webovej lokalite.

Teraz by vaša stránka Weebly mala mať funkčné tlačidlo „Posunúť na začiatok“, ktoré umožní vašim návštevníkom vrátiť sa na začiatok stránky bez námahy.

• Predchádzajúca strana: Ako odstrániť Weebly v Bluehost a vrátiť WordPress? 
• Ďalšia strana: Ako pridať značky nadpisov H1 H6 do Weebly?