Eigen Scrollbar en codevakje

Hallo,

Even twee vraagjes...Ik heb het op andere fora al gezien, maar het is blijkbaar mogelijk om je eigen scrollbar (dat ding rechts waarmee je je pagina laat zakken ) in te stellen met eigen kleuren e.d. Mijn vraag is dus: Hoe? :S

Dan heb ik nog mijn tweede vraag: Ik zou graag, net zoals hier voor al het personeel waarvoor het zichtbaar is, kleine vakjes in een widget willen zetten om daar codes in te zetten. Graag zo dat ik vaste afmetingen kan instellen. (Als dat mag dan. )

Alvast Bedankt!

Voor je eerste vraag is dit de code voor de CSS {PHPBB2} Weet niet of het bij alles werkt.

De 1e is het balkje dat je naar beneden sleept, 2e en e 2e zijn de kleuren van die achtergrond.

Code:

/* SCROLLBARS - body, textarea, div, #chatbox */
body::-webkit-scrollbar-thumb:vertical,textarea::-webkit-scrollbar-thumb:vertical,div::-webkit-scrollbar-thumb:vertical,#chatbox::-webkit-scrollbar-thumb:vertical {background-color: #D7D9DC; height: 10px;}
body::-webkit-scrollbar-thumb:horizontal,textarea::-webkit-scrollbar-thumb:horizontal,div::-webkit-scrollbar-thumb:horizontal,#chatbox::-webkit-scrollbar-thumb:horizontal {background-color: #96ADB0; height: 10px!important;}
body::-webkit-scrollbar,textarea::-webkit-scrollbar,div::-webkit-scrollbar,#chatbox::-webkit-scrollbar {background-color: #96ADB0; height: 10px; width: 12px;}

De Scrollbar werkt nu, bedankt!

Nu alleen nog dat van die codes.

Het vakje met de codes in is een textarea met daarboven het voorbeeld.

voorbeeldje:


<div style="width: 100px; height: 20px; background: #ff0000; color: #ffffff;">123</div>

Code:

<div style="width: 100px; height: 20px; background: #ff0000; color: #ffffff;">123</div>

<textarea><div style="width: 100px; height: 20px; background: #ff0000; color: #ffffff;">123</div></textarea>

Als de textarea te lang zou worden kan je er eventueel een hoogte en een breedte aan meegeven dmv een class.

Hartelijk bedankt allebei! Het werkt.