Tutorial Scroll Bar Berwarna

Penulis : Nurul Fatihah Shahronizam Masa : 21:07 Komen : 0 Tag :

Selamat malam semua.

Sebenarnya dah lama Nurul nak buat tutorial nie tapi maaf la,masa tidak mencukupi.Tutorial malam ini direquest oleh adik Ainina.Dia tidak sertakan link blog jadi agak susah untuk Nurul menjejaki dia.


Mesti semua tertanya,macam mana rupa scroll bar berwarna tu kan ? Jadi Nurul sudah sertakan contoh scroll bar tersebut.Kalau tak nampak boleh klik untuk tumbesaran.



Hanya pengguna GOOGLE CHORME sahaja yang boleh nampak dan guna.

 1. Dasboard > Design > Edit HTML
    2. Search kod ini
      /* Header
      3. Jumpa? Bagus, sekarang copy kod ini dan pastekan di atas /* Header :D
      ::-webkit-scrollbar {
      width:15px;
      height:10px;
      }
      ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
      height:10px;
      width:10px;
      display:block;
      background:#DB7EDE;
      border:1px solid #000000;
      }
      ::-webkit-scrollbar-track-piece  {
      background-color:#FEE3FF;
      }
      ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
      background-color:#DB7EDE;
      border:1px solid #000000;
      }
      NOTA.
      *Berdasarkan gambar diatas* 
      Bold : Tengok anak panah hitam pada gambar di atas. TEKAN untuk tukar.
      Kelabu : Border untuk anak panah atas tu. TEKAN untuk tukar.
      Oren :  Tengok anak panah oren pada gambar di atas. TEKAN untuk tukar.
      Hijau Terang : Tengok ank panh Hijau d gambar di atas. TEKAN untuk tukar.
      Hijau Tua : Border untuk anak panah Hijau. TEKAN untuk tukar.

      4. PREVIEW dulu baru save.


      Paham tak? Paham tak? Kalau ada masalah, sila tanya di shoutbox atau FANPAGE okey ?

      A true muslimah : never forget that Islam, which encourages her to look attractive under the permitted limits, is also the religion that's warns her against extravagance ^_^

      0 comments:

      Post a Comment