Jak utworzyć własny CSS dla Webs.com

Twoje konto Webs.com oferuje funkcje, takie jak wstępnie zaprojektowane szablony stron, które umożliwiają publikowanie firmowych i osobistych stron internetowych bez znajomości kodowania. Jeśli jednak znasz kaskadowe arkusze stylów lub CSS, możesz zamiast nich tworzyć kody niestandardowe. CSS zapewnia pełną kontrolę nad układem i projektem szablonów witryny, dzięki czemu można je tworzyć od podstaw lub modyfikować istniejące projekty. Użyj menu w Webs.com, aby zastosować CSS, który wyróżnia Twoje strony.

Krok 1
Zaloguj się na swoje konto Webs.com i kliknij kartę „Modyfikuj szablon” w pasek menu w prawym górnym rogu.

Krok 2
Kliknij link „Zmień szablon”, który pojawia się pod menu głównym, a następnie kliknij opcję „Wszystkie” wyświetlaną po lewej stronie. Ta akcja przedstawia wszystkie opcje szablonów dostępne w Webs.com.

Krok 3
Przewiń w prawo od opcji szablonu i kliknij pole „Niestandardowy CSS”. Kliknij wyświetloną kartę „Zaawansowane CSS”, aby wyświetlić pole tekstowe, w którym wprowadzasz reguły stylu.

Krok 4
Wpisz własny kod CSS, aby zaprojektować szablon Webs.com. Na przykład określ kolor tła ciała, który kontroluje ogólny wygląd strony, jak w poniższym przykładzie: body {background-color: #cccccc; }
Kliknij przycisk „Zapisz” w prawym górnym rogu. Kliknij przycisk „Zobacz moją witrynę” w wyświetlonym oknie dialogowym, aby wyświetlić niestandardowy CSS opublikowany w witrynie Webs.com.

Wskazówki
Dostosuj wysokość nagłówka, który jest górnym banerem na stronie twoja strona, wpisując „# fw-head {height: px;}” i wpisując żądaną wartość liczbową po atrybucie height. Na przykład:
# fw-head {wysokość: 300px; }
Zastosuj kolor do elementów menu na pasku nawigacyjnym, wpisując „# fw-nav-menu li {color:;}” i wprowadzając wartość koloru po atrybucie koloru. Na przykład:
# fw-nav-menu li {color: # c0c0c0; }
Sformatuj rozmiar tytułu, który pojawia się nad głównym obszarem zawartości na stronie, wpisując „.fw-title {font-size: px;}” i wpisując liczbę po atrybucie font-size, tak:
.fw-title {font-size: 18px; }
Zaprojektuj wygląd tła paska bocznego, który jest pionową kolumną po prawej lub lewej stronie strony, wpisując „# fw-sidebar {background-color:;}” i wprowadzając żądaną wartość koloru. Aby to zilustrować:
# fw-sidebar {background-color: ffff00; }
Personalizuj odcień hiperłączy, wpisując „a: link {color:;}” i wpisując wartość koloru, tak jak w następującym przykładzie:
a: link {color: # 00ffff; }


URL:https://pl.whycomputer.com/oprogramowanie/100308092.html