我在更改Anon + Name / Url用户的原生Blogger / Blogspot评论中使用的默认头像时遇到问题。
我试过这个:
.avatar-image-container svg {
width: 35px;
height: 35px;
background-image: url(some-uploaded-photo.jpg);
background-size: contain;
color: transparent;
}
.avatar-image-container svg use {
display:none;
}
此:
<script> var oldSrc = '//img1.blogblog.com/img/blank.gif'; //Default blogger image link
var newSrc = 'https://3.bp.blogspot.com/-UNjtW9_9fcs/VrvrBJi_8CI/AAAAAAAABP4/jjFMkoCi6Ig/s1600/blank-user-avatar.png'; //New image link
$('img[src="' + oldSrc + '"]').attr('src', newSrc); </script>
此:
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s1600/default_avatar.gif')
.ssyby('blank')
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png')
.ssyby('blank')
</script>
这与上面的第一个非常相似:
.avatar-image-container {
background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/SxL-DRXzmWI/AAAAAAAACY0/d1g3ymxGLEQ/s400/avatar.gif);
width: 36px;
height: 36px;
border-radius: 50px;
border: 1px solid #fff;
}
我最接近结果的是最后一个代码(它确实显示了此处使用的头像),直到我将URL链接添加到我自己的图像。我已尝试编辑HTML直接并添加为CSS并尝试在Blogger +上以JPG和GIF格式在外部托管它无济于事。
有什么想法吗?请?这真是太奇怪了,让我有点疯狂。
谢谢!
:: 与此相关的博客是&gt;&gt; https://guplayground.blogspot.com/&lt;&lt;
答案 0 :(得分:0)
如何:
.avatar-image-container img {
content: url(http://1.bp.blogspot.com/_7wsQzULWIwo/SxL-DRXzmWI/AAAAAAAACY0/d1g3ymxGLEQ/s400/avatar.gif);
width: 36px;
height: 36px;
}
编辑:以上将更改所有头像,所以这里是一个javascript解决方案,只会更改使用默认的匿名文件名找到的头像:
<script type="text/javascript">
(function() {
var avatars = document.getElementsByClassName("avatar-image-container");
for (i=0; i < avatars.length; i++) {
var image = avatars[i].firstChild;
if (image.src === 'https://img1.blogblog.com/img/blank.gif' || image.src === 'http://img1.blogblog.com/img/blank.gif') {
image.src = 'http://1.bp.blogspot.com/_7wsQzULWIwo/SxL-DRXzmWI/AAAAAAAACY0/d1g3ymxGLEQ/s400/avatar.gif';
image.style.height='36px';
image.style.width='36px';
}
}
})();
</script>
答案 1 :(得分:0)
//已解决//
使用36px x 36px的图像(jpg / png)!任何更大的东西都不会调整大小以适应
)