World Dezign

How to change the scrollbar as it is set over here in wotlddezign
sry for asking by having the worlddezine as example but actually i didnt get anyother example and i got to know that this cannot be done in css after googleing it
Could you guyz help me out

Gangstar doesn't give that code out,

i dont want the actual code of this forum instead i want a simple guide how i can do that

@DanTheMan hey he dont ask what is the scrollbar code in this forum he is just asking how to change it. so dont be so...

Oh.....dont know. Sorryyyyyyyyyyy

you want something like the scrollbar at the right?

yes
i want some guidance

how about something like this?

Code:


<div style="position: fixed; top: 35%; left: 5px;">
<a href="link"><img src="yourimage.png" border="0" height="32" width="32" ></a></div>
<div style="position: fixed; top: 40%; left: 5px;">
<a href="link"><img src="yourimage.png" height="32" width="32" border="0"></a></div>
<div style="position: fixed; top: 45%; left: 5px;">
<a href="link"><img src="yourimage.png" border="0" height="32" width="32" ></a></div>


OMG i didnt mean about the left toolbar i mentioned about the right scrollbar

@Nick: He means the purple scroll

Japorized wrote:@Nick: He means the purple scroll

its done with CSS (:
http://webkit.org/blog/363/styling-scrollbars/

Thx i ll see to it

Could you give me a small example code and where i have to put these to get them in my forum

BTW my forum version is punbb2

What purple scroll lol
Btw im using firefox

Oh, only webkit browsers like Google Chrome can see them.

K i am actually confused with the elements so thats the reason i am asking for an simple example using that elements and please specify the place where i have to replace or add them.

hi,

i will help you with this code, try it

Code:

html::-webkit-scrollbar {width:auto;height:auto;background:#xxx;}
html::-webkit-scrollbar-corner { background:#xxx; }
html::-webkit-scrollbar-button:vertical {height:1px;display:block;}
html::-webkit-scrollbar-button:horizontal {width:1px;display:block;}
html::-webkit-scrollbar-thumb:vertical {background:#xxx);border: 1px #xxx;border-right:none;}
html::-webkit-scrollbar-thumb:horizontal {background:#xxx;border: 1px #xxx;border-bottom;}
html::-webkit-scrollbar-thumb  {background:#xxx;}
html::-webkit-scrollbar-thumb:hover {background:#xxx;}
html::-webkit-scrollbar-track-piece {background: none;}
html::-webkit-scrollbar:vertical {border-left:1px #xxx;}
html::-webkit-scrollbar:horizontal {border-top:1px #xxx;}

Thx solved

Topic Solved & Locked