Het Sitemenu Aanpassen

Inhoudsopgave:

Het Sitemenu Aanpassen
Het Sitemenu Aanpassen

Video: Het Sitemenu Aanpassen

Video: Het Sitemenu Aanpassen
Video: How To Style and Customize The Divi Menu Module Dropdown Submenu 2024, Mei
Anonim

Ucoz is een populair websitebeheersysteem. Met zijn hulp kunt u elk element van uw eigen bron aanpassen en een uniek paginaontwerp maken. Het menu is een van de belangrijkste elementen van elke site, omdat de gebruiker hierdoor door uw bron navigeert.

Het sitemenu aanpassen
Het sitemenu aanpassen

instructies:

Stap 1

U kunt de bedieningselementen voor het maken van sites gebruiken om het menu in Ucoz aan te passen. U kunt dus de achtergrondkleur van de geselecteerde sjabloon, de kleur van links en tekst in menublokken wijzigen. Het bewerken van alle elementen gebeurt via het ontwerpermenu "Design" - "Design Management (CSS)".

Stap 2

Dit opent een CSS-stylesheet, d.w.z. het sjabloon op basis waarvan de interface-elementen worden weergegeven. Zoek de lijnnavBar in de weergegeven code en bewerk deze naar eigen inzicht. Bijvoorbeeld:

#navBar {opvulling: 4px; achtergrond: # 959595; overloop: automatisch; kleur rood; }

Stap 3

Deze code stelt de inspringing van de tekst van de randen van het gemaakte blok in met 4 pixels, terwijl de achtergrond van het menu de waarde # 959595 krijgt, wat overeenkomt met een bepaalde kleur in het HTML-formaat. De parameter overflow: auto wordt gebruikt om de weergave van inhoud in te stellen die niet in het opgegeven gebied past. Deze parameter mag niet zonder speciale noodzaak worden bewerkt. De kleuroptie stelt de inhoudselementen van het blok in op rood.

Stap 4

Om de parameters van een link te bewerken, kunt u ook de opties gebruiken die zich in hetzelfde codeblok bevinden. Verander de #navBar a: link (normale link), a: active (link kleur na klikken), a: bezocht (bezochte link), en a: hover (link kleur na hover) naar wens. Wijzig de kleur van het kleurattribuut en bewerk de tekstdecoratieparameter, waarmee de attributen voor de tekst worden ingesteld. Waarden voor deze optie kunnen onderstrepen, knipperen, doorstrepen, overstrepen.

Stap 5

Klik na het bewerken op de knop "Opslaan". Wijzig op dezelfde manier de regels.subColumn (achtergrond voor het weergeven van verticale menu-items),.boxTable (titels van menublokken),.boxContent (inhoud van lijsten met menulinks),.uMenuV (verticale menu-items) naar wens. U kunt onnodige parameters verwijderen en uw eigen CSS-code invoegen, evenals de kleuren van andere elementen in het ontwerp bewerken.

Stap 6

Sla wijzigingen op en bekijk het resultaat door naar uw websitepagina te gaan. Het bewerken van de Ucoz-menu-items is voltooid.

Aanbevolen: