Efni.

• Skref
• Ráð
• Viðvörun

Þessi wikiHow kennir þér hvernig á að búa til fellivalmyndir á vefsíðunni þinni með HTML og CSS kóða. Fellivalmynd birtist þegar gesturinn sveima músarbendlinum yfir tilgreindan hnapp; Næst geta þeir smellt á eitt atriðanna til að fara á vefsíðu þess valkosts.

Skref

1. 

   Opnaðu HTML textaritil. Þú getur notað einfaldan textaritil (Notepad, TextEdit) eða lengra komna (Notepad ++).
   • Ef þú ákveður að fara á Notepad ++ þarftu að velja HTML úr „H“ hluta matseðilsins Tungumál (Tungumál) efst í glugganum áður en haldið er áfram.

2. 

   
   
   Sláðu inn titil fyrir skjalið. Hér er kóðinn sem ákvarðar tegund kóða sem nota á fyrir rest skjalsins:

3. 

   Búðu til fellivalmynd. Sláðu inn eftirfarandi kóða til að tilgreina stærð og lit fellivalmyndarinnar, mundu að skipta um „#“ fyrir breytuna sem þú vilt nota (því stærri tala, því stærri fellivalmyndin verður). Við getum líka skipt út bakgrunnslitnum „bakgrunnslitur“ og „litnum“ fyrir hvaða lit (eða HTML litakóða) sem þú vilt:

4. 

   
   
   Tilgreindu að þú viljir skipta um krækjurnar í fellivalmyndinni. Þar sem þú bætir síðan við krækjum í valmyndina geturðu skipt þeim út í fellivalmyndinni með því að slá inn eftirfarandi kóða:

5. 

   Býr til útlit fellivalmyndarinnar. Eftirfarandi kóði ákvarðar stærð og lit fellivalmyndarinnar, þar með talin staðsetning þegar hún er sameinuð öðrum þáttum á vefsíðunni. Ekki gleyma að skipta um „#“ í hlutanum „mín breidd“ með númerinu sem þú vilt (t.d. 250) og breyta „bakgrunnslit“ (bakgrunnslitur) haus í ákveðinn lit eða HTML kóða:

6. 

   
   
   Bættu við upplýsingum við innihald fellivalmyndarinnar. Eftirfarandi kóði mun tilgreina textalitinn að innan og stærð fellivalmyndarhnappsins. Ekki gleyma að skipta um „#“ fyrir fjölda punkta sem skilgreinir stærð valmyndarhnappsins:

7. 

   Breytir því hvernig músarbendillinn breytist þegar hann er sveima í fellivalmyndinni. Þegar þú heldur músarbendlinum yfir valmyndarhnappnum þarf að breyta litum. "Bakgrunnslitur" línan endurspeglar litinn sem breytt er þegar þú velur eitthvað í fellivalmyndinni, en önnur "bakgrunnslit" línan er sá litur sem valmyndarhnappurinn breytist í. Helst ættu báðir þessir litir að vera léttari en þegar þeir voru ekki valdir:

8. 

   Lokaðu CSS hlutanum. Sláðu inn eftirfarandi kóða til að tilgreina að þú sért búinn með CSS hluta skjalsins:

9. 

   Búðu til nafn fyrir valmyndarhnappinn. Sláðu inn eftirfarandi kóða en mundu að skipta um „Nafn“ fyrir nafn fellivalmyndarhnappsins (til dæmis: Matseðill):

10. 

    Bættu við krækjum í valmyndina. Hvert atriði í fellivalmyndinni mun tengjast einhverju, hvort sem það er síða á núverandi vefsíðu eða utanaðkomandi vefsíðu. Bættu vali þínu við fellivalmyndina með því að slá inn eftirfarandi kóða sem þú þarft að skipta um https://www.website.com með heimilisfangi hlekkjarins (haltu sviga) og skiptu um „Nafn“ fyrir nafnið á hlekknum.

11. 

    Lokaðu skjali. Sláðu inn eftirfarandi merki til að loka skjalinu og tilgreindu lok kóða fellivalmyndarinnar:

12. 

    Yfirferðarkóði tilgreinir fellivalmynd. Úrdrátturinn mun líta svipað út og þetta: Auglýsingar

Ráð

• Farðu alltaf yfir kóðann áður en þú birtir það á vefsíðunni.
• Leiðbeiningarnar hér að ofan eru fyrir fellivalmyndir sem virka þegar þú heldur músarbendlinum yfir valmyndarhnappinn. Ef þú vilt búa til fellivalmynd sem smellir aðeins þegar þú smellir, þá þarftu að nota JavaScript.

Viðvörun

• HTML litunin er nokkuð takmörkuð þegar við notum merki eins og „svart“ eða „grænt“. Þú getur skoðað HTML litakóða rafallinn sem gerir notendum kleift að búa til og nota sérsniðna liti hér.