Graphic New Posts Glow

[DRE]

Hook a brotha up with a new posts link glow. For instance: http://www.xenadmins.com

As inspired by: http://xenforo.com/community/resources/breathing-sign-up-button.1908/

 

[Lisa]

Not allowed to keep anything custom these days *shakes head*

 

[DRE]

Not allowed to keep anything custom these days *shakes head*

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]

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 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.

 

[DRE]

Well, since here you are posting asking for it, I clearly am not allowed to keep something custom to my site 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.

 

[TheJoker]

It's more than just CSS. You'd like someone to write this for you for free?

 

[DRE]

It's more than just CSS. You'd like someone to write this for you for free?

http://xenforo.com/community/threads/new-posts-glow.55935/#post-595968

 

[Sage Knight]

http://xenforo.com/community/threads/new-posts-glow.55935/#post-595968

Do you want it to always glow or just when there is actual new posts? The latter is more than just plain css.

 

[DRE]

Do you want it to always glow or just when there is actual new posts? The latter is more than just plain css.

Always.

 

[TheJoker]

http://xenforo.com/community/threads/new-posts-glow.55935/#post-595968

What about it? You said you'd donate....

 

[EQnoble]

I still don't know what 'post's glow' means.

 

[Shelley]

I still don't know what 'post's glow' means.

I think DRE is referring to the "New Posts" glowing in the tablinks area whenever there is a new post made. (as seen on xenadmins.com)

 

[TheJoker]

I still don't know what 'post's glow' means.

He's looking for this:



I caught the glow at a bad time, but imagine the entire button glowing red.

 

[DRE]

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]

Always.

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

@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;
}

 

[Russ]

@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.

 

[Sage Knight]

@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 :

.navTabs .navTab.selected .tabLinks li:last-child a {

To something like this:

.redPulse {

And add the class in the a tag, like this in the "navigation" template:

<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:

 

[Deepmartini]

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.

 

[DRE]

Thanks Sage Knight.

 

[Deepmartini]

Anyone got fiery threads going?