Home »

Khung Blockquote với hiệu ứng chuột cho Blogger

Sunday, 5 May 2013


1- Chọn chỉnh sửa HTML (Edit HTML)
2- Thêm một trong các mẫu dưới vào trước thẻ: ]]></b:skin>


blockquote{font:italic 400 14px Verdana;max-height:250px;overflow:auto;background:#D6DDE0;color:#fff;border:2px dotted #D3D3D3;transition:background .777s;-webkit-transition:background .777s;-moz-transition:background .777s;-o-transition:background .777s;-ms-transition:background .777s;margin:0;padding:10px;margin:10px 0}
blockquote:hover{background:#59b9e7;color:#fff}
blockquote:active{background:#C7FDD2;color:#fff}
max-height:250px;min-height:50px;
overflow:auto;

Hiệu ứng sẽ như ở trên khi rơ chuột đó.
- Thay đổi màu hiệu ứng ở những ô tô màu
- Thuộc tính max-height:250px;min-height:50px;overflow:auto; là để xuất hiện thanh cuộn nếu không muốn bạn có thể xóa nó đi.các bạn tùy chỉnh theo ý thích của mình để phù hợp với website

Lưu ý:Nếu blog của bạn đã có thì xóa đoạn code dạng như bên dưới trước khi áp dụng:

.post blockquote{
.....
}
.post blockquote p{
....
}
.post blockquote:hover {
....
}
Tags:

Comments[ 0 ]


Post a Comment