更改上传到博客

时间:2018-04-06 14:43:33

标签: image png blogger blogspot

我有Blogger托管的博客,其中包含自定义模板:http://www.drugchannels.net/

上传到博客的图片托管在X.bp.blogspot.com(其中X是数字)。例子:

https://1.bp.blogspot.com/-Jwy2VQYRIEA/WqmwvsA07WI/AAAAAAAATA4/jWVcEts1h1Y4IXM0hD0njUhSmQ2AZPnxQCLcBGAs/s1600/Specialty_vs_Retail-2014_vs_2017.png

https://4.bp.blogspot.com/-O4S9ps4u67k/Wk0yhTEuV-I/AAAAAAAASUE/5tPedr-p7_4kedNYU4RY711l6K3maokiQCLcBGAs/s1600/DCI-Copay_Accumulator-03Jan2018-CORRECTED.png

单击图像时我想要一个白色背景。 (图像在网站上看起来很好。这是博客背景的问题,它被设置为纯白色。)

使用Chrome中的Inspect选项,我会看到以下信息

正文格式(背景:#0e0e0e;)不会出现在我的博客或模板中的任何位置。

我该如何解决?

谢谢!

P.S。我有10年的图片遗留帖子,因此我需要一个全局解决方案,将所有图片的背景更改为白色。

2 个答案:

答案 0 :(得分:0)

将图像包裹在div中,并使用css设置该div的背景颜色。这应该工作

.divclass:active { 背景:#FFFFFF }

如果您在新标签页或窗口中打开图像,那么您唯一的选择就是使用照片编辑器自行更改图像的背景。如果您只是在用户点击它时尝试为用户提供图片的完整大小视图,则可以使用javascript / jquery并使用带有背景的全尺寸div并以全屏方式弹出图像而不将其发送到链接的图像。可能有很多jquery插件可以用最少的编码知识来做到这一点,只需谷歌吧。

答案 1 :(得分:0)

谢谢,莱利。

我无法返回并编辑数百张图片,因此照片编辑器选项无效。

但根据您的建议,我使用了以下解决方案: 1)在博主上启用“使用灯箱展示图像” 2)从此页面添加了CSS(http://www.howbloggerz.com/2016/05/how-to-customize-blogger-lightbox.html),没有背景图像和背景颜色设置为白色(#ffffff)。

缺点是图表/图像现在弹出在同一页面上,而不是在新标签页面中打开。

谢谢!