Jak vytvořit vlastní CSS pro Webs.com

Váš účet Webs.com poskytuje funkce, například předdefinované šablony stránek, které umožňují publikovat vaše obchodní a osobní webové stránky bez znalosti kódování. Pokud však znáte kaskádové styly nebo CSS, můžete místo toho vytvořit vlastní kódy. CSS vám dává plnou kontrolu nad rozvržením a designem vašich šablon webových stránek, takže je můžete vytvořit od nuly nebo upravit stávající návrhy. Použijte nabídky na webu Webs.com, abyste použili CSS, díky kterému vaše stránky vyniknou. panel nabídek v pravém horním rohu.

Krok 2
Klikněte na odkaz "Změnit šablonu", který se zobrazí pod hlavním menu, a poté klikněte na možnost "Vše", která se zobrazí na levé straně. Tato akce představuje všechny možnosti šablony dostupné na webu Webs.com.

Krok 3
Přejděte napravo od možností šablony a klepněte na pole Vlastní CSS. Klikněte na záložku "Rozšířené CSS", která se zobrazí, abyste zobrazili textové pole, do kterého zadáte pravidla stylu. Zadejte například barvu pozadí těla, která řídí celkový vzhled stránky, jako v následujícím příkladu: body {background-color: #cccccc; }
Klikněte na tlačítko "Uložit" v pravém horním rohu. Klikněte na tlačítko "Zobrazit mé stránky" v dialogovém okně, které se zobrazí, chcete-li zobrazit vlastní CSS publikované na vašich webových stránkách Webs.com.

Tipy
Přizpůsobte výšku záhlaví, což je horní banner na zadáním "# fw-head {height: px;}" a zadáním požadované hodnoty čísla za atribut height. Například:
# fw-head {výška: 300px; }
Použijte barvu na položky nabídky v navigačním panelu zadáním "# fw-nav-menu li {color:;}" a zadáním hodnoty barev po atributu barvy. Například:
# fw-nav-menu li {color: # c0c0c0; }
Zkopírujte velikost nadpisu, který se zobrazí nad hlavní oblastí obsahu na stránce, zadáním ".fw-title {velikost písma: px;}" a zadáním čísla za atributem velikost písma, jako je:
.fw-title {velikost písma: 18px; }
Vytvořte vzhled pozadí postranního panelu, což je svislý sloupec na pravé nebo levé straně stránky, zadáním "# fw-sidebar {background-color:;}" a zadáním požadované hodnoty barvy. Pro ilustraci:
# fw-sidebar {background-color: ffff00; }
Přizpůsobte odstín hypertextových odkazů zadáním "a: link {color:;}" a zadáním hodnoty barvy, jako například následující příklad:
a: link {color: # 00ffff; }


URL:https://cs.whycomputer.com/Software/100108092.html