Support Request SupportChange backgroundcolor on index from new reply on post in forum

Support Section
User avatar

Sniper_E
VIP
VIP
Status: Offline
User theme: Dark
Posts: 1127
Joined: Oct 14th, '14, 17:01
    Windows 10 Firefox

Re: Change backgroundcolor on index from new reply on post in forum

Post by Sniper_E »

TWEagle wrote: Apr 5th, '20, 19:56 not yet

I don't understand it
Ok let's look at this. I see a dark style at your site from your link.

Your row colors are #f2f2f2 and #4C4C4C in your forum rows.
The #f2f2f2 bg color is in your li.row:nth-child(2n) class.
The #4C4C4C is actually your .inventea-wrapper bg class, your actual forum row has background: none;

Now in your template add that <!-- IF forumrow.S_UNREAD_FORUM --> newpost<!-- ENDIF -->
And in your colours.css stylesheet add this.

Code: Select all

.newpost {
	background-color: #4C4C4C;
	-webkit-animation: newpost 0.7s ease-out;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes newpost {
    0% { 
        background: #f2f2f2;
    }
    50% { 
        background: #4c4c4c;
    }
    100% { 
         background: #f2f2f2;
    }
}
See if that will flash in the forums with new posts. This is off the top of my head, not tested.

I just had another thought...
If that want work change that .newpost { line to li.row.newpost, li.row:nth-child(2n).newpost {
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!™
User avatar

Sniper_E
VIP
VIP
Status: Offline
User theme: Dark
Posts: 1127
Joined: Oct 14th, '14, 17:01
    Windows 10 Firefox

Re: Change backgroundcolor on index from new reply on post in forum

Post by Sniper_E »

Ok I just added this to my test site to check it out in detail.

I have a prosilver color style so I used different colors in my stylesheet.

Code: Select all

li.newpost {
	background-color: #D2E0EB;
	-webkit-animation: newpost 0.7s ease-out;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes newpost {
    0% { 
        background: #EEF5F9;
    }
    50% { 
        background: #D2E0EB;
    }
    100% { 
         background: #EEF5F9;
    }
}
And it is working well.
Did you get it working?
Do you steal not understand it?

Hell, I'm going to keep that in my style... I like it!
User avatar

martin
Admin
Admin
Status: Offline
User theme: Dark
Posts: 5023
Joined: Apr 6th, '14, 14:12
    Linux Chrome

Re: Change backgroundcolor on index from new reply on post in forum

Post by martin »

User avatar

Topic Author
TWEagle
Users
Users
Status: Offline
User theme: Dark
Posts: 74
Joined: Nov 23rd, '14, 19:38
    Windows 10 Chrome

Re: Change backgroundcolor on index from new reply on post in forum

Post by TWEagle »

Sniper_E wrote: Apr 7th, '20, 07:03 Ok I just added this to my test site to check it out in detail.

I have a prosilver color style so I used different colors in my stylesheet.

Code: Select all

li.newpost {
	background-color: #D2E0EB;
	-webkit-animation: newpost 0.7s ease-out;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes newpost {
    0% { 
        background: #EEF5F9;
    }
    50% { 
        background: #D2E0EB;
    }
    100% { 
         background: #EEF5F9;
    }
}
And it is working well.
Did you get it working?
Do you steal not understand it?

Hell, I'm going to keep that in my style... I like it!
Thnx for the help Sniper

I have changed it like you are saying

and I don't see a change.

I can't explain it how it is possible
But in a moment my full forum is on github maybe that is easier then?
Image
User avatar

martin
Admin
Admin
Status: Offline
User theme: Dark
Posts: 5023
Joined: Apr 6th, '14, 14:12
    Linux Chrome

Re: Change backgroundcolor on index from new reply on post in forum

Post by martin »

Code tried and tested and works on prosilver.
User avatar

Topic Author
TWEagle
Users
Users
Status: Offline
User theme: Dark
Posts: 74
Joined: Nov 23rd, '14, 19:38
    Windows 10 Chrome

Re: Change backgroundcolor on index from new reply on post in forum

Post by TWEagle »

I use we_universal
User avatar

Topic Author
TWEagle
Users
Users
Status: Offline
User theme: Dark
Posts: 74
Joined: Nov 23rd, '14, 19:38
    Windows 10 Chrome

Re: Change backgroundcolor on index from new reply on post in forum

Post by TWEagle »

I have given it up with that one

I am trying it now with Grid-Pro-White

The forum I have fixed

but the viewforum doesn't work
gpw_01.png
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.
User avatar

Sniper_E
VIP
VIP
Status: Offline
User theme: Dark
Posts: 1127
Joined: Oct 14th, '14, 17:01
    Windows 10 Firefox

Re: Change backgroundcolor on index from new reply on post in forum

Post by Sniper_E »

Dm has an extension for new posts to change the category name color. Colour forum Category
You can install that ext, but edit a couple of files before you enable it.

migration/colourforumcategory_install/m2_initial_file.php

Code: Select all

	public function data()
	{
		$replacements = array(
			'files' => array(
				0 => '/styles/prosilver/template/forumlist_body.html',
				1 => '/styles/prosilver/template/forumlist_body.html',
				2 => '/styles/prosilver/template/viewforum_body.html',
				),
			'searches' => array(
				0 => array(
					0 => '		<div class="forabg">'
					),
				1 => array(
					0 => '		<li class="row">'
					),
				2 => array(
					0 => '		<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">'
					)
				),
			'replaces' => array(
				0 => array(
					0 => '		<div class="forabg<!-- IF forumrow.S_UNREAD_FORUM --> block-new block-new<!-- ENDIF -->">'
					),
				1 => array(
					0 => '		<li class="row<!-- IF forumrow.S_UNREAD_FORUM --> row-new<!-- ENDIF -->">'
					),
				2 => array(
					0 => '		<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF --><!-- IF topicrow.S_UNREAD_TOPIC --> row-new<!-- ENDIF -->">'
					)
				)
			);
		return $replacements;
	}
Dm could probably correct me on the codes above. But they work on my test site.

style/prosilver/theme/colourforumcategory.css

Code: Select all

.block-new .header a:link, .block-new .header a:visited, .block-new th a:link, .block-new th a:visited {
	color: #FEDF14;
	-webkit-animation: block-throb 1s infinite;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes block-throb {
	0% { color: #FEDF14; }
	50% { color: inherit; }
	100% { color: #FEDF14; }
}

.block-new .header a:hover, .block-new .header a:active, .block-new th a:hover, .block-new th a:active {
	color: #a8d8ff;
}

li.row.row-new {
	box-shadow:inset 0px 0px 15px rgba(255,0,0,0.8);
	-webkit-animation: row-throb 1s ease-out;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes row-throb {
	0% { box-shadow:inset 0px 0px 15px rgba(255,0,0,0.8); }
	50% { box-shadow: none; }
	100% { box-shadow:inset 0px 0px 15px rgba(255,0,0,0.8); }
}
Your forum background on index and topic background in viewforum will also flash if they have a unread post.
User avatar

martin
Admin
Admin
Status: Offline
User theme: Dark
Posts: 5023
Joined: Apr 6th, '14, 14:12
    Windows 10 Chrome

Re: Change backgroundcolor on index from new reply on post in forum

Post by martin »