Ako si vytvoriť vlastný CSS pre Webs.com

Váš účet Webs.com poskytuje funkcie, ako sú napríklad preddefinované šablóny stránok, ktoré vám umožňujú publikovať vaše obchodné a osobné webové stránky bez znalosti kódovania. Ak však poznáte kaskádové štýly alebo CSS, môžete namiesto toho vytvoriť vlastné kódy. CSS vám poskytuje úplnú kontrolu nad rozložením a dizajnom šablón vašich webových stránok, aby ste ich mohli vytvárať od nuly alebo upravovať existujúce návrhy. Pomocou ponúk na serveri Webs.com použite CSS, vďaka ktorému vynikajú vaše stránky.

Krok 1

Prihláste sa do svojho účtu Webs.com a kliknite na kartu „Upraviť šablónu“ na karte lišta ponuky v pravom hornom rohu.

Krok 2

Kliknite na odkaz „Zmeniť šablónu“, ktorý sa objaví pod hlavným menu, a potom kliknite na možnosť „Všetko“, ktorá sa zobrazuje na ľavej strane. Táto akcia predstavuje všetky možnosti šablón, ktoré sú k dispozícii na serveri Webs.com.

Krok 3

Prejdite napravo od možností šablóny a kliknite na políčko „Vlastné CSS“. Kliknutím na kartu „Advanced CSS“, ktorá sa zobrazí, sa zobrazí textové pole, do ktorého zadáte pravidlá pre štýl.

Krok 4

Ak chcete navrhnúť svoju šablónu Webs.com, zadajte vlastný kód CSS. Zadajte napríklad farbu pozadia tela, ktorá riadi celkový vzhľad vašej stránky, ako v nasledujúcom príklade: body {background-color: #cccccc; }

Kliknite na tlačidlo „Uložiť“ v pravom hornom rohu. V zobrazenom dialógovom okne kliknite na tlačidlo „Zobraziť môj server“ a zobrazte si vlastný CSS uverejnený na vašom webovom serveri Webs.com.

Tipy

Prispôsobte výšku hlavičky, ktorá je horným bannerom na svoju stránku zadaním „# fw-head {height: px;}“ a zadaním požadovanej hodnoty čísla za atribút výšky. Napríklad:

# fw-head {height: 300px; }

Použite farbu na položky ponuky na navigačnom paneli zadaním "# fw-nav-menu li {color:;}" a zadaním hodnoty farby za atribút farby. Napríklad:

# fw-nav-menu li {color: # c0c0c0; }

Naformátujte veľkosť názvu, ktorý sa zobrazuje nad hlavnou oblasťou obsahu na vašej stránke, zadaním „.fw-title {font-size: px;}" a zadaním čísla za atribútom font-size, napríklad:

.fw-title {font-size: 18px; }

Zadaním "# fw-sidebar {background-color:;}" a zadaním požadovanej hodnoty farby môžete navrhnúť vzhľad pozadia svojho bočného panela, ktorý je vertikálnym stĺpcom na pravej alebo ľavej strane vašej stránky. Na ilustráciu:

# fw-sidebar {background-color: ffff00; }

Prispôsobte odtieň svojich hypertextových odkazov zadaním „a: link {color:;}“ a napísaním hodnoty farby, napríklad v nasledujúcom príklade:

a: link {color: # 00ffff; }

• Predchádzajúca strana: Funkcie kvartilu v programe Access
• Ďalšia strana: Ako nainštalovať magicJack na Ubuntu