CSS scroll - Tạo thanh cuộn cho Web, blogger

Loading...
CSS scroll - Tạo thanh cuộn cho Web, blogger
Code CSS này tạo 1 thanh cuộn giúp giảm diện tích hiển thị ra ngoài Site nhưng không ảnh hưởng đến nội dung của nó. Hiện tại mình cũng sử dụng nó cho tiện ích "Liên kết site"
- CSS scroll chỉ là 1 đoạn code CSS đơn giản, dễ sử dụng ngay cả khi các bạn không rành về Code.
Các trình duyệt hỗ trợ thuộc tính này của CSS như: IE, Chrome, Firefox, Opera, Safari...
trinh duyet ho tro CSS Scroll
DEMO



Code CSS

<style>
div.scroll
{
background-color:#00FFFF;
width:280px;
height:100px;
overflow:scroll;
}

</style>

Các bạn tùy tình giá trị cho phù hợp với template.
Code HTML

<div class="scroll">
<a href="http://itviet360.com/" target="_blank"> Mạng máy tình </a>

<a href="http://itviet360.com/" target="_blank">Tổng hợp thủ thuật Blogger </a>

<a href="http://itviet360.com/" target="_blank"> Tự học SEO </a>

<a href="http://itviet360.com/" target="_blank"> Tin học văn phòng </a>

<a href="http://itviet360.com/" target="_blank"> Download phần mềm miễn phí </a>
<a href="http://itviet360.com/" target="_blank"> Lab Network </a>
</div>


- Dán code vào 1 tiện ích HTML/Javascript theo thứ tự Code CSS đến Code HTML
- Hoặc các bạn có thể dán Code CSS trong template (trước thẻ đóng </head>)
Loading...
Chuyên mục: , , , ,

0 nhận xét:

Đăng một bình luận