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...
DEMO
Code CSS
Các bạn tùy tình giá trị cho phù hợp với template.
Code HTML
- 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>)
Chuyên mục: html-css, Thu thuat, Thu thuat blogspot, thu-thuat, thu-thuat-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...
DEMO
Mạng máy tình
Tổng hợp thủ thuật Blogger
Tự học SEO
Tin học văn phòng
Download phần mềm miễn phí
Lab Network
Tổng hợp thủ thuật Blogger
Tự học SEO
Tin học văn phòng
Download phần mềm miễn phí
Lab Network
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>)
0 nhận xét:
Đăng một bình luận