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

Unmaintained Smilie Hover Effects

Make those smilies hover!

  1. Matthew Hawley

    Matthew Hawley Well-Known Member

    Matthew Hawley submitted a new resource:

    Smilie Hover Effect - Make those smilies hover!

    Read more about this resource...
    resonansER likes this.
  2. Matthew Hawley

    Matthew Hawley Well-Known Member

    resonansER likes this.
  3. Tracy Perry

    Tracy Perry Well-Known Member

    Works fine with the sprite sheets, but if you have any animated GIF's (or any not listed in the sprite sheet) it will not work. It will be a simple edit to the CSS, but right now I don't have time to check to see what needs to be changed.
  4. Matthew Hawley

    Matthew Hawley Well-Known Member

    resonansER likes this.
  5. resonansER

    resonansER Well-Known Member

    @Matthew Hawley, this is DON'T work on .gif animated smilies and on 99 smilies from Shelley's Xenforo Extended Smilies 1h. sad, bad. :(:confused:
  6. it_

    it_ Member

    Doesn't work for me too, I'm using a seperate Zombie Smilies Pack from Shelley (with no CSS)... too bad; I really like the zoom effect.
  7. Deepmartini

    Deepmartini Well-Known Member

    Is there a way to get it to worth with animated ones?
    MajesticMonkey likes this.
  8. Don't know if it can work but it is a shame if there isn't a way to do it using addon smiley packs.
  9. Matthew Hawley

    Matthew Hawley Well-Known Member

    What do you mean? It works with all smiley images.
  10. I have added Shelley's extended smiley pack and in the redactor it doesn't hover with the opacity like the original ones.
    All the basic ones that come with xF do - the added ones don't.

    EDIT: I think it's because @Shelley 's ones aren't in a sprite, whereas the original ones are. Anyone know a fix for this?
  11. Shelley

    Shelley Well-Known Member

    The following should work both for sprites and individual images.

    .redactor_smilies img.mceSmilieSprite, .redactor_smilies li img {opacity: 0.5;}
    .redactor_smilies img.mceSmilieSprite:hover, .redactor_smilies li img:hover {
      opacity: 1;
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -moz-transition: all 0.3s ease-in-out 0s;
      -transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;}
  12. Thank you so much @Shelley,
    I truly apologize for all of the question after an accident a couple of months ago my memory is shocking and so I have to learn all this stuff again from the beginning so I apologize for all the basic questions.
    Shelley likes this.
  13. Shelley

    Shelley Well-Known Member

    Don't ever apologise for asking something. If I'm capable of answering it then I really don't mind helping. :) hopefully that works for you, let me know if it does work out for you.
    Matthew Hawley likes this.
  14. It works like a charm,
    Thank you.
    Matthew Hawley likes this.

Share This Page