highlight forums with new posts

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
TheButcher2
Registered User
Posts: 538
Joined: Tue May 13, 2014 11:38 pm
Contact:

highlight forums with new posts

Post by TheButcher2 » Sun May 12, 2019 3:42 pm

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
Attachments
Screen Shot 2019-05-12 at 11.41.21 AM.png
Last edited by Hanakin on Tue May 21, 2019 4:51 pm, edited 1 time in total.
Reason: Topic icon changed

User avatar
Tastenplayer
Registered User
Posts: 243
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: highlight forums with new posts

Post by Tastenplayer » Sun May 12, 2019 4:34 pm

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?
My phpBB Style Board & MoreBROWSERLING - Test your style live in all IE Versions
Nature - A style template for your own creations (3.2.5 / 3.2.7)
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school. The best online Translator

TheButcher2
Registered User
Posts: 538
Joined: Tue May 13, 2014 11:38 pm
Contact:

Re: highlight forums with new posts

Post by TheButcher2 » Sun May 12, 2019 4:48 pm

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

User avatar
Talk19Zehn
Registered User
Posts: 304
Joined: Tue Aug 09, 2011 1:10 pm
Contact:

Re: highlight forums with new posts

Post by Talk19Zehn » Sun May 12, 2019 5:02 pm

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
World Meteorological Organization (WMO) Weather - Climate - Water
BTW: My own works - phpBB - read more: ongray-design-de

User avatar
Tastenplayer
Registered User
Posts: 243
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: highlight forums with new posts

Post by Tastenplayer » Sun May 12, 2019 5:05 pm

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.
forum unread.jpg
HiTalk19zehn there I was unfortunately too slow :mrgreen:

Edit: Unfortunately there are no icons left in my solution now, because they are also pictures. I should have noticed :oops:
Code above changed
Last edited by Tastenplayer on Sun May 12, 2019 7:39 pm, edited 2 times in total.
My phpBB Style Board & MoreBROWSERLING - Test your style live in all IE Versions
Nature - A style template for your own creations (3.2.5 / 3.2.7)
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school. The best online Translator

TheButcher2
Registered User
Posts: 538
Joined: Tue May 13, 2014 11:38 pm
Contact:

Re: highlight forums with new posts

Post by TheButcher2 » Sun May 12, 2019 5:16 pm

Tastenplayer wrote:
Sun May 12, 2019 5:05 pm
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 :mrgreen:

thanks what file do you add it to ?

Peace

User avatar
Tastenplayer
Registered User
Posts: 243
Joined: Thu Jul 03, 2014 9:20 pm
Location: Switzerland
Name: Jutta Koliofotis
Contact:

Re: highlight forums with new posts

Post by Tastenplayer » Sun May 12, 2019 5:19 pm

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;
}
foren background.jpg
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
a forumtitle.jpg (24.73 KiB) Viewed 275 times
My phpBB Style Board & MoreBROWSERLING - Test your style live in all IE Versions
Nature - A style template for your own creations (3.2.5 / 3.2.7)
Be the best version of yourself rather than a bad copy of someone else!
Excuse me for my English, but I learned the language by speaking to people and not at school. The best online Translator

TheButcher2
Registered User
Posts: 538
Joined: Tue May 13, 2014 11:38 pm
Contact:

Re: highlight forums with new posts

Post by TheButcher2 » Thu May 16, 2019 4:37 pm

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;
}
Attachments
Screen Shot 2019-05-16 at 12.36.52 PM.png

User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 880
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: highlight forums with new posts

Post by Hanakin » Thu May 16, 2019 5:43 pm

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;
}
Donations welcome via Paypal Image

TheButcher2
Registered User
Posts: 538
Joined: Tue May 13, 2014 11:38 pm
Contact:

Re: highlight forums with new posts

Post by TheButcher2 » Thu May 16, 2019 6:45 pm

Hanakin wrote:
Thu May 16, 2019 5:43 pm
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
Attachments
Screen Shot 2019-05-16 at 2.44.35 PM.png

User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 880
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: highlight forums with new posts

Post by Hanakin » Fri May 17, 2019 12:31 am

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;
}
Donations welcome via Paypal Image

TheButcher2
Registered User
Posts: 538
Joined: Tue May 13, 2014 11:38 pm
Contact:

Re: highlight forums with new posts

Post by TheButcher2 » Fri May 17, 2019 1:01 am

Hanakin wrote:
Fri May 17, 2019 12:31 am
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
Attachments
Screen Shot 2019-05-16 at 8.58.31 PM.png

Post Reply

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