Hvordan lage Rulle Bokser

Hvordan lage Rulle Bokser


En rulleboks er en fantastisk lite stykke koding som kan spare plass og legge praktisk funksjonalitet til en nettside. En rulleboks er en liten HTML vindu fylt med informasjon; et rullefelt på siden av vinduet kan en nettside besøkende å bla gjennom informasjonen i rulleboksen. Nettsteder bruker ofte bla bokser for oppbevaring av bloggruller eller andre store deler av teksten for å bidra til å redusere rot på en nettside.

For å beholde HTML kode symboler mens du skriver koden, bruke Notepad eller annen HTML-redigering program.

Bruksanvisning

1 Åpne Notisblokk eller din favoritt HTML-redigering programvare.

2 Skriv inn følgende HTML-kode og sette det inn i et nytt, tomt dokument.

<Center> </ center>

Dette vil føre til at teksten i rulleboksen for å være sentrert inne i rulleboksen selv. Hvis du ikke ønsker å ha teksten sentrert, eliminere dette trinnet; din rulleboksen teksten vil gå tilbake til standard text-align innstillingene for ditt nettsted siden.

3 Skriv inn følgende:

<Div style = ""> </ div>

4 Sett inn følgende mellom de to anførselstegnene fra Trinn 3:

border: 2px dotted svart

Dette vil føre til at rulleboksen for å ha en tynn, stiplet, svart ramme rundt utsiden av rulleboksen. Tilpass detaljene til din smak. For eksempel, hvis du ønsker å ha noen grense, erstatte "2px" med "0px". Hvis du ønsker å ha en tykkere kant, erstatte "2px" med et større antall. Hvis du ønsker å ha en fast linje i en annen farge, endre "prikkete" til "solid;". Type i en annen farge i stedet for "svart", slik som "røde", "gul" eller "blue"

5 Trykk på mellomromstasten på tastaturet en gang. Sett følgende etter koden du la inn fra Trinn 4:

flow: auto; height: 100px; width: 270px;

Dette styrer størrelsen på rulleboksen på nettstedet. Justere høyden og bredden til din smak.

6 Trykk på mellomromstasten på tastaturet en gang. Sett følgende etter koden du la inn fra Trinn 5:

color: red; background-color: white

Dette styrer tekst og bakgrunnsfarge på innsiden av rulleboksen. I koden gitt, vil teksten være rød og innsiden av rulleboksen (bakgrunnen) vil være hvit. Tilpass til dine preferanser.

7 Sett inn tekst mellom "større enn" og "mindre enn" symboler (> <) i trinn 3. Din grunnleggende, bør fullført HTML kode se omtrent slik ut, sans tilpasninger:

<Center> <div style = \ "border: 2px dotted black; overflow: auto; height: 100px; width: 270px; color: red; background-color: white; \"> Sett inn tekst her </ div> </ center >

8 Kopier og lim inn fullført, tilpasset kode i HTML-koden på ditt nettsted.

Hint

  • Lagre dokumentet når du først begynner og mens du jobber, i tilfelle systemkrasj eller andre problemer fører til at du mister jobben din.
  • Husk å skrive inn hver enkelt tegn riktig, som gitt i trinnene. Unnlatelse av å inkludere et anførselstegn eller semikolon vil gjengi HTML-koden ineffektiv.
  • Sett den tilpassede rulleboksen kode inn i selve HTML av nettstedet. Ikke sett rulleboksen koden i en \ "visuell \" eller \ "komponere \" redaktør modus av ditt nettsted utvikling programvare; dette vil dekode HTML-koding, og det vil ikke vises riktig.