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:
```
.button-3d {
display:inline-block;
stoppning:10px 20px;
bakgrundsfärg:#000;
färg:#fff;
text-align:center;
text-dekoration:ingen;
text-transform:versaler;
font-weight:fet;
kantlinje:2px fast #fff;
}
.button-3d:active {
transform:skala(0.9);
bakgrundsfärg:#333;
kantfärg:#333;
}
```
Steg 2:Styla din knapp
a. I koden kan du välja att modifiera olika stilalternativ för dina knappar.
- Redigera "padding", "background-color", "color" och "font-weight" för att anpassa utseendet.
- Ändra `kantfärg` för att ställa in färgen på kanten runt knappen.
b. Experimentera gärna med CSS-egenskaperna för att uppnå önskat utseende för dina knappar.
Steg 3:Lägg till knappen på din webbplats
a. I din Weebly-redigerare lägger du till ett textelement på önskad plats på din sida.
b. Klicka på fliken "HTML" i textelementinställningarna.
c. Lägg till följande HTML-kod och ersätt "Din text" med texten du vill visa på knappen:
```html
din text
```
Steg 4:Justera knappplacering
a. Du kan justera knappens position och stil med hjälp av inställningarna för textelement.
b. Överväg att använda justeringsalternativen för att centrera eller flytta knappen efter behov.
Steg 5:Spara och publicera
a. När du är nöjd med utseendet och placeringen av din knapp klickar du på "Spara" för att tillämpa ändringarna.
b. Förhandsgranska ändringarna på din webbplats.
c. När du är klar klickar du på "Publicera" för att göra knappen live på din webbplats.
Genom att följa dessa steg kan du enkelt lägga till 3D CSS-tryckknappar för att förbättra användarupplevelsen och estetiken på din Weebly-webbplats.
