Hvordan legge til en HTML Drop Box til et bilde for en blogg
Du kan bruke Hypertext Markup Language å bygge inn objekter på bloggen din; HTML kan opprette skjemaelementer, for eksempel slippe bokser, brukernavn og passordfeltene, og sende eller tilbakeknapper. Drop bokser, eller drop-down menyer, blir ofte brukt på blogger som nettsted navigasjon; du kan bruke HTML i kombinasjon med Javascript - en annen web-baserte dataspråk - for å gjøre slipp bokser sende besøkende til den valgte siden. I tillegg kan du bruke div-elementer for å plassere slippe bokser i forhold til andre elementer på siden, for eksempel bilder eller overskrifter.
Bruksanvisning
1 Legg til "<form>" og "<form>" tags mellom "<body>" og "</ body>" koder.
2 Sett inn "<Velg>" og "</ select>" tags mellom "<form>" koder, som så:
<Form>
<Velg>
</ Velge>
</ Form>
3 Legg den foretrukne antall menyalternativer i koden. Sett "<alternativ>" mellom "<Velg>" tags, og deretter opprette et navn for "<Velg>" koder, som vist nedenfor:
<Velg name = "kjæledyr">
<Option> </ option>
<Option> </ option>
<Option> </ option>
</ Velge>
4 Skriv inn et navn for hvert alternativ, sammen med sin verdi, som så:
<Option value = "cat"> Cat </ option>
<Option value = "hund"> Dog </ option>
<Option value = "fisk"> Fisk </ option>
5 Omgi de "<Velg>" tags med "<div>" tags:
<Div>
<Velg name = "kjæledyr">
<Option value = "cat"> Cat </ option>
<Option value = "hund"> Dog </ option>
<Option value = "fisk"> Fisk </ option>
</ Velge>
</ Div>
6 Legg "topp" og "venstre" attributtene til "<div>" tags:
<Div style = "top:; venstre:;">
7 Skriv inn appropraiiate numeriske verdier i "topp" og "venstre" felt for å plassere HTML drop-boksen på toppen av bloggen din image. For eksempel hvis du skriver "top: 20px; left: 300px;" inn i "<div>" tag betyr at drop-down boks er 20 piksler fra toppen av siden, og 300 piksler til høyre. Flytt boksen men mange piksler er nødvendig før det er satt på bildet. Koden bør ligne på følgende:
<Div style = "top: 20px; left: 300px;">
8 Legg Javascript for å kode og endre "verdi" felt til URLer hvis du vil at besøkende til bloggen din til å bruke rullegardinmenyen som nettstedet navigasjon. Du kan bruke følgende kode:
<Form action = "../">
<Velg OnChange = "window.open (this.options [this.selectedIndex] .Value, '_ top')">
<Option value = "http: // bloggen min / home"> Home </ option>
<Option value = "http: // min blogg / archives"> Arkiv </ option>
<Option value = "http: // min blogg / om"> Om meg </ option>
</ Velge>
</ Form>