New Topic/Sub-Topic Online Effect Glow
Mod Version: 1.00, by MokeyII
| vB Version: 5.2.3 | Rating:  (3 votes - 4.33 average) |
Installs: 6 |
| Released: 01 Oct 2016 | Last Update: Never | Downloads: 0 |
 Not Supported
 Auto-Template
Re-usable Code
Translations
|
||
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
This is the 1st code I started, thanks to the guys at VBmods That Rock. http://vbmods.rocks/
Please Rate and Nom
Edit the #color codes if you want to change the color.
add this to css_additional.css
Code:
/*---------------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---------------*/
Please Rate and Nom
Download
No files for download.