Site Logo; How do I change this in 3.3?

Get help with installation and running phpBB 3.3.x here. Please do not post bug reports, feature requests, or extension related questions here.
User avatar
MuddyFlint
Registered User
Posts: 52
Joined: Tue Dec 10, 2019 7:48 am
Name: Darylee Foertsch

Re: Site Logo; How do I change this in 3.3?

Post by MuddyFlint »

invenio wrote: Wed Jan 22, 2020 1:46 pm
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...
You do not have the required permissions to view the files attached to this post.
Liberty has never come from Government.
User avatar
Lumpy Burgertushie
Registered User
Posts: 69228
Joined: Mon May 02, 2005 3:11 am

Re: Site Logo; How do I change this in 3.3?

Post by 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
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
User avatar
MuddyFlint
Registered User
Posts: 52
Joined: Tue Dec 10, 2019 7:48 am
Name: Darylee Foertsch

Re: Site Logo; How do I change this in 3.3?

Post by 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
You do not have the required permissions to view the files attached to this post.
Liberty has never come from Government.
User avatar
janus_zonstraal
Registered User
Posts: 6614
Joined: Sat Aug 30, 2014 1:30 pm

Re: Site Logo; How do I change this in 3.3?

Post by janus_zonstraal »

Did you read my post?
janus_zonstraal wrote: Mon Jun 15, 2020 8:24 pm 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 :roll:
Sorry! My English is bat ;) !!!
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26874
Joined: Fri Aug 29, 2008 9:49 am

Re: Site Logo; How do I change this in 3.3?

Post by Mick »

Mick wrote: Thu Jan 16, 2020 3:29 pm I think the change was because of user requests, it’s for mobile use really, scalable and all that
  • "The more connected we get the more alone we become” - Kyle Broflovski© 🇬🇧
User avatar
EA117
Registered User
Posts: 2173
Joined: Wed Aug 15, 2018 3:23 am

Re: Site Logo; How do I change this in 3.3?

Post by EA117 »

MuddyFlint wrote: Mon Jun 15, 2020 8:35 pm 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

janus_zonstraal wrote: Mon Jun 15, 2020 8:24 pm 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.
You do not have the required permissions to view the files attached to this post.
User avatar
MuddyFlint
Registered User
Posts: 52
Joined: Tue Dec 10, 2019 7:48 am
Name: Darylee Foertsch

Re: Site Logo; How do I change this in 3.3?

Post by MuddyFlint »

EA117 wrote: Tue Jun 16, 2020 5:14 pm
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.
Last edited by Mick on Wed Jun 17, 2020 7:34 am, edited 1 time in total.
Reason: Removed unnecessary full quoting.
Liberty has never come from Government.
rodndtube
Registered User
Posts: 47
Joined: Thu Feb 12, 2004 12:43 pm

Re: Site Logo; How do I change this in 3.3?

Post by 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");
}

P_I wrote: Wed Jan 15, 2020 5:33 pm
privateer wrote: Wed Jan 15, 2020 4:57 pm 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.
vr/Rod

Return to “[3.3.x] Support Forum”