Tạo khung code với style Windows 8

CSS3 ra đời với nhiều trãi nghiệm mới cho cộng đồng webmaster. Áp dụng CSS3 hợp lý sẻ giúp cho bạn rất nhiều về cả thẩm mĩ lần tính chất cấu trúc website.
Với hiệu ứng dạng thanh mãnh giống như hiệu ứng kéo trược thì chúng ta có thể tạo ra một sản phẩm rất tiện để trang trí cho bài viết, ví dụ ngay trên bài viết này :
HTML Code:

<a rel="dofollow" href="http://www.tinhocso.net/" target="_blank" title="website thu thuat may tinh, thu thuat mang, tai mien phi phan mem va tai lieu">Thủ Thuật Vi Tính</a>

Banner 300x250

<a href="http://www.tinhocso.net/" rel="dofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2yvCJTZCAYWMpfMOyacAFuamVu5NZNb7xRhtcqU07-PGt0f3kRkHTb8ooqQ4UY38Ggc101z0H6H50APoJom_u6CAtmJnPub8jS_-4Pa8qyofX9UZ53wOKI_FmB7z0iYuTGiW7VCQGTmOE/s1600/banner.png" /></a>

 Và đây là ảnh demo của cách làm

Áp dụng trực tiếp lên thẻ blockquote có ngay trên blogger ta sử dụng đoạn code CSS sau :

/*Scrollbar Style*/
blockquote::-webkit-scrollbar {
width: 10px;
height: 10px;
}
blockquote::-webkit-scrollbar-button {
width: 0px;
height: 0px;
background-color:#111;
}
blockquote::-webkit-scrollbar,
blockquote::-webkit-scrollbar-button,
blockquote::-webkit-scrollbar-corner {
background: #ddd;
}
blockquote::-webkit-scrollbar-thumb {
background: #b0b0b0;
}
blockquote:hover::-webkit-scrollbar-thumb {
background: #a9a9a9;
}

Chèn code trên vào mẫu và để sử dụng, trong trình doạn thảo bài viết ta có thể sử dụng nút tick nhanh Quote ( trích dẫn " ). Chúc bạn sử dụng thanh công với thủ thuật này !

 Tin Học Số ( TinHocSo.Net )