MokeyII
09-30-2016, 09:00 PM
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://vborg.vbsupport.ru/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
Edit the #color codes if you want to change the color.
https://vborg.vbsupport.ru/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