Jak vytvořit vlastní CSS pro Webs.com

Váš účet na Webs.com nabízí řadu funkcí, včetně předpřipravených šablon stránek, které vám umožní publikovat firemní i osobní web bez znalosti programování. Pokud ovládáte CSS (Cascading Style Sheets), můžete šablony upravit podle vlastních představ. CSS vám dává plnou kontrolu nad rozvržením a vzhledem šablon – můžete je vytvořit od nuly nebo upravit existující design. V rozhraní Webs.com můžete snadno aplikovat vlastní CSS a učinit své stránky výjimečnými.

Krok za krokem

Krok 1

Přihlaste se do svého účtu na Webs.com a v pravém horním rohu klikněte na záložku Upravit šablonu (Modify Template).

Krok 2

V podmenu zvolte odkaz Změnit šablonu (Change Template) a poté klikněte na možnost Vše (All) na levé straně. Zobrazí se kompletní seznam šablon dostupných na Webs.com.

Krok 3

Posuňte se úplně doprava v seznamu šablon a zaškrtněte políčko Vlastní CSS (Custom CSS). Poté otevřete kartu Rozšířené CSS (Advanced CSS), kde se zobrazí textové pole pro zadání vašich stylových pravidel.

Krok 4

Do textového pole napište svůj vlastní CSS kód. Například můžete nastavit barvu pozadí celé stránky takto:

body { background-color: #cccccc; }

Po dokončení klikněte na tlačítko Uložit v pravém horním rohu a následně v dialogovém okně vyberte Zobrazit můj web (See My Site), abyste viděli změny v praxi.

Užitečné tipy

• Upravte výšku hlavičky (horní banner) pomocí #fw-head { height: 300px; }, kde 300px nahradíte požadovanou hodnotou.
• Změňte barvu položek v navigačním menu: #fw-nav-menu li { color: #c0c0c0; }.
• Upravte velikost nadpisu nad hlavním obsahem: .fw-title { font-size: 18px; }.
• Stanovte barvu pozadí postranního panelu: #fw-sidebar { background-color: #ffff00; }.
• Definujte barvu odkazů: a:link { color: #00ffff; }.