How to frame text or scripts with scroll bar on blogpost

Using a div with scrollbars is an easy way to put a lot of information within a limited space, something you might typically want to do in a sidebar.

HTML is really much easier than it looks. Ok, let me re-state that: when publishing a blog, the groundwork is already done for us, we are left to play with the goodies: fiddling around with the text and images. And fiddling we do!
Someone asked me how to put a text within a scroll bar so he can easily copy the text or code.

Here we go:

The HTML code for the scroll bar above is:

<div style="text-align: center;">
<b><span style="background-color: white;">CODE</span></b></div>
<div style="text-align: center;">
<textarea onclick="this.focus();" readonly="readonly" style="height: 300px; width: 500px;">  


<div dir="ltr" style="text-align: left;">
<div style="text-align: center;">
<span style="background-color: white; line-height: 20px;"><span style="font-family: Verdana, sans-serif;"><br /></span></span></div>



Edit the width and height at your choice..

Other sample :


The owner of will not be liable for any errors or omissions in this information nor for the availability of this information. The owner will not be liable for any losses, injuries, or damages from the display or use of this information.Report any Broken Download linkon Blogmytuts Facebook Page. IF YOU WANT TO BORROW MY CONTENT PLEASE CONTACT US..
Share on Google Plus

About Jaime Lacson

A Freelance Computer Tech with knowledge about computer, router and mobile phones, especially in Upgrade and Downgrade OS, Software and Hardware troubleshooting. follow me at Google+
    Blogger Comment
    Facebook Comment