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

Graphic New Posts Glow

Discussion in 'Resource and Add-on Requests' started by DRE, Jul 29, 2013.

  1. DRE

    DRE Well-Known Member

  2. Lisa

    Lisa Well-Known Member

    Not allowed to keep anything custom these days *shakes head* :D
     
  3. DRE

    DRE Well-Known Member

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

    Lisa Well-Known Member

    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: Jul 29, 2013
  5. DRE

    DRE Well-Known Member

    I just want someone to code one for me. I'm not asking for your exact addon code or color.
     
  6. TheJoker

    TheJoker Member

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

    DRE Well-Known Member

  8. Sage Knight

    Sage Knight Well-Known Member

  9. DRE

    DRE Well-Known Member

    Always.
     
  10. TheJoker

    TheJoker Member

  11. EQnoble

    EQnoble Well-Known Member

    I still don't know what 'post's glow' means.
     
    Mrs.T likes this.
  12. Shelley

    Shelley Well-Known Member

    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)
     
    Last edited: Jul 30, 2013
  13. TheJoker

    TheJoker Member

    He's looking for this:

    Screen Shot 2013-07-29 at 9.12.45 PM.png

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

    DRE Well-Known Member

    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!
     
  15. Sage Knight

    Sage Knight Well-Known Member

    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;
    }
    
     
    DRE and Sheldon like this.
  16. Russ

    Russ Well-Known Member

    @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 and DRE like this.
  17. Sage Knight

    Sage Knight Well-Known Member

    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
     
    DRE likes this.
  18. Deepmartini

    Deepmartini Well-Known Member

    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: Aug 2, 2013
  19. DRE

    DRE Well-Known Member

    Thanks Sage Knight.
     
  20. Deepmartini

    Deepmartini Well-Known Member

    Anyone got fiery threads going?
     

Share This Page