Vsebina

• Koraki
• Nasvet
• Opozorilo

Ta wikiHow vas uči, kako na svojem spletnem mestu s pomočjo kode HTML in CSS ustvarite spustne menije. Spustni meni se prikaže, ko obiskovalec premakne kazalec miške nad določen gumb; Nato lahko kliknejo enega od elementov in odprejo spletno mesto te možnosti.

Koraki

1. 

   Odprite urejevalnik besedil HTML. Uporabite lahko preprost urejevalnik besedil (Notepad, TextEdit) ali naprednejši (Notepad ++).
   • Če se odločite za Notepad ++, morate izbrati HTML v delu menija "H" Jezik (Jezik) na vrhu okna, preden nadaljujete.

2. 

   
   
   Vnesite naslov dokumenta. Tu je koda, ki določa vrsto kode, ki se bo uporabljala za preostali del dokumenta:

3. 

   Ustvari spustni meni. Vnesite naslednjo kodo, da določite velikost in barvo spustnega menija, ne pozabite zamenjati "#" s parametrom, ki ga želite uporabiti (večja kot je številka, večji bo spustni meni). Lahko tudi zamenjamo barvo ozadja "background-color" in barvo "color" s katero koli barvo (ali barvno kodo HTML):

4. 

   
   
   V spustnem meniju določite, da želite zamenjati povezave. Ker boste nato v meni dodali povezave, jih lahko v spustnem meniju nadomestite z vnosom naslednje kode:

5. 

   Ustvari videz spustnega menija. Naslednja koda določa velikost in barvo spustnega menija, vključno s položajem v kombinaciji z drugimi elementi na spletni strani. Ne pozabite zamenjati "#" v razdelku "min-width" s želeno številko (npr. 250) in spremenite glavo "background-color" (barva ozadja) na določeno barvo ali kodo HTML:

6. 

   
   
   Vsebini spustnega menija dodajte podrobnosti. Naslednja koda bo določila barvo besedila znotraj in velikost gumba spustnega menija. Ne pozabite zamenjati "#" s številom slikovnih pik, ki določa velikost gumba v meniju:

7. 

   Ureja, kako se kazalec miške spreminja, ko lebdite v spustnem meniju. Ko miškin kazalec premaknete nad gumb menija, je treba spremeniti nekatere barve. V vrstici "barva ozadja" bo prikazana barva, ki se je spremenila, ko v spustnem meniju izberete nekaj, druga "barva ozadja" pa je barva, v katero se bo gumb menija spremenil. V idealnem primeru bi morali biti obe barvi svetlejši kot takrat, ko nista bili izbrani:

8. 

   Zaprite razdelek CSS. Vnesite naslednjo kodo, da določite, da ste končali z delom CSS-ja:

9. 

   Ustvari ime za menijski gumb. Vnesite naslednjo kodo, vendar ne pozabite zamenjati "Name" z imenom gumba spustnega menija (na primer: Meni):

10. 

    V meni dodajte povezave. Vsak element v spustnem meniju bo vodil do nečesa, pa naj bo to stran na trenutnem ali zunanjem spletnem mestu. V spustni meni dodajte svojo izbiro tako, da vnesete naslednjo kodo, ki jo morate zamenjati https://www.website.com z naslovom povezave (obdržite oklepaje) in "Ime" nadomestite z imenom povezave.

11. 

    Zapri dokument. Vnesite naslednje oznake, da zaprete dokument, in v spustnem meniju določite kodo:

12. 

    Koda za pregled določa spustni meni. Delček bo videti nekako takole: Oglasi

Nasvet

• Pred objavo na spletnem mestu vedno preglejte kodo.
• Zgornja navodila so za spustne menije, ki delujejo, ko miškin kazalec premaknete nad gumb menija. Če želite ustvariti spustni meni, ki klikne samo, ko kliknete, morate uporabiti JavaScript.

Opozorilo

• Obarvanost HTML je precej omejena, če uporabljamo oznake, kot sta "črna" ali "zelena". Tu si lahko ogledate generator barvnih kod HTML, ki uporabnikom omogoča ustvarjanje in uporabo barv po meri.