Hvordan Color rullefeltene Innenfor en iframe?
Webdesignere bruker et kodespråk kalt Hypertext Markup Language (HTML) for å skape struktur for sine områder. HTML inneholder en funksjon som kalles den innebygde rammen element (ofte kalt iframe-elementet). Dette elementet rammer innhold fra en webside i en forhåndsdefinert plass i en annen webside. Iframe-elementet inneholder en rullefelt egenskap som gjør at Internett-brukere til å bla gjennom innholdet mens du holder den inne i sin opprinnelige rammen. Webdesignere feste Cascading Style Sheet (CSS) regler til HTML som designer utseende og farge på iframe er rullefeltet.
Bruksanvisning
1 Lag iframe i den opprinnelige HTML-dokumentet. Definer verdiene av innrammede innhold URL og høyde og bredde egenskaper. I dette eksemplet er iframe skapes gjennom bruk av <iframe> og </ iframe> koder. Ramme linker til "yourFramedContent.html" Web-side og rammen er satt til 200 piksler bred og 400 piksler høy.
<Iframe height = "400" width = "200"> </ iframe>
2 Place CSS rullefeltet designregler mellom <header> og </ header> -kodene i måldokumentet. Lag designregler som en del av HTML-element design eiendom. I dette tilfellet har rullefeltet base er satt til svart, er ansiktet rødt og pilen vil være grønn.
<Header>
<Style>
html {
scrollbar-basen-color: black;
scrollbar-ansikt-color: red;
scrollbar-pil-color: green;
}
</ Style>
</ Header>
3 Endre fargene ved behov. Hvis følgende design regler er brukt, bør helheten av rullefeltet vises i hvitt.
<Header>
<Style>
html {
scrollbar-basen-color: white;
scrollbar-ansikt-color: white;
scrollbar-pil-color: white;
}
</ Style>
</ Header>
Hint
- Som et alternativ til iframes, vurdere å bruke CSS for å style en HTML div element med overløp eiendom. Overløps eiendommen kan settes til å rulle (f.eks .div {overløp: bla;}). Denne innstillingen vil gjengi et rullefelt når lengden på innholdet overstiger den etablerte størrelsen på div.
- Rullefeltet er fargeegenskaper bare gjengi innsiden av Internet Explorer nettlesere. Chrome og Firefox nettlesere tillater ikke webutviklere å endre standardinnstillingene for rullefeltet.