I'd like to have a background image extension that autoscales the image

Looking for an Extension? Have an Extension request? Post your request here for help. (Note: This forum is community supported; while there is an Extensions Development Team, said team does not dedicate itself to handling requests in this forum)
Anti-Spam Guide
User avatar
deepndark
Registered User
Posts: 508
Joined: Thu Nov 03, 2011 12:48 pm
Location: Estonian Developr aka X

I'd like to have a background image extension that autoscales the image

Post by deepndark »

I'd like to have a background image extension that autoscales the background image, depending what is your resolution, - just like there is one for header image. Anyone?
User avatar
cabot
Jr. Style Validator
Posts: 1041
Joined: Sat Jan 07, 2012 4:16 pm

Re: I'd like to have a background image extension that autoscales the image

Post by cabot »

Hello,

Something like 'background-size'?
User avatar
deepndark
Registered User
Posts: 508
Joined: Thu Nov 03, 2011 12:48 pm
Location: Estonian Developr aka X

Re: I'd like to have a background image extension that autoscales the image

Post by deepndark »

cabot wrote: Mon Oct 16, 2023 8:15 am Hello,

Something like 'background-size'?
Well, yeah, an extension that autoscales the bg-image depending on your screen resolution.
User avatar
cabot
Jr. Style Validator
Posts: 1041
Joined: Sat Jan 07, 2012 4:16 pm

Re: I'd like to have a background image extension that autoscales the image

Post by cabot »

It looks like you're using the Background Forum extension. All you have to do is modify the background.css file.

Find:

Code: Select all

background-size: cover;
Replace cover with contain or 100% auto.

:idea: Your image is large enough for the contain value to do the job.
User avatar
deepndark
Registered User
Posts: 508
Joined: Thu Nov 03, 2011 12:48 pm
Location: Estonian Developr aka X

Re: I'd like to have a background image extension that autoscales the image

Post by deepndark »

cabot wrote: Sat Feb 17, 2024 9:13 am It looks like you're using the Background Forum extension. All you have to do is modify the background.css file.

Find:

Code: Select all

background-size: cover;
Replace cover with contain or 100% auto.

:idea: Your image is large enough for the contain value to do the job.
Ok, I'll do so thanks, but what's the difference between the contain and auto?
User avatar
warmweer
Jr. Extension Validator
Posts: 12229
Joined: Fri Jul 04, 2003 6:34 am
Location: somewhere in the space-time continuum

Re: I'd like to have a background image extension that autoscales the image

Post by warmweer »

deepndark wrote: Wed Feb 21, 2024 2:45 pm
Ok, I'll do so thanks, but what's the difference between the contain and auto?
https://developer.mozilla.org/en-US/doc ... SS/contain

https://developer.mozilla.org/en-US/docs/Web/CSS/width
Spelling is freeware, which means you can use it for free.
On the other hand, it is not open source, which means you cannot change it or publish it in a modified form.


Time flies like an arrow, but fruit flies like a banana.
User avatar
deepndark
Registered User
Posts: 508
Joined: Thu Nov 03, 2011 12:48 pm
Location: Estonian Developr aka X

Re: I'd like to have a background image extension that autoscales the image

Post by deepndark »

warmweer wrote: Wed Feb 21, 2024 3:25 pm
deepndark wrote: Wed Feb 21, 2024 2:45 pm
Ok, I'll do so thanks, but what's the difference between the contain and auto?
https://developer.mozilla.org/en-US/doc ... SS/contain

https://developer.mozilla.org/en-US/docs/Web/CSS/width
Ok thanks! One question before I do anything: If I have a .png as a background, then will it keep it's transparenty when it scales?
User avatar
warmweer
Jr. Extension Validator
Posts: 12229
Joined: Fri Jul 04, 2003 6:34 am
Location: somewhere in the space-time continuum

Re: I'd like to have a background image extension that autoscales the image

Post by warmweer »

deepndark wrote: Thu Feb 22, 2024 9:02 am
Ok thanks! One question before I do anything: If I have a .png as a background, then will it keep it's transparenty when it scales?
I'ld expect it to, but the proof of the pudding is in the tasting. (just in case: that means try it to see the result).
Spelling is freeware, which means you can use it for free.
On the other hand, it is not open source, which means you cannot change it or publish it in a modified form.


Time flies like an arrow, but fruit flies like a banana.

Return to “Extension Requests”