Slik skjuler Rulle Bokser
Rullebokser vises på siden av din nettleser når det er mer innhold under skjermen vinduet. De vises automatisk med standard stiler som kan brukes til størrelsen, opp og ned pilene, farge og mer. Du kan skjule rullefelt og sikre full kontroll over din side ved å endre CSS eller header arkivkode og endre overløp eiendom for å hindre at nettlesere automatisk generering bla bokser.
Bruksanvisning
CSS
1 Åpne datamaskinens nettleser og gå til webområdet ditt eller siden. Velg "View Source" fra sidemenyen i Internet Explorer, "Page Source" fra Vis-menyen i Firefox eller høyreklikk og velg "Vis kilde» i Chrome. Se gjennom koden og bekreft hvilket område klasser brukes på den delen hvor du ønsker å fjerne bla bokser. Hvis du ønsker å fjerne bla bokser fra hele området, bekrefte hvilke klasser gjelder for alt innhold.
2 Finn riktig CSS editor for din side nettstedet. CSS editor er under "Rediger profil", eller i "Editor" under Utseende sidebar-menyen i Wordpress for eksempel. Du kan også ha en egen CSS-fil for nettstedet.
3 Finn riktig klasse som genererer bla bokser i koden. Finn linjen "overløp: bla;" og slette det hvis det finnes. Legg inn koden "overflow: hidden;". Dette vil skjule dine navigasjonsbokser og klippet innhold som ikke vises i boksen slik at den er usynlig for besøkende.
4 Lagre den oppdaterte CSS-fil og bekrefte at rulle boksene er skjult.
Javascript
5 Åpne datamaskinens nettleser og gå til webområdet ditt eller siden. Velg "View Source" fra sidemenyen i Internet Explorer, "Page Source" fra Vis-menyen i Firefox eller høyreklikk og velg "Vis kilde» i Chrome. Se gjennom koden og bekreft hvilket område klasser brukes på den delen hvor du ønsker å fjerne bla bokser. Hvis du ønsker å fjerne bla bokser fra hele området, bekrefte hvilke klasser gjelder for alt innhold.
6 Finn riktig HTML-editor for din side eller et nettsted.
7 Sett inn følgende Javascript under <head> tag: <script type = "text / javascript">
funksjon hideOverflow () {document.getElementById ( "klassenavn") style.overflow = "skjult."; } </ Script>. Erstatt "klassenavn" med navnet på elementet med rullebokser.
8 Lagre den oppdaterte header fil og bekrefte at rulle boksene er skjult.