Lägga till 3D CSS-tryckknappar i Weebly involverar några steg av kodanpassning inom den anpassade CSS-delen. Så här kan du lägga till dem på din Weebly-webbplats:
Steg 1:Skapa anpassad CSS
a. I Weebly-redigeraren klickar du på "Inställningar" i det övre högra hörnet.
b. Välj "SEO &Kod" från vänstermenyn.
c. Klicka på fliken "Anpassad CSS".
d. Klistra in följande kod i fältet Custom CSS:
```
.btn {
display:inline-block;
stoppning:15px 25px;
teckenstorlek:16px;
text-align:center;
text-dekoration:ingen;
färg:#fff;
bakgrund:#3498db;
gräns:ingen;
markör:pekare;
}
.btn:hover,
.btn:active {
bakgrund:#2980b9;
}
.btn:active {
transform:skala(0,95);
}
```
Steg 2:Lägg till HTML-element för knappen
a. I Weebly-redigeraren, dra och släpp ett "Bädda in kod"-element på din sida där du vill att knappen ska visas.
b. Klistra in följande HTML-kod i fältet "Kod":
```
Klicka på mig
```
Steg 3:Anpassa knappen
Du kan anpassa knappen genom att ändra följande egenskaper i CSS-koden:
a. `.btn {färg:#fff; bakgrund:#3498db;}` - Ändra textfärg och bakgrundsfärg på knappen.
b. `.btn:hover, .btn:active { bakgrund:#2980b9;}` - Ändra färgen för hovringen och det aktiva tillståndet på knappen.
Steg 4:Förhandsgranska och publicera
a. Klicka på knappen "Förhandsgranska" för att se hur knappen ser ut på din webbplats.
b. Om du är nöjd med resultatet klickar du på "Publicera" för att göra ändringarna live på din webbplats.
Obs :Den medföljande CSS-koden använder knapptexten "Klicka på mig." Du kan ersätta den med önskad text i HTML-koden.
Genom att följa dessa steg kan du lägga till 3D CSS-tryckknappar på din Weebly-webbplats för att förbättra dess användarupplevelse och visuella tilltal.
