highlight forums with new posts

[TheButcher2]

Hi guys

I changed the layout of my forum from sub-forums to showing them all on the index page.

How can I make the forums with new posts red and italic.



Thanks

[Tastenplayer]

You can color certain forums, what I did in my forum with the phpbb part. But re-coloring forums with new posts is going to get pretty complicated. Probably you would have to create an extension.
Maybe this extension will help you https://www.phpbb.com/customise/db/exte ... new_reply/ (Red title for new topic and new reply)
Perhaps you can adapt something there to your wishes?

[TheButcher2]

I asked about subforums in another topic and it worked, but can not figure out how to do it for forums now.

viewtopic.php?f=591&t=2509051&p=15237436#p15237436

[Talk19Zehn]

Hi, Mannix_ wrote here also a first great aid:
viewtopic.php?p=15237946#p15237946
Did you do this?
And, you have disabled this EXT ==> viewtopic.php?p=15237956#p15237956
==> ext/alex75/redtitlenewpost wrote some colors looks like --> color: #000c22


Maybe I've lost my way ... Regards

[Tastenplayer]

I had no unread forum in 3.2.7 TB
But you are right, this is not complicated at all as I thought.

Code: Select all

.forum_unread {
    border-left: 1px solid #AA0000;
    font-style: italic;
    padding-left: 2px;
    color: #AA0000;
    background-color: green;
    background-image: url("./images/forum_unread.png") !important;
}

That's how it worked for me.

HiTalk19zehn there I was unfortunately too slow

Edit: Unfortunately there are no icons left in my solution now, because they are also pictures. I should have noticed
Code above changed

[TheButcher2]

I had no unread forum in 3.2.7 TB
But you are right, this is not complicated at all as I thought.

Code: Select all

.forum_unread {
    border-left: 1px solid #AA0000;
    font-style: italic;
    padding-left: 2px;
    color: #AA0000;
    background: green;
}

That's how it worked for me.

forum unread.jpg

HiTalk19zehn there I was unfortunately too slow

thanks what file do you add it to ?

Peace

[Tastenplayer]

in Style.css but with this code. If you don`t have style.css in color.css
Whether it works like this in every style - in my style it is now displayed correctly with background color and forum icon.

Code: Select all

.forum_unread {
    border-left: 1px solid #AA0000;
    font-style: italic;
    padding-left: 2px;
    color: #AA0000;
    background-color: green;
    background-image: url("./images/forum_unread.png") !important;
}

Edit: If you have definied a color for a.forumtitle you must also insert this code:

Code: Select all

.forum_unread a.forumtitle {
    color: red;
}

a forumtitle.jpg (24.73 KiB) Viewed 1464 times

[TheButcher2]

Houston we have a problem.
I appreciate the code, I added it, but that icon to the left disappears on forums with new posts, and the forum title is not red just the description, how to make the forum name red too.

Here is the code ( I changed the colour bte)

Code: Select all

.forum_unread {
    border-left: 1px solid #AA0000;
    font-style: italic;
    padding-left: 2px;
    color: #AA0000;
    background-color: #E6E9ED;
    background-image: url("./images/forum_unread.png") !important;
}


.forum_unread a.forumtitle {
    color: red;
}

[Hanakin]

the forum name is a link and it has a class of forumtitle as you have it there the problem is specificity of the a tag is probably trumping it so add !important after color: red like so

Code: Select all

.forum_unread a.forumtitle {
    color: red !important;
}

[TheButcher2]

the forum name is a link and it has a class of forumtitle as you have it there the problem is specificity of the a tag is probably trumping it so add !important after color: red like so

Code: Select all

.forum_unread a.forumtitle {
    color: red !important;
}

Perfect sir, thanks a lot, it is now red, the only thing that is missing is that image to the left of the forum name on forums with the highlighted / italic red text name.

Peace

[Hanakin]

the imageset? it should already be red? if all you want is the link and description to be red just like the imageset then undo everything that was previously done above...

and add the following to the bottom of your themes custtom css file or at the bottom of colours.css

Code: Select all

.forum_unread .forum-desc,
.forum_unread .forumtitle,
.forum_unread .forumtitle:hover {
    color: #AA0000 !important;
}

.forum_unread {
    border-left: 1px solid #AA0000;
    color: #AA0000;
    background-color: #E6E9ED;
}

[TheButcher2]

the imageset? it should already be red? if all you want is the link and description to be red just like the imageset then undo everything that was previously done above...

and add the following to the bottom of your themes custtom css file or at the bottom of colours.css

Code: Select all

.forum_unread .forum-desc,
.forum_unread .forumtitle,
.forum_unread .forumtitle:hover {
    color: #AA0000 !important;
}

.forum_unread {
    border-left: 1px solid #AA0000;
    color: #AA0000;
    background-color: #E6E9ED;
}

It did the trick, thanks a million and also to Tastenplayer for hi time and help, you guys are really too kind.

All the best to you and peace


Dave

[TheButcher2]

Hi guys just asking on this topic since it is relevant, how can I make the actual subforums red when there are new posts please see attached image

[Mannix_]

Hi guys just asking on this topic since it is relevant, how can I make the actual subforums red when there are new posts please see attached image

something like this ?

2019-08-20 19.55.26 www.sponsorchat.com 9a26bb76f7b3.png (5.71 KiB) Viewed 838 times

If so you can add

Code: Select all

.subforum.unread {
       color: red;
}

to your colour.css file

[TheButcher2]

Thanks Mannix but it didn;t change the colour of subforums with unread posts to red,