home about me stuff links follow dashboard

Monday, July 11, 2011

教学/Tutorial || 制作自己的滚动条/Make your own Scroll Bar


给M.ya的 
For M.ya 
点它/Click it: 


中文/Chiness:

① 信息中心 --> 设计 --> 修改HTML

② 按 Ctrl+F 找
]]></b:skin>
③ 将以下代码,放在 ]]></b:skin> 上面




::-webkit-scrollbar {
height:12px;
width: 12px;
background:#FFE1F2;
}
::-webkit-scrollbar-thumb {
background-color: #FF00CC;
-moz-border-radius: 10px;
border-radius: 10px;
}
红色代码 是滚动条背景的颜色

     找颜色代码?? 按此

蓝色代码 是滚动条颜色
     PS:若你不想用颜色作为你的滚动条,把以下代码取代 蓝色代码
background-image:url(图片网址);
 ⑥ 找到图片后,把图片网址粘帖在图片网址

 ⑦ 预览,储存模板

完成!!! 
祝你成功!!


英文/English:

① Dashboard --> Design --> Edit HTML

② Press Ctrl+F on your keyboard and find our the code below
]]></b:skin>
③ Copy the code below and paste it above ]]></b:skin>



::-webkit-scrollbar {
height:12px;
width: 12px;
background:#FFE1F2;
}
::-webkit-scrollbar-thumb {
background-color: #FF00CC;
-moz-border-radius: 10px;
border-radius: 10px;
}
Red code is the scroll bar background's colour

     Wanna find colour code?? >> Click Here

Blue code is the scroll bar's colour
     PS:You can change the scroll bar as your favorite picture,just copy the code below and replace the blue code
background-image:url(Picture URL);
 ⑥ Found out the picture and paste the Picture direct link on Picture URL

 ⑦ Preview and Save Templete

Done!!!
Wish you Good Luck!!



链接我/Link Me




sticker



6 Oreo ♥:

Koko said... Reply

=3=我还是不会T^T

Evyne Cordelia said... Reply

请问一下噢!你左边的很口爱噢!就是那个follow,my story here,my fb....还有什么什么的。那是真么做的?

Tryne 雨爱 said... Reply

Copy 不到><

Anonymous said... Reply

不能?><

OREO Queen ♥ said... Reply

@Justea 那里不能?

Anonymous said... Reply

代碼放了還是沒變化><''

Post a Comment