New Topic/Sub-Topic Online Effect Glow vBulletin 5.x

[AdminAdmin is verified member.]

This takes the online effect and adds it to new topic and sub topic posts.
Edit the #color codes if you want to change the color.

add this to css_additional.css

/*---------------Online Effect on New Topic and Sub Topic Icons---------------*/

/*---Topic---*/
.forum-list-container .forum-item.new .cell-forum .icon {
    position: relative;
}

.forum-list-container .forum-item.new .cell-forum .icon:after {
    content: '';
    border: 10px solid #F01F4B; /*color*/
    background: transparent;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    top: -24px;
    left: -23px;
    z-index: 1;
    opacity: 0;
    -webkit-animation: glow 3s ease-out infinite;
    animation: glow 3s ease-out infinite;
}

/*---Sub-Topic---*/
.forum-list-container .subforum-list .subforum-item .icon.new{
    position: relative;
}

.forum-list-container .subforum-list .subforum-item .icon.new:after {
    content: '';
    border: 10px solid #F01F4B; /*color*/
    background: transparent;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    top: -24px;
    left: -23px;
    z-index: 1;
    opacity: 0;
    -webkit-animation: glow 3s ease-out infinite;
    animation: glow 3s ease-out infinite;
}

@-webkit-keyframes glow {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -webkit-transform: scale(0);
        opacity: 0.5;
    }

    50% {
        -webkit-transform: scale(0.1);
        opacity: 1.0;
    }
}
/*---------------END Online Effect on New Topic and Sub Topic Icons---------------*/

This is the 1st code I started, thanks to the guys at VBmods That Rock.

Please Rate and Nom

 

[iboibo]

I do not know how to do it

 

[AdminAdmin is verified member.]

I do not know how to do it

Please add this code in css_additional.css

 

[iboibo]

1. it does not change the color
2. you can explain to me this tightens to what

 

[AdminAdmin is verified member.]

just tell me where is css_additional.css

Styles and Templates -> Search in templates. Search for css_additional.css

 

[iboibo]

1. it does not change the color
2. you can explain to me this tightens to what

 

[AdminAdmin is verified member.]

1. it does not change the color
2. you can explain to me this tightens to what

1. Please see screenshots, this is gif file
2. It change effect glow