Site Logo; How do I change this in 3.3?

[MuddyFlint]

I've used inkscape in the past. It's a rather powerful program, probably the most popular free vector graphics drawing program, and uses SVG as it's native format. It's also free.

https://inkscape.org/develop/about-svg/

I was curious and downloaded this... I've been disatisfied with most graphics programs to date. I am already impresses with this. I sucsessfully converted my GIF pictures shown in my post above to the SVG and uploaded them to the styles folder where they belong....http://campfire.muddyflinttrades.com/ph ... ex.php?sid

Unfortunately it made no difference. on the ProSilver (dark) and I see this on the main...

[Lumpy Burgertushie]

looks like the image is too large for the space you are putting it in.
either change the size of the div or the image. a logo should really be somewhere around the same size as the phpbb logo to make everything work without a lot of hassle.

or, you could install one of the logo extensions and it would most likely solve all those issues automatically.


robert

[MuddyFlint]

That's what I was thinking. But I can't figure out how to resize in that inkscape.
The online changes resulted in some terribly scrambled pictures

I tried adjusting and I've got bluescreen..actually an improvement. but the dark version still shows phpbb..ugh.

php logo 3.jpg

[janus_zonstraal]

Did you read my post?

Upload it as a .gif and change the extension in colours.css

I never understood why it was changed is .svg, nobody is using that extension

[Mick]

I think the change was because of user requests, it’s for mobile use really, scalable and all that

[EA117]

I sucsessfully converted my GIF pictures shown in my post above to the SVG and uploaded them to the styles folder where they belong....

A technical clarification, since it relates to points which have been made earlier in this discussion:

Note that the http://campfire.muddyflinttrades.com/ph ... e_logo.svg file currently on the site as of this writing hasn't "converted the logo to SVG" in any practical sense. What has happened is that "an existing bitmap-based image has been placed inside an SVG container." Which simply adds an additional layer of complexity by involving the SVG format, but without providing or using the inherent advantages of the SVG format, nor eliminating any of the inherent deficiencies in continuing to use a bitmap-based format.

In other words, as Janus said, "you might as well simply continue using a .GIF" or .PNG version of your logo, rather than this particular kind of SVG which "simply contains a bitmap image."

To truly convert to SVG and give the benefits of scalability or colorization that are possible with that format, you would need to "convert" it in a manner more similar to this example. (You can right-click and save that .SVG to test with or use as you see fit.) Where, instead of any bitmap, there are only vector descriptions of objects and paths. When displaying just the SVG file in your web browser, you can "view source" in your web browser when looking at that image in order to see the difference between this and your current SVG. Or just open both files up in a text editor to see the difference.

Combined with Robert's recommendation to change the display size CSS expects (down to 59px width in this case, from the default 149px width for the phpBB logo), gives a display similar to:

campfire.png

I never understood why it was changed is .svg, nobody is using that extension

Nobody was using PDF before we began to understand the inherent benefits and flexibility there, either. Now what would we do without it. Given the power and document-based nature of SVG, "this web standards-based format isn't going away." (#checkbackin10years #commentagedlikemilk)

But the true point remains, "phpBB has chosen to use an SVG version of the phpBB logo", which as you clarified, doesn't "require" that anyone else would necessarily make the same choice. Same as phpBB users could have already been changing the CSS to point to their own alternate .JPG or other format image, the same can continue now too, regardless of what phpBB ships in proSilver.

But the other true point is, you can make a better and more flexible logo display with SVG. If you want to. phpBB wanted to, for the phpBB logo.

[MuddyFlint]

Thanks. I grabbed the photo and will try late tomorrow when I get back or Thursday. I use the program mentioned, so I don't know how it was doing the converting. Could possibly be just the nature of that free program. I've no idea how to use it to resize the picture. It doesn't really have directions. Your pcture conversion here is much appreciated.

I do know the online converter just scrambled the picture. It's a low resolution image from one of my really old websites as it is. A friend made it for me. I really want to keep it in the new message board on a different web domain.

I need to do this for the other one too I guess. I"m not sure why Dark is not changing at all.

Again. Thank you. See you Thursday, hopefully with good news.

[rodndtube]

The link shown below made the change much easier. No need to play around with converting an image file into SVG format... I wasted a lot of time doing that. 1) Use a standard image file format and the file name of your choosing which will be modified int he colours.css file and 2) enter the image file's dimensions in the common.css file.

In my instance, I used a PNG file (e.g., rodndtube.png) and tried a couple of different image sizes to find a good "fit" on my board. The text string in the colours.css file ends up looking like this (I added dimensions to the file name for my own clarity):

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

Hi,

I always renamed my logo "site_logo.gif" before uploading to styles/.../.../img. But I see the phpBB logo is now named site_logo.svg and the code in "common.css" is different. I also used to change the dimensions and padding.

Could you tell me what to do now please.

Thank you

The procedure documented in the knowledge base article Knowledge Base - How to change your board logo from phpBB 3.2 still works for me on my phpBB 3.3 testbed setup.