Hur man gör en anpassad CSS för Webs.com

Ditt Webs.com -konto har funktioner, t.ex. fördesignade sidmallar, som låter dig publicera ditt företag och personliga webbplatser utan kodningskunskap. Dock, om du känner Cascading Style Sheets, eller CSS, du kan göra egna koder istället. CSS ger dig full kontroll över layouten och utformningen av dina webbplatsmallar så att du kan skapa dem från grunden eller ändra befintliga mönster. Använd menyerna på Webs.com för att tillämpa CSS som gör att dina sidor sticker ut.

Steg 1

Logga in på ditt Webs.com -konto och klicka på fliken "Ändra mall" i menyraden i det övre högra hörnet.

Steg 2

Klicka på länken "Ändra mall" som visas under huvudmenyn, klicka sedan på alternativet "Alla" som visas på vänster sida. Denna åtgärd presenterar alla mallalternativ som finns på Webs.com.

Steg 3

Rulla till höger om mallalternativen och klicka på rutan "Anpassad CSS". Klicka på fliken "Avancerad CSS" för att visa en textruta där du anger dina stilregler.

Steg 4

Skriv din anpassade CSS -kod för att designa din Webs.com -mall. Till exempel, ange kroppens bakgrundsfärg, som styr det totala utseendet på din sida, som i följande exempel:body {background-color:#cccccc; }

Klicka på knappen "Spara" i det övre högra hörnet. Klicka på knappen "Se min webbplats" i dialogrutan som visas för att visa den anpassade CSS som publicerats på din Webs.com -webbplats.

Tips

• Anpassa höjden på din rubrik, som är den översta bannern på din sida, genom att ange "#fw-head {height:px;}" och skriva ett önskat talvärde efter attributet höjd. Till exempel:
• #fw-head {höjd:300px; }
• Applicera en färg på menyalternativen i navigeringsfältet genom att skriva "#fw-nav-menu li {color:;}" och ange ett färgvärde efter färgattributet. Till exempel:
• #fw-nav-meny li {färg:#c0c0c0; }
• Formatera storleken på titeln som visas ovanför huvudinnehållsområdet på din sida genom att ange ".fw-title {font-size:px;}" och skriva ett nummer efter attributet font-size, såhär:
• .fw-title {font-size:18px; }
• Designa bakgrundsutseendet på din sidofält, som är den vertikala kolumnen på höger eller vänster sida av din sida, genom att skriva "#fw-sidofält {bakgrund-färg:;}" och ange ett önskat färgvärde. För att illustrera:
• #fw-sidofält {bakgrund-färg:ffff00; }
• Anpassa nyansen i dina hyperlänkar genom att ange "a:link {color:;}" och skriva ett färgvärde, som följande exempel:
• a:länk {color:#00ffff; }