Det finns många webbplatslayouter att hitta online. De är praktiska att använda när det inte finns tid att skriva all kod från början. Det är mycket lättare att redigera en befintlig mall genom att ändra dess design. Så, för att rita din egen webbplatsmeny måste du utföra flera steg.
Instruktioner
Steg 1
Som ett exempel betraktas arbetet i ucoz-systemet. Utformningen av olika element på en webbplats specificeras ofta med hjälp av ett formatmall (CSS). Logga in på kontrollpanelen med ett administratörskonto för att komma åt det. Välj avsnittet "Designhantering" på panelens huvudsida.
Steg 2
I rullgardinsmenyn med redigerbara sidor väljer du Style Sheet (CSS) från kategorin Allmänna mallar. Titta på informationen skriven i raderna relaterade till den allmänna utformningen (Allmänt stilblock) och specifikt till menyn (block med ordet Menyer i deras namn). Du måste ta reda på vilka parametrar som är inställda för menyraden: bredd, höjd, bakgrund på panelen och knappar, bilder och så vidare.
Steg 3
Om parametrarna inte passar dig, byt ut dem mot de du behöver och spara mallen. Därefter kan du redan starta grafikredigeraren och med hjälp av den erhållna informationen rita dina egna knappar. Spara dem och återvänd till webbplatsen. I menyn "Verktyg" väljer du "Filhanteraren" eller klickar på länken med samma namn som ligger under blocket med koden.
Steg 4
Ladda upp nya knappar till webbplatsen (riktningspilar eller andra grafiska element som du använder i menyn). Skriv ner värdet för knapparna i koden (till exempel bakgrund: url ('https:// länk till bilden från filhanteraren') no-repeat XXpx XXpx), ställ in parametrarna för justering, position på sidan. Skriv ned teckensnittsstilen och storleken för menyavsnitten (teckensnittsfamilj och teckensnittsstorlek) och gör eventuella andra ändringar du behöver.
Steg 5
Klicka på "Spara" -knappen, vänta på meddelandet om att mallen har sparats och öppna webbplatsens sida för att utvärdera resultatet av det utförda arbetet. Om du inte är nöjd med något kan du ångra dina handlingar i CSS-redigeringsfönstret med vänsterpilknapp i verktygsfältet.