Category backround

For support and discussion related to templates and themes in phpBB 3.3.
MortallCsAl3x
Registered User
Posts: 73
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Category backround

Post by MortallCsAl3x »

Good morning. Can someone help me to add a background to a category. And if it is possible for a designer to help me with a counter-strike themed background image, I would be grateful. Thank you in advance! Below is a picture of what I am referring to.

https://i.imgur.com/o24slsC.png
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Mannix_
Registered User
Posts: 1932
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: Category backround

Post by Mannix_ »

Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
MortallCsAl3x
Registered User
Posts: 73
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Category backround

Post by MortallCsAl3x »

I don't really understand to be honest ok ...... brother can you tell me the steps please?
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Mannix_
Registered User
Posts: 1932
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: Category backround

Post by Mannix_ »

Code: Select all

.forabg:nth-child(3) ul.forums {
    background: red !important;
}
or

Code: Select all

.forabg:nth-child(3) ul.forums .row:nth-child(2) {
    background: red !important;
}
adjust the numbers to target specific category
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
MortallCsAl3x
Registered User
Posts: 73
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Category backround

Post by MortallCsAl3x »

Where i put the image url?
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
MortallCsAl3x
Registered User
Posts: 73
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Category backround

Post by MortallCsAl3x »

Mannix_ wrote: Sat May 18, 2024 11:37 am

Code: Select all

.forabg:nth-child(3) ul.forums {
    background: red !important;
}
or

Code: Select all

.forabg:nth-child(3) ul.forums .row:nth-child(2) {
    background: red !important;
}
adjust the numbers to target specific category
I have try this but i want to add background image to one category like at to my server list.
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
ssl
Registered User
Posts: 1810
Joined: Sat Feb 08, 2020 2:15 pm
Location: Le Lude, Pays de la Loire - France
Name: Fred Rimbert

Re: Category backround

Post by ssl »

Ask where you bought your style
Sorry for my English ... I do my best!

phpBB: 3.3.12 | PHP: 8.3.7
[Kill spam on phpBB] - [Some French translation of extensions]
"Mistress, Mistress someone is bothering me in pm"
MortallCsAl3x
Registered User
Posts: 73
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Category backround

Post by MortallCsAl3x »

ssl wrote: Sun May 19, 2024 12:31 pm Ask where you bought your style
The creator îs no longer awaible. Its first thing what i did.
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
ssl
Registered User
Posts: 1810
Joined: Sat Feb 08, 2020 2:15 pm
Location: Le Lude, Pays de la Loire - France
Name: Fred Rimbert

Re: Category backround

Post by ssl »

Well if developing it doesn't respond you have to think about forgetting your style, sooner or later you will have problems with an out of date style
Sorry for my English ... I do my best!

phpBB: 3.3.12 | PHP: 8.3.7
[Kill spam on phpBB] - [Some French translation of extensions]
"Mistress, Mistress someone is bothering me in pm"
MortallCsAl3x
Registered User
Posts: 73
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Category backround

Post by MortallCsAl3x »

ssl wrote: Sun May 19, 2024 12:34 pm Well if developing it doesn't respond you have to think about forgetting your style, sooner or later you will have problems with an out of date style

yes I know and I am aware of it. but let's hope that I will find someone who will help me even if I need to pay.
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Madalin10
Registered User
Posts: 66
Joined: Wed Jun 18, 2014 2:42 pm
Name: Madalin C.

Re: Category backround

Post by Madalin10 »

Add this code to your stylesheet file or in overall_header between <style></style>.

Code: Select all

.forabg:nth-child(4) .forums:before {
    content: "";
    background: url(//img.freepik.com/free-photo/digital-art-beautiful-mountains_23-2151123688.jpg) center / cover no-repeat;
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.4;
}
The link you can change it with your desired photo. Nth-child function will count your categories order, if you change from 4 to another number, the background will be visible to the respective category.

It should look like this: Image
https://awesome-web.design - I offer phpBB & web design services at fair prices.
MortallCsAl3x
Registered User
Posts: 73
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Category backround

Post by MortallCsAl3x »

Madalin10 wrote: Sun May 19, 2024 10:50 pm Add this code to your stylesheet file or in overall_header between <style></style>.

Code: Select all

.forabg:nth-child(4) .forums:before {
    content: "";
    background: url(//img.freepik.com/free-photo/digital-art-beautiful-mountains_23-2151123688.jpg) center / cover no-repeat;
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.4;
}
The link you can change it with your desired photo. Nth-child function will count your categories order, if you change from 4 to another number, the background will be visible to the respective category.

It should look like this: Image
Works just fine thanks bro!
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Mannix_
Registered User
Posts: 1932
Joined: Sun Oct 25, 2015 2:56 pm
Name: Matt

Re: Category backround

Post by Mannix_ »

I guess it was to hard to figure out to change red to a url(path_to_image) in my examples :lol: :lol: C'mon buddy nobody is gonna hold your hand that much. You should be able to figure it out such a simple stuff by now. More so even when you already changed the background on the server list in another topic.
Did I helped You? Consider a donation.
New version of phpBB has been released? My styles aren't validated for it yet? Check my page for the latest downloads!
MortallCsAl3x
Registered User
Posts: 73
Joined: Fri Apr 14, 2023 5:01 pm
Location: Romania
Name: Alex Cornea

Re: Category backround

Post by MortallCsAl3x »

Mannix_ wrote: Mon May 20, 2024 10:16 am I guess it was to hard to figure out to change red to a url(path_to_image) in my examples :lol: :lol: C'mon buddy nobody is gonna hold your hand that much. You should be able to figure it out such a simple stuff by now. More so even when you already changed the background on the server list in another topic.
Im stil learn bro sorry for theth. I used until now another platforma, so in phpbb3 its all new stuff for me.
:roll: Forum - https://www.worldcs.ro - Gaming Community PHPBB3
:arrow: Counter-Strike 1.6 download - https://www.cstrike16.eu
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26662
Joined: Fri Aug 29, 2008 9:49 am

Re: Category backround

Post by Mick »

MortallCsAl3x wrote: Sun May 19, 2024 12:38 pmif I need to pay
If and when you do decide to pay you need to post in the Wanted! Forum.
  • "The more connected we get the more alone we become" - Kyle Broflovski©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel

Return to “[3.3.x] Styles Support & Discussion”