Colorize cells when a new message is posted (script issue)

Hello,

I have tried to follow the script from Ange Tuteur but this one doesn't work on my forum.

Please find this one here: https://help.forumotion.com/t136044-colorize-the-cells-when-a-new-message-is-posted#916950

I have added the script but I don't understand how and where shall I change the image url?

CSS is added too...

Thanks for your help,

the image url is in the javascript page you made

https://2img.net/i/fa/empty.gif

replace that with your image url

Which image url?
I don't want an image url but only a cell which is coloried.

If I need to change this image url, where is it cause I have several times the same URL under my CP...

Thanks,

oh the color can be edited in your css

dl.newpost { background-color:#COLOR !important }

change "#COLOR" to "blue,green,white" or you can use a html color

#00ff00

This is done but did you read my previous post regarding the images url?

In fact, I need to replace an image url but I did not understand this part, can you give me an example with what I have to change?

Thanks,

ok you need a image to display on your forum for new post for this to work

i noticed you have icons on all of your post so to prevent i image beside them making your forum look ugly we will use a blank image witch is a 1px x 1px image

goto

acp>display>pictures&colors>pics management>advanced mode>

icons for the forum

replace

Category - New :
Forum - New :

with this image url

https://www.filepicker.io/api/file/c3y2vT71QpCQ5y0pEb06+empty1.png


then save


then goto

acp>modules>html&javascript>javascript managment

and click button on the javascript page your made using the tutorial

replace both

https://2img.net/i/fa/empty.gif

with

https://www.filepicker.io/api/file/c3y2vT71QpCQ5y0pEb06+empty1.png

then save

now u should be all set

Hello,

No change...

Please find my images under my CP:


The script which is added on the home page:



This change my legend too see print screen but I will hide it if needed...

ok im a lil confused so only way i will be able to help you is to look at your acp to make sure you put everything where its suppose to go its up to you tho if you want further help send me a pm with a test accout with admin rights ... else wait for ange and he will be able to help you more perhaps

Thanks, I will wait Ange Tuteur's help cause he mades the script and I did everything wrote in the script but still the same problem.

do you have javascript turned on?

acp>modules>javascript managment and right above the scripts is a on/off option

Yes of course, I have 7 scripts running

change your javascript from homepage to topics

No change, I have tried on topics but no change.
I let on both.

However, the script asks us to check the box "index".

Very weird this issue.

i have looked threw all of your pages and cant seem to find that script running anywhere so maybe one of your other scripts is blocking it ... have u tried disabling them t see if it works?

I can't cause I have a lot of scripts which running on the forum

well u can try running the script in all pages other then that idk hopfuly ange can help u

No change even if I apply the script on all pages...

The images that go into the script are the ones you have that show whether there is a new post or not.

For example: My forum uses and

The first image is what represents a new post for a forum section and an entire category, so you have to insert those within the Javascript code. 

My code looks like 

Code:

$(function() {
  $('dl.icon[style*="http://i39.servimg.com/u/f39/18/96/09/29/scroll10.png"]').addClass('newpost');
  $('dl.icon[style*="http://i39.servimg.com/u/f39/18/96/09/29/scroll10.png"]').addClass('newpost');
});

That image is just what changes to represent that your sections have a new post. Then through the CSS, you use the 'newpost' added class to colorize the cell, in addition to that image.

Here is what my forum looks like with a NEW and OLD post as an example: 



However, the CSS code in Ange's Tuteur has makes the color you colorize too INCREDIBLY strong. On my forum, I was unable to read exactly what that section was when there was a new post. So I also made a change to fix that:

Code:

dl.newpost {
  background-color: rgba(244, 201, 107, 0.2) !important
}

Instead of using the hex HTML code for the color, I use RGB. The very last number is the opacity, and I was able to change it so that I can actually see what that section was when there was a new post.

I hope Ange Tuteur will participate on this topic cause I'm blocked.
However, I have another problem now even if I delete the script and restore the settings before the change.
I don't have any icon anymore under "private messages" but under topics it is fine...

Please find more details with this print screen:

This is the icon which is near the text of the message but this one doesn't appears anymore.

Hello betclever,

Add this to JavaScript codes management ( or replace your current ) :
Modules > JavaScript codes management

Code:

$(function() {
  $('dl.icon[style*="http://2img.net/s/t/15/37/45/i_folder_new.png"]').addClass('newpost');
  $('dl.icon[style*="http://2img.net/s/t/15/37/45/i_folder_new.png"]').addClass('newpost');
});

and this to CSS :
Display > Colors > CSS stylesheet

Code:

dl.icon.newpost { background-color:#0CA !important }

I could see your "new" image :

Try clearing your cache, because there might have been an error in caching.

I saw a color green for new posts but I have changed the color to another color like orange and it doesn't work anymore.
It is strange cause I have copied the code once again to begin from zero and it doesn't work anymore...

I did not change anything a part making the script and added the code to my CSS sheet.

Any idea?

Thanks for the support

EDIT:


I found the problem...

It was an extension (module) from firefox...
I have uninstalled this one and it is fine.

However, any idea for my second problem with "privates messages"?

The icon doesn't appaers see print screen

You just changed #0CA to Orange, correct ? Did you read the new topic before you made that change ?

Yes yes but I had a problem or conflict with an extension...

Any solution for my second problem for "privates messages"?

Thanks,

Are there any image missing here ?
Administration Panel > Display > Pics management > Advanced > Icons for topics

The icons are there, I don't understand...

dl.icon {background: none repeat scroll 0% 0% transparent !important;}

that code is in your csss blocking it

Hello,

I don't have this in my CSS sheet.
I have checked 2 times to be sure

.forabg dl.icon{


i think you used it to hide the icons on the index

This is what I have :

 .forabg dl.icon {
      background:none !important;
      position:relative;
    }

    .blocImg {
      width:50px;
      background-repeat:no-repeat;
      background-position:center;
      position:absolute;
      left:0;
      top:0;
      bottom:0;
    }

Try this :

Code:

 .forabg ul:not(.pmlist) dl.icon {
      background:none !important;
      position:relative;
    }

    .blocImg {
      width:50px;
      background-repeat:no-repeat;
      background-position:center;
      position:absolute;
      left:0;
      top:0;
      bottom:0;
    }