Jak dodać własny CSS w Webs.com

Twoje konto w Webs.com oferuje gotowe szablony stron, które pozwalają publikować witryny firmowe i prywatne bez znajomości programowania. Jeśli znasz CSS (Cascading Style Sheets), możesz w pełni kontrolować wygląd i układ szablonów – od stworzenia własnego projektu po modyfikację istniejącego. Poniżej znajdziesz instrukcję, jak wprowadzić własny CSS w Webs.com.

Krok 1

Zaloguj się na swoje konto Webs.com i kliknij zakładkę „Modyfikuj szablon” w prawym górnym rogu menu.

Krok 2

Wybierz link „Zmień szablon” pod głównym menu, a następnie po lewej stronie kliknij opcję „Wszystkie”. Zobaczysz pełną listę dostępnych szablonów.

Krok 3

Po prawej stronie listy szablonów znajdź i zaznacz pole „Custom CSS”. Następnie otwórz kartę „Advanced CSS”, aby wyświetliło się pole tekstowe, w którym wpiszesz reguły stylów.

Krok 4

Wpisz własny kod CSS, aby dostosować szablon Webs.com. Przykładowo, aby zmienić kolor tła całej strony, użyj:

body { background-color: #cccccc; }

Po zakończeniu kliknij przycisk „Zapisz” w prawym górnym rogu, a następnie w oknie dialogowym wybierz „Zobacz moją witrynę”, aby zobaczyć efekty.

Wskazówki

• Dostosuj wysokość nagłówka (górny baner) wpisując: #fw-head { height: 300px; }
• Zmieniaj kolor elementów menu: #fw-nav-menu li { color: #c0c0c0; }
• Ustaw rozmiar tytułu sekcji głównej: .fw-title { font-size: 18px; }
• Zmodyfikuj tło paska bocznego: #fw-sidebar { background-color: #ffff00; }
• Personalizuj kolor odnośników: a:link { color: #00ffff; }