PDA

View Full Version : Show Thread Enhancements - New Topic/Sub-Topic Online Effect Glow


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

MokeyII
10-01-2016, 06:47 PM
I am new to template mods so please take it easy on me :).

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

goxy63
10-30-2016, 09:44 PM
Looks very nice, thank you for sharring with us :)
Keep up the good work

MrCriticalRx
11-06-2016, 02:48 AM
please share yoru theme :P and nice

By_umut
03-05-2017, 04:53 PM
Very Thanks !!

keyla31
06-06-2018, 12:41 PM
perfect, thank you