Ako pridať tlačidlá 3D CSS do Weebly?

Pridanie tlačidiel 3D CSS vo Weebly zahŕňa niekoľko krokov prispôsobenia kódu v rámci vlastnej sekcie CSS. Takto ich môžete pridať na svoj web Weebly:

Krok 1:Vytvorte vlastný štýl CSS

a. V editore Weebly kliknite na „Nastavenia“ v pravom hornom rohu.

b. V ľavom menu vyberte "SEO &Code".

c. Kliknite na kartu „Vlastné CSS“.

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

```

.btn {

displej:inline-block;

padding:15px 25px;

veľkosť písma:16px;

text-align:center;

text-dekorácia:žiadna;

farba:#fff;

pozadie:#3498db;

hranica:žiadna;

kurzor:ukazovateľ;

}

.btn:hover,

.btn:active {

pozadie:#2980b9;

}

.btn:active {

transformácia:mierka(0,95);

}

```

Krok 2:Pridajte prvok HTML pre tlačidlo

a. V editore Weebly presuňte prvok „Embed Code“ na svoju stránku, kde chcete, aby sa tlačidlo zobrazilo.

b. Do poľa „Kód“ vložte nasledujúci kód HTML:

```

Kliknite na mňa

```

Krok 3:Prispôsobte tlačidlo

Tlačidlo môžete prispôsobiť úpravou nasledujúcich vlastností v kóde CSS:

a. `.btn {farba:#fff; background:#3498db;}` - Zmeňte farbu textu a farbu pozadia tlačidla.

b. `.btn:hover, .btn:active { background:#2980b9;}` - Zmeňte farbu kurzora a aktívneho stavu tlačidla.

Krok 4:Ukážka a zverejnenie

a. Kliknutím na tlačidlo „Ukážka“ uvidíte, ako tlačidlo vyzerá na vašej stránke.

b. Ak ste s výsledkami spokojní, kliknite na „Publikovať“, aby sa zmeny prejavili na vašej webovej lokalite.

Poznámka :Poskytnutý kód CSS používa text tlačidla „Klikni na mňa“. Môžete ho nahradiť požadovaným textom v kóde HTML.

Podľa týchto krokov môžete pridať tlačidlá 3D CSS na svoju stránku Weebly, aby ste zlepšili jej používateľskú skúsenosť a vizuálnu príťažlivosť.

• Predchádzajúca strana: Ako vytvoriť Emoji symboly častí tela pomocou klávesnice? 
• Ďalšia strana: Ako pridať vlastný CSS na web Weebly?