phpbb论坛修改Logo图片

更换logo

1、LOGO图片所在的位置

/var/www/html/styles/prosilver/theme/images/ site_logo.svg这张图片就是LOGO，但是SVG不是常规格式，需要更改为常见的图片格式

2、更改定义logo图片名称的文件

vi /var/www/html/styles/prosilver/theme/colours.css

输入/logo关键字查找logo在代码中的位置

.site_logo {
        background-image: url("./images/site_logo.jpg");
}

改成jpg格式。

3、更改顶部logo位置的宽度和高度

vi /var/www/html/styles/prosilver/theme/common.css

输入/logo关键字查找logo在代码中的位置

.site_logo {
        background-repeat: no-repeat;
        display: inline-block;
        width: 200px;
        height: 80px;
}

4、图片不一定要设置200PX 80PX大小，可以改成正方形，上传到images目录下。在浏览器上它会自动缩放，按F5刷新看效果。

5、图片的颜色，可以用钉钉截图把箭头对准网页的LOGO位置那块蓝色区域，就会出来颜色编码，比如0583CE或者0787C6，在PS里面导入自己的LOGO图片用套索工具，圈一个区域，选择或反转选择，填充，颜色输入钉钉截图现实的编码，就可以把背景色弄成蓝色，这样看起来就会比较协调。注意细节的话你会发现LOGO栏目的蓝色是渐变色，上面浓下面淡，所以就需要多吸几次颜色，上下填充的颜色有所差异才能完美。