Better a cruel truth than a comfortable delusion ...
Home Anime / e-Story Story Santai Tutorials All bout d Braces Relationship

Saturday, January 11, 2014

Tutorial Scrollbar Comel ( Extraordinary )

....latest from me......


1. Dashboard --> Template --> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian..

body { 

3. Copy kod  di bawah dan paste kan sebelum kod body { 

::-webkit-scrollbar {
height:10px;
width: 10px;
background: #FFFFFF;
}
::-webkit-scrollbar-track-piece  {
background-color: #D462FF;
border: 4px solid #FFFFFF;
}
::-webkit-scrollbar-thumb {
background:url(http://mycutegraphics.com/backgrounds/stars/starbg61.gif) repeat;
border-top: 6px dashed #F778A1;
border-bottom: 6px dashed #F778A1;
border-right: 1px solid #804000;
border-left: 1px solid #804000;
}
4. Preview dulu...ok, cantik??? SAVE laaaa... =)

Note :
biru : warna background scrollbar
purple : warna batang scrollbar ( cam cantoh kat atas tu, warna purple )
merah : saiz batang scrollbar ( ubah laaa kalau nak bagi nipis or tebal )
oren : url image ...cari kat sini ---> Tekan 

kod warna ---> Tekan 

p/s : komen laaa kalo menjadi.... =)

12 comments:

H.Rf said...

cepat faham :)

Unknown said...

sis, love your blog =) tapi, sorry tak faham acaner nk buat scrollbar yg cute tu.. huhu..

Unknown said...

xd pon body { dlm tuuu...

MS said...

@Nieyssa Adzmiey ade...mst ade..cer find " body " dulu and then tekan enter smpai jumpa kod body } ni...

MS said...

@EKIN RIZA step yang mana, dik?

Dadudu said...

Yay!! Terima Kasih!! :D

Najmi Hunwick said...

@saya Comel nak cari body { tu

Unknown said...

kenapa tak jumpa kod body { tuh... :(

Ana najah said...

saya da jumpa kod body tu...tp napa x blh??huhu... :(

ninamunchkin said...

Assalamualaikum.. Jadi!! :D

atenmunirah said...

Alhamdulillah yeayy jadi ! Terima kasih sebab buat tutorial yg senang faham :D

Unknown said...

dahh jadii thank youuu !!

Related Posts Plugin for WordPress, Blogger...