we_universal

We_universal 3.2.1 Site Logo/Random Header - we_universal

We_universal 3.2.1 Site Logo/Random Header

by PELP » Sun Nov 19, 2017 10:22 am

Hi!
I am having an issue with We-universal after updating from phpBB 3.1.6 to 3.2.1. I have put off the upgrade for some time as I have quite a few moderations to the style on my board, and I am not too much of a wiz at code.
My problem now is, that I have been using Random Headers and have removed the site name and description from the headers and replaced them with a logo incorperated in the images. It works reasonably well in 3.1.6, but in 3.2.1 it only works on large screens (PC) and not on mobile screens. The image is "crunched" making a round logo rather odd.
What I would like to do, is replace the SITENAME with our logo which is 95x111 px. I thought that I could do this by replacing the variable SITENAME with SITE_LOGO, but this does not work.

The code for the header without the Sitename displayed looks like this in 3.1.6 in styles/we_universal/template/overall_header.html

Code: Select all

<header class="inventea-header">
		<div class="inventea-dashboard" style="background-image: url({INVENTIA_RANDOM_IMAGE});"> 
			<!-- EVENT overall_header_navbar_before -->
			<!-- INCLUDE navbar_header.html -->

			<div class="inventea-sitename">
				<h1><a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->"></a></h1>
				<!-- <span>{SITE_DESCRIPTION}</span> -->
			</div>
		</div>
	</header>
The original code with the Sitename displayed looks like this:

Code: Select all

<header class="inventea-header">
		<!-- EVENT overall_header_headerbar_before -->	
		<div class="inventea-dashboard" role="banner">
			<!-- EVENT overall_header_navbar_before -->
			<!-- INCLUDE navbar_header.html -->

			<div class="inventea-sitename">
				<h1><a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITENAME}</a></h1>
				<span>{SITE_DESCRIPTION}</span>
			</div>
		</div>
	</header>
The Random Headers work fine, but my problem is, how and where I define the variable "site_logo" and how I display it instead og the "Sitename".

BTW. The file with the logo image is uploaded to styles/we_universal/theme/images/site_logo.png

The original site is www.fritforum.dfac.dk and is 3.1.6. The site I am working on as testsite is www.pelp.dk/fritforum and is updated to 3.2.1. I am far from finished with moderations, as can be seen, but I would like to get this fixed first.
Yours truly
Poul Erik Lind Pedersen
Denmark
PELP
Registered User
Posts: 71
Joined: Sun Nov 22, 2015 4:14 pm
Name: Poul Erik Lind Pedersen
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by PELP » Sat Nov 25, 2017 4:22 pm

Problem solved. How is a bit complicated, and mostly it was done by trial and error - but I got it to work on large as well as small screens.
Yours truly
Poul Erik Lind Pedersen
Denmark
PELP
Registered User
Posts: 71
Joined: Sun Nov 22, 2015 4:14 pm
Name: Poul Erik Lind Pedersen
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by Staynex » Sun May 20, 2018 7:14 pm

Hello together!

I am really interested in a solution, as https://www.phpbb.com/customise/db/styl ... l/faq/2521 and https://inventea.com/en/projects/we_universal/faq#10 are not working for me :/
Staynex
Registered User
Posts: 1
Joined: Sun May 20, 2018 7:04 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by v12mike » Tue May 22, 2018 5:09 am

The solution for changing the forum header image should work as per the instructions. Please describe exactly what you have tried.

The mod for random header images is not supported since phpBB 3.1, as it required modification of the core phpBB code.
v12mike
Registered User
Posts: 584
Joined: Thu Jul 09, 2015 5:03 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by Affin » Thu Nov 08, 2018 10:17 pm

How do you change banner / image and make it smaller?
Affin
I've Been Banned!
Posts: 254
Joined: Fri May 25, 2018 9:52 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by v12mike » Sat Nov 10, 2018 9:22 am

Affin wrote:How do you change banner / image and make it smaller?
I don't really understand what you are asking for.

It depends what you want it to look like and how you want it to scale on small screens.
The banner width is by design either 95% or 100% of the forum display width (depending on screen size). The height is set by the aspect ratio of the user-supplied image.
v12mike
Registered User
Posts: 584
Joined: Thu Jul 09, 2015 5:03 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by Affin » Sat Nov 10, 2018 6:12 pm

v12mike wrote:
Affin wrote:How do you change banner / image and make it smaller?
I don't really understand what you are asking for.

It depends what you want it to look like and how you want it to scale on small screens.
The banner width is by design either 95% or 100% of the forum display width (depending on screen size). The height is set by the aspect ratio of the user-supplied image.

First of all, I would like to thank you for having orkat look in here and answering questions about the style.

My question is how to minimize, change the size of the banner or what you call it for? Preferably the height.
Affin
I've Been Banned!
Posts: 254
Joined: Fri May 25, 2018 9:52 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by v12mike » Sat Nov 10, 2018 6:44 pm

To change the height, you need to put your image into an editor program and crop or compress it to the shape that you want. The we_universal style (in recent versions) preserves the aspect-ratio of the supplied image.

On my own forum I use an image with dimensions of 980 x 190 pixels.

Looking at the link that you sent separately, I would suggest that you need to crop the bottom of the image by about 20% and then add some white-space at the left and/or right to make the image bigger horizontally. You could consider rotating the image of the hand so that it does not take up so much vertical space.
v12mike
Registered User
Posts: 584
Joined: Thu Jul 09, 2015 5:03 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by Affin » Sat Nov 10, 2018 7:08 pm

Can you show your site?
Affin
I've Been Banned!
Posts: 254
Joined: Fri May 25, 2018 9:52 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by Affin » Sat Nov 10, 2018 7:08 pm

loook my site and the banner . its not so nice
Affin
I've Been Banned!
Posts: 254
Joined: Fri May 25, 2018 9:52 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by v12mike » Sun Nov 11, 2018 12:35 am

Affin wrote:loook my site and the banner . its not so nice
It looks like you have just compressed the vertical axis on you image. I would suggest that you should edit the original image by adding white-space on both sides so that the canvas becomes wider without stretching the drawing.
v12mike
Registered User
Posts: 584
Joined: Thu Jul 09, 2015 5:03 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by v12mike » Sun Nov 11, 2018 8:29 am

Post deleted
v12mike
Registered User
Posts: 584
Joined: Thu Jul 09, 2015 5:03 pm
Contact:

Re: We_universal 3.2.1 Site Logo/Random Header

by Anonymous » Fri Dec 21, 2018 12:49 am

Hi.
I think that my SlideWeUni 1.2.0 extension, could help with this problem.
Anonymous
I am too lazy to register
Posts: 3265
Joined: Thu Mar 15, 2007 6:50 am
Contact: