• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Graphic New Posts Glow

DRE

Well-known member
#3
Not allowed to keep anything custom these days *shakes head* :D
Not true! I have custom stuff on my site as well that I haven't released. I'm not asking anyone to actually post how you did it or in the resource manager, but just hook a brotha up. I'd donate if I had to and I wouldn't share it without permission.
 

Lisa

Well-known member
#4
Not true! I have custom stuff on my site as well that I haven't released. I'm not asking anyone to actually post how you did it or in the resource manager, but just hook a brotha up. I'd donate if I had to and I wouldn't share it without permission.
Well, since here you are posting asking for it, I clearly am not allowed to keep something custom to my site :p I've explained to you in PC what the position on the release of this is... but if someone else can code it for you, so be it. As I said in the PC conversation you started with me:-

The developer would like it to remain anonymous that (s)he wrote it and has made it clear that it is intended for XA only, since it isn't fully production ready.
(S)He would also like to state that at a time when it is fully production ready, a reevaluation of release status will be made.
 
Last edited:

DRE

Well-known member
#5
Well, since here you are posting asking for it, I clearly am not allowed to keep something custom to my site :p I've explained to you in PC what the position on the release of this is... but if someone else can code it for you, so be it.
I just want someone to code one for me. I'm not asking for your exact addon code or color.
 

DRE

Well-known member
#14
A user on here PMd me their own version of new posts glow and it shares nothing in common with azhria's code. Thanks anyway!
 

Sage Knight

Well-known member
#15
Screen Shot 2013-07-30 at 11.00.50 AM.png

Add this in extra.css, change it to suit your needs.

Code:
@keyframes "redPulse" {
from {
    background-color: #9a0202;
      -webkit-box-shadow: 0 0 9px #333;
      box-shadow: 0 0 9px #333;
}
50% {
    background-color: #e70000;
      -webkit-box-shadow: 0 0 18px #e70000;
      box-shadow: 0 0 18px #e70000;
}
to {
    background-color: #9a0202;
      -webkit-box-shadow: 0 0 9px #333;
      box-shadow: 0 0 9px #333;
}

}

@-moz-keyframes redPulse {
from {
  background-color: #9a0202;
  box-shadow: 0 0 9px #333;
}
50% {
  background-color: #e70000;
  box-shadow: 0 0 18px #e70000;
}
to {
  background-color: #9a0202;
  box-shadow: 0 0 9px #333;
}

}

@-webkit-keyframes "redPulse" {
from {
  background-color: #9a0202;
  -webkit-box-shadow: 0 0 9px #333;
  box-shadow: 0 0 9px #333;
}
50% {
  background-color: #e70000;
  -webkit-box-shadow: 0 0 18px #e70000;
  box-shadow: 0 0 18px #e70000;
}
to {
  background-color: #9a0202;
  -webkit-box-shadow: 0 0 9px #333;
  box-shadow: 0 0 9px #333;
}

}

@-ms-keyframes "redPulse" {
from {
  background-color: #9a0202;
  box-shadow: 0 0 9px #333;
}
50% {
  background-color: #e70000;
  box-shadow: 0 0 18px #e70000;
}
to {
  background-color: #9a0202;
  box-shadow: 0 0 9px #333;
}

}

@-o-keyframes "redPulse" {
from {
  background-color: #9a0202;
  box-shadow: 0 0 9px #333;
}
50% {
  background-color: #e70000;
  box-shadow: 0 0 18px #e70000;
}
to {
  background-color: #9a0202;
  box-shadow: 0 0 9px #333;
}

}

.navTabs .navTab.selected .tabLinks li:last-child a {
    -webkit-animation-name: redPulse;
    -moz-animation-name: redPulse;
    -ms-animation-name: redPulse;
    -o-animation-name: redPulse;
    animation-name: redPulse;
    -webkit-animation-duration: 2s;

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 

Sage Knight

Well-known member
#17
@Sage Knight that was an idea I had originally however when in responsive the expand menu function becomes the last child causing it to glow. You could add a CSS selector to the new post link and call on that.
Good point.

For anyone watching this, just change :

Code:
.navTabs .navTab.selected .tabLinks li:last-child a {
To something like this:

Code:
.redPulse {
And add the class in the a tag, like this in the "navigation" template:

Code:
<li><a href="{xen:link 'find-new/posts'}" rel="nofollow" class="redPulse">{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</a></li>
The hover would need to be tweaked as it looks hideous, but hopefully this should be a starting point.

A screenshot:

Screen Shot 2013-07-30 at 11.33.37 AM.png
 

Deepmartini

Well-known member
#18
How do we make hot threads with a lot of responses glow? Or make a little flame icon? I'm seen some sites that have a flaming icon next to it, like on the WarriorForum.com It gets people to jump into the thread and boosts activity. They are animated and move as well. Maybe an animated glow would work?! Radioactive hot threads which are triggered over X amount of replies.

flames.png
 
Last edited: