Ako pridať strúhanku na web Weebly?

Pridanie strúhanky na webovú lokalitu Weebly je jednoduchý proces, ktorý zahŕňa prispôsobenie kódu HTML/CSS vašej lokality. Drobečková navigácia sú navigačné prvky, ktoré poskytujú hierarchiu umiestnenia aktuálnej stránky v rámci vašej webovej lokality. Takto môžete pridať strúhanku na svoj web Weebly:

Krok 1:Upravte HTML/CSS

Otvorte editor lokality Weebly a prejdite na stránku, na ktorú chcete pridať strúhanku.

Kliknite na "Upraviť HTML/CSS stránky" z ponuky "Nastavenia".

Krok 2:Vložte útržok kódu

V editore HTML/CSS nájdite značku a tesne pred ňu vložte nasledujúci útržok kódu:

```html

```

Tento kód vytvorí kontajnerový prvok pre strúhanku a pridá domovský odkaz.

Krok 3:Prispôsobte odkaz na domovskú stránku

Nahraďte text „Domov“ a odkaz „/“ v kóde textom a adresou URL vašej skutočnej domovskej stránky.

Krok 4:Pridajte ďalšie odkazy

Ak chcete pridať ďalšie odkazy do navigácie, pridajte ďalšie `

` prvky so značkami `` v prvku `#breadcrumbs-list`, ako je tento:

```html

Kategória

Podkategória

Názov produktu

```

Tým sa vytvorí strúhanka, ktorá zobrazuje hierarchiu od domovskej stránky po aktuálnu stránku produktu.

Krok 5:Upravte štýl strúhanky

Pridajte štýly CSS do prvkov `#breadcrumbs` a `#breadcrumbs-list`, aby ste mohli ovládať vzhľad strúhanky.

Napríklad:

```css

#breadcrumbs {

pozadie:#e5e5e5;

výplň:10px;

}

#breadcrumbs-list {

displej:flex;

}

#breadcrumbs-list li {

pravý okraj:10px;

}

```

Týmto sa strúhanka upraví ako vodorovný zoznam s výplňou a svetlosivým pozadím.

Krok 6:Uložte zmeny

Kliknutím na tlačidlo "Uložiť" uložíte zmeny.

Teraz bude vaša lokalita Weebly obsahovať strúhanku, ktorá zobrazuje hierarchiu umiestnenia aktuálnej stránky.

Nezabudnite, že vzhľad a funkčnosť strúhanky môžete ďalej prispôsobiť úpravou kódu HTML a CSS podľa svojich špecifických potrieb a preferencií dizajnu.

• Predchádzajúca strana: Ako pridať popis na web Weebly? 
• Ďalšia strana: Ako pridať tlačidlá 3D CSS do Weebly?