Cách sửa chữa Avatar Blogger Hình ảnh Đây là một thủ thuật nhanh để hiển thị hình ảnh Blogger Avatar Comment đúng. Tôi thấy trong nhiều blog...
Cách sửa chữa Avatar Blogger Hình ảnh |
Đây là một thủ thuật nhanh để hiển thị hình ảnh Blogger Avatar Comment đúng. Tôi thấy trong nhiều blog avatar Bình luận. những người không đúng kích thước. Điều này là do CSS Bình luận của cả hai hệ thống mặc định và Comments Threaded. trong đó có mặt trong mẫu của bạn và hiển thị các hình ảnh avatar không đúng. đây là Mẹo nhanh với css để Thiết lập lại hình ảnh Avatar và Phong cách hình ảnh.
Làm thế nào để sửa chữa Avatar Blogger Hình ảnh không đúng khi Bình luận?
Đây là Thiết lập lại CSS cho hình ảnh Avatar luận và làm việc cho cả hai hệ thống bình định và hệ thống Comments Threaded.
- Đăng nhập vào Blogger Bảng điều khiển > Chọn Blog của bạn và chọn Tùy chọn Xem thêm Dropdown
- Chọn Template > Click vào Edit HTML > Tiến hành
- Tìm kiếm
]]></b:skin>
và đặt đoạn code dưới đây trước khi nó!
.avatar-image-container,
.avatar-image-container img{
max-width:50px !important;
width:50px !important;
max-height:50px !important;
height:50px !important;
padding: 0 !important;
border:0px;
}
Làm thế nào để làm tròn hình ảnh Blogger Avatar Comment?
Trong bình luận có ai đó hỏi tôi làm tròn hình ảnh Avatar trong blogger bình luận . đây là CSS cho nó!
css này sẽ thiết lập lại kích thước avatar bình thường và vòng ảnh. (do đó, không sử dụng CSS ở trên)
Tìm kiếm
]]></b:skin>
và đặt đoạn code dưới đây trước khi nó!.avatar-image-container,
.avatar-image-container img {
max-width: 50px !important;
width: 50px !important;
max-height: 50px !important;
height: 50px !important;
padding: 0 !important;
border: 0px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
}
.avatar-image-container{
border:3px solid #fff !important;
-webkit-box-shadow: 0 1px 2px #BBB;
-moz-box-shadow: 0 1px 2px #BBB;
box-shadow: 0 1px 2px #BBB;
}
Lưu ý: Kích thước mặc định thiết lập để 50px . nếu bạn muốn thay đổi kích thước avatar sau đó chỉ cần chỉnh sửa CSS trên.
Nếu bài viết này là hữu ích đối với bạn? sau đó xin vui lòng chia sẻ nó! Cảm ơn!
Để lại ý kiến của bạn. →
Nếu bài viết này là hữu ích đối với bạn? sau đó xin vui lòng chia sẻ nó! Cảm ơn!
Để lại ý kiến của bạn. →
No comments: