Need css for Topic list header

For support and discussion related to templates and themes in phpBB 3.3.
exemplary1
Registered User
Posts: 134
Joined: Mon Feb 05, 2024 11:41 am

Need css for Topic list header

Post by exemplary1 »

Hi,
I need some good css background (normal or image) for topic header for the style Prolight
https://www.phpbb.com/customise/db/style/prolight/
I have searched, but css that I found, can't implement.

Here's what I have temporarily implemented

Code: Select all

    background: linear-gradient( to bottom, #e8feff, #deedff 50%, #e4f0ff 50%, #e7f6ff );
    background-size: 100% 32px;
Would also like to have a good header background, if someone has extra time in hand.
Thank you.
User avatar
Gumboots
Registered User
Posts: 786
Joined: Fri Oct 11, 2019 1:59 am

Re: Need css for Topic list header

Post by Gumboots »

Umm, what is "good" is going to depend on your preferences. Without knowing your preferences, and without knowing which elements you want any code applied to, anyone who tries to help will likely end up chasing their tail. So...

1/ Use the names of the relevant elements and their classes.
2/ Describe how you want it to look.
3/ Maybe make a quick screenshot in an image editor too.
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
exemplary1
Registered User
Posts: 134
Joined: Mon Feb 05, 2024 11:41 am

Re: Need css for Topic list header

Post by exemplary1 »

Just want to make it look bit professional. Changing just color or two, doesn't make it look good.
Like following(just background look). But these all need javascript and bit html changes other than css. Similar kind of effect (if not exact) would be ok using css only.
https://codepen.io/Earth-Buddy/pen/BaegVjr
https://codepen.io/w3developeryt/pen/RwmzxOK
https://codepen.io/-ljf/pen/pomXKzQ
https://codepen.io/pirrera/pen/gOKBPK
https://codepen.io/mburakerman/pen/dKGPBm
User avatar
Gumboots
Registered User
Posts: 786
Joined: Fri Oct 11, 2019 1:59 am

Re: Need css for Topic list header

Post by Gumboots »

Ahhhh, that first one is very sweet. Haven't dissected the code in detail, but in principle I can see how it's done. Quite clever, and not that difficult.
It's probably not really applicable for a menu that changes pages, because unless your connection is really slow the page will change before you see the animation. It would be best suited to a row of tabs that displays different panels without changing pages. Although if you just want the look and aren't that fussed about the animation you could use it anywhere.

The second one is nothing fancy, in terms of code.
The third one is basically the first one, with less eye candy.
The fourth one is very simple, but quite nice.
The fifth one is just plain annoying. :D

Anyway, as you said you probably will not get some of these effects - particularly the first one - without changing markup. You could do something like the fourth one easily enough on default markup.
🇺🇦 Слава Україні! 🇺🇦 Героям слава! 🇺🇦
exemplary1
Registered User
Posts: 134
Joined: Mon Feb 05, 2024 11:41 am

Re: Need css for Topic list header

Post by exemplary1 »

Thank you. I think I'm reaching there, step by step.

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