phpBB • Free and Open Source Forum Software

RSS Facebook Twitter
Menu

damaïo

Header change - damaïo

Header change

by Abraham54 » Thu Apr 25, 2024 10:45 am

Hello Cabot,

how to to have the header changed in the heaer seen here:
https://www.piepcomp.nl/

Problably that my PiepCompSupport forum will be migrated to phpBB.
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by cabot » Thu Apr 25, 2024 5:23 pm

Hello,

Add this in the CSS Rules field of the Damaïo Configuration extension:

Code: Select all

.headerbar {
	background-image: url(https://www.piepcomp.nl/styles/enhance/header/NUWsm7V2_3.webp);
	aspect-ratio: 1798 / 154;
}
User avatar
cabot
Registered User
Posts: 771
Joined: Sat Jan 07, 2012 4:16 pm
Top

Re: Header change

by Abraham54 » Thu Apr 25, 2024 6:07 pm

Hello Cabot, a problem.

You wrote: "Add this in the CSS Rules field of the Damaïo Configuration extension".

I can not find these files in the latest version of your theme.
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by cabot » Thu Apr 25, 2024 7:02 pm

Please take a look at the style overview page, where you'll find information about the configuration extension. ;)
User avatar
cabot
Registered User
Posts: 771
Joined: Sat Jan 07, 2012 4:16 pm
Top

Re: Header change

by Abraham54 » Thu Apr 25, 2024 7:34 pm

I have no Damaïo Style Configuration in my ACP!
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by cabot » Thu Apr 25, 2024 7:41 pm

Have you downloaded and installed the extension?
User avatar
cabot
Registered User
Posts: 771
Joined: Sat Jan 07, 2012 4:16 pm
Top

Re: Header change

by Abraham54 » Thu Apr 25, 2024 7:44 pm

Yes, my fault, your extension is installed now, but no change of the header until now.

.headerbar {
background-image: /styles/enhance/header/NUWsm7V2_3.webp);
aspect-ratio: 1798 / 154;
}

The enhance file is now also in the phpBB styles file.
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by Abraham54 » Thu Apr 25, 2024 8:04 pm

I have NUWsm7V2_3.webp changed for NUWsm7V2_3.jpg.
But still no new header.
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by Abraham54 » Thu Apr 25, 2024 8:13 pm

This did it:

.headerbar {
background-image: url(https://www.piepcomptest.nl/styles/enha ... 7V2_3.webp);
aspect-ratio: 1798 / 154;
}

Wunderbar:
https://piepcomptest.nl/index.php
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by Abraham54 » Thu Apr 25, 2024 8:57 pm

Hello Cabot,
I think your extension is professional!

I need in the header to get rid of the sitenaam en site explanation:
Image

Because if these gone, I then can install my new logo.
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by cabot » Fri Apr 26, 2024 5:43 am

I suggest you put the image in the images/ directory at the board root, so you don't have to worry about it when you'll update.
https://domain.com/images/image.foo
Abraham54 wrote: I need in the header to get rid of the sitenaam en site explanation:
Add this in the extension CSS Rules field:

Code: Select all

.site-description h1,
.site-description h1 + p {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
User avatar
cabot
Registered User
Posts: 771
Joined: Sat Jan 07, 2012 4:16 pm
Top

Re: Header change

by Abraham54 » Fri Apr 26, 2024 8:53 am

Hello Cabot,

i had the logo working:

https://www.piepcomptest.nl/styles/images/logo2.ping

But after changing it to:
https://www.piepcomptest.nl/styles/images/logo2.webp
the logo will not show again in .png.
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by Abraham54 » Fri Apr 26, 2024 8:59 am

Oeps.

The posted and used url is not complete:
https://piepcomptest.nl/styles/damaio/t ... /logo2.png does the jbb
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by Abraham54 » Fri Apr 26, 2024 9:12 am

Only on mobile the logo is not shown.
Is it to big or is it something else?
Member of Unite against malware and ASAP - Alliance of Security Analysis Professionals
User avatar
Abraham54
Registered User
Posts: 125
Joined: Sun Feb 15, 2015 9:59 am
Top

Re: Header change

by cabot » Fri Apr 26, 2024 2:08 pm

This is the default behaviour inherited from prosilver.

If you want a responsive logo, don't declare it in the logo field, but in the CSS rules field:

Code: Select all

.logo {
	display: block;
	float: none;
}

.site_logo {
	--logo-width: 380;
	--logo-height: 85;
	background-image: url("https://piepcomptest.nl/styles/damaio/theme/images/logo2.png");
	max-width: calc(var(--logo-width) * 1px);
	height: auto;
	aspect-ratio: var(--logo-width) / var(--logo-height);
	width: 100%;
}
Also, as I've already told you, it's better not to put images in the images/ directory of the style but in the directory at the board root. This will allow you to make updates without having to put the images back in the style directory.
Then you will need to use https://piepcomptest.nl/images/logo2.png instead of https://piepcomptest.nl/styles/damaio/theme/images/logo2.png
User avatar
cabot
Registered User
Posts: 771
Joined: Sat Jan 07, 2012 4:16 pm
Top