Helpful Information
 
 
Category: vBulletin 5.x Modifications
Show Thread Enhancements - New Topic/Sub-Topic Online Effect Glow

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.

https://www.vbulletin.org/forum/external/2016/10/6.gif

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. http://vbmods.rocks/

Please Rate and Nom :D

I am new to template mods so please take it easy on me :).

You can see it live @ http://www.fractured-gaming.com

Looks very nice, thank you for sharring with us :)
Keep up the good work

please share yoru theme :P and nice

Very Thanks !!

perfect, thank you










privacy (GDPR)