MyBB Community Forums

Okay ladies and gentlemen! I just figured it out:

.newAlerts > a {
color:red !important;
font-weight:bold;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -ms-animation-name: blinker;
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;

    -o-animation-name: blinker;
    -o-animation-duration: 1s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

I think this should come from factory haha! I hope people like this! Tested in firefox and chrome only

I added

    -ms-animation-name: blinker;
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;

    -o-animation-name: blinker;
    -o-animation-duration: 1s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;

But I am not sure if they are valid

Based off of:

http://stackoverflow.com/questions/16344...-with-css3

and

http://jsfiddle.net/umz8t/458/

No one has commeted on this.. Is this safe and will it work?

And is there someone who can post a screenshot? Thank you

Try on a local installation. Safe and you can confirm it yourselves.

hello, I am able to say this to test if it works, could you tell me which files Please apply these changes?

Agree, which file should I edit?

UP ! thanks

Anyone know if this works?

Yes, it should work. The file being edited is the myalerts.css stylesheet in ACP > Templates & Themes > *YOUR THEME* > myalerts.css.

(2016-07-23, 08:26 AM)Euan T Wrote: [ -> ]Yes, it should work. The file being edited is the myalerts.css stylesheet in ACP > Templates & Themes > *YOUR THEME* > myalerts.css.

Thank you for answering.
should I add both of those codes MuslimBB posted in his first post?
For me it's showing only alerts.css and in that I find only:

.usercp_nav_myalerts {
    background: url(images/usercp/transmit_blue.png) no-repeat left center;
}

.usercp_nav_myalerts_delete_all {
    background: url(images/usercp/delete.png) no-repeat left center;
}

.usercp_nav_myalerts_delete_read {
    background: url(images/usercp/bin.png) no-repeat left center;
}

.newAlerts > a {
    color: red !important;
}

ul.panel_links a.myalerts {
    background-position: 0 -180px;
}

Just adding the first code block to that should work I think