Kuidas muuta kerimisriba

Kui soovite vürtsi oma veebilehel või teha see segu koos kogu saidile, proovige muuta oma kerimisribad.Tehtud muudatused kerimisriba värvid kuvatakse Internet Explorer, kuid mitte teiste brauseritega, nagu Firefox või Opera.

Kasutades CSS (Cascading Style Sheets), et muuta kerimisriba

  1. Tutvuge osad kerimisriba et tead, kuidasjuurdepääs / muuda neid oma CSS koodi.Kerimisriba sisaldab liugur (kasutatakse kerida üles / alla lehekülje), kerimisriba teele (kui liugur liigub üle) ja kaks kerimisriba nooled (peal ja all rada).

  2. Review CSS kood kerimisriba.Siin on näide kood:
    kerimisriba näkku-color: Kehtib värvi kerimisriba liugur
    kerimisriba-track-color: Kehtib värvi kerimisriba lugu
    kerimisriba Nool värv: Kehtib värvi kerimisriba nool
    kerimisriba varju värvi: Kehtib värvi kerimisriba varju
    kerimisriba-darkshadow-color: Kehtib värvi kerimisriba tume vari
    kerimisriba-highlight-color: Kehtib värvi kerimisriba esile
    kerimisriba-3dlight-color: Kehtib värvi kerimisriba 3D v

    alguse

  3. värvi muutmiseks oma kerimisriba liugurit punane, oma koodi loeks:

    kerimisriba näkku-color: # FF0000;
    Lisage kindlasti ka semikooloniga pärast iga rida koodi.

lisamine Scrollbar CSS kui External Link

  1. Open oma lemmik tekstiredaktoriga ja luua CSS faili.

  2. Lisa järgmine kood oma CSS faili muuta kerimisriba default:
    keha {kerimisriba-base-color: # FF0000;}
    Kerimisriba default võimaldab muuta kõik värvid oma kerimisriba korraga.

  3. Vaheta värvi sinu.

  4. Tee detailne muutused üksikute osade oma kerimisriba lisatakse järgmine kood asemel:
    keha {
    kerimisriba näkku-color: # 0000FF
    GO
    kerimisriba-track-color: # 000000
    GO
    kerimisriba-arrow-color: # 000000
    GO
    kerimisriba varju-color: # 999999
    GO
    kerimisriba-darkshadow-color: # 999999
    GO
    kerimisriba-highlight-color: # 0000FF
    GO
    kerimisriba-3dlight-color: # 0000FF
    GO
    }
    Mäleta asendada värvid, mida soovid kasutada.

  5. Salvesta CSS faili ja avada oma HTML faili.

  6. Koht järgmine kood vahel PEA tag:
    & lt; link rel = \ "laaditabeli \" type = \ "text / css \" href = \ "scrollbar.css \" / & gt;
    Asenda "scrollbar.css" oma tegelikke CSS faili nimi ja asukoht.

  7. Salvesta HTML fail ja vaata see oma brauseris.

lisamine Scrollbar CSS sisemise Link

  1. Lisa järgmised otse oma HTML koodi vahel PEA sildi, vaid asendab värvide need, mida soovite kasutada:
    & lt; style & gt;
    keha {
    kerimisriba näkku-color: # 0000FF
    GO
    kerimisriba-track-color: # 000000
    GO
    kerimisriba Nool color: # 000000
    GO
    kerimisriba varju-color: # 999999
    GO
    scrollbar-darkshadow-color: # 999999
    GO
    kerimisriba-highlight-color: # 0000FF
    GO
    kerimisriba-3dlight-color: # 0000FF
    GO
    }
    & lt; / style & gt;

  2. Salvesta HTML fail ja vaata see brauser.

  3. Mängi värvidega, kuni sa oled rahul oma looming.

  4. Muuda iga värvi taustavärvi lehel varjata oma kerimisriba või oleks läbipaistev.

eemaldamine kerimisriba alates hüpikakna JavaScript

  1. Koht järgmine kood vahel PEA tag oma HTML dokument:
    & lt; script type = \ "javascript \" & gt;
    funktsiooni hüpikaken (URL) {
    window.open (URL, \ "window_name \", \ "width = 500, height = 500, vasakule = 0, top = 0, kerimisribad = ei, menüüriba = ei, muudetava suurusega = ei,Asukoht = ei, tööriistariba = no \ ")
    GO
    }
    & lt; / script & gt;

  2. Vahetage window_name (nimi hüpikaken), laius, kõrgus, vasakule (kaugusele jäänud ekraan), top (kaugusele jäänud ekraan), kerimisribad (jah / ei näidata kerimisribad) ja menüüriba (jah/ ei näidata menüüriba), muudetava suurusega (jah / ei suurust akna), asukoht ja tööriistariba oma andmed.

  3. Lisa järgmine kood & lt; body & gt;tag asendada link oma pop-up lehel.
    & lt; a href = \ "JavaScript: hüpikaken (" page_name.html "); \" & gt; oma teksti link & lt; / a & gt;

  4. Asenda "page_name.html" oma tegelikke HTML lehel.

  5. Salvesta HTML fail ja vaadata brauseris.Sa kõik teinud.

Tips & amp;Hoiatused

  • loomine eraldi CSS faili oma kerimisribad muudab lihtsamaks muuta seda tulevikus.Sul on vaja ainult muuta üks kord oma CSS faili versus mitu korda iga HTML faili.
  • JavaScript peab olema lubatud, et JavaScript võimalus töötada.

Resources

  • Veel muutmine kerimisriba
331
0
0
Web Design