Jak Dostosować Menu Witryny?

Spisu treści:

Jak Dostosować Menu Witryny?
Jak Dostosować Menu Witryny?

Wideo: Jak Dostosować Menu Witryny?

Wideo: Jak Dostosować Menu Witryny?
Wideo: wordpress menu customize Tutorial | how to customize menu bar in wordpress | menus in wordpress 2020 2024, Może
Anonim

Ucoz to popularny system zarządzania witryną. Z jego pomocą możesz dostosować każdy element własnego zasobu i stworzyć niepowtarzalny projekt strony. Menu jest jednym z głównych elementów każdej witryny, ponieważ to za jego pośrednictwem użytkownik porusza się po Twoim zasobie.

Jak dostosować menu witryny?
Jak dostosować menu witryny?

Instrukcje

Krok 1

Możesz użyć kontrolek kreatora witryn, aby dostosować menu w Ucoz. Możesz więc zmienić kolor tła wybranego szablonu, kolor linków i tekstu w blokach menu. Edycja wszystkich elementów odbywa się poprzez menu projektanta "Projekt" - "Zarządzanie projektem (CSS)".

Krok 2

Otworzy się arkusz stylów CSS, tj. szablon, na podstawie którego wyświetlane są elementy interfejsu. Znajdź wiersz paska nawigacyjnego w wyświetlonym kodzie i edytuj go według własnego uznania. Na przykład:

#navBar {dopełnienie: 4px; tło: # 959595; przelew: auto; kolor czerwony; }

Krok 3

Ten kod ustawia wcięcie tekstu od granic tworzonego bloku o 4 piksele, podczas gdy tło menu uzyskuje wartość # 959595, co odpowiada określonemu kolorowi w formacie HTML. Parametr overflow: auto służy do ustawienia wyświetlania treści, które nie mieszczą się w określonym obszarze. Tego parametru nie należy edytować bez specjalnej potrzeby. Opcja koloru ustawia elementy zawartości bloku na kolor czerwony.

Krok 4

Aby edytować parametry łącza, możesz również użyć opcji znajdujących się w tym samym bloku kodu. Zmień #navBar a: link (normalny link), a: aktywny (kolor linku po kliknięciu), a: odwiedzony (odwiedzony link) i a: hover (kolor linku po najechaniu) według własnych upodobań. Zmień kolor atrybutu koloru i edytuj parametr text-decoration, który ustawia atrybuty tekstu. Wartości dla tej opcji mogą być podkreślone, migające, przekreślone, nadkreślone.

Krok 5

Po edycji kliknij przycisk „Zapisz”. W podobny sposób zmień wiersze.subColumn (tło do wyświetlania pionowych pozycji menu),.boxTable (tytuły bloków menu),.boxContent (zawartość list linków menu),.uMenuV (pionowe pozycje menu) według własnych upodobań. Możesz usunąć niepotrzebne parametry i wstawić własny kod CSS, a także edytować kolory innych elementów w projekcie.

Krok 6

Zapisz zmiany i wyświetl wynik, przechodząc na stronę swojej witryny. Edycja pozycji menu Ucoz została zakończona.

Zalecana: