1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
    Dismiss Notice
  3. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Snow avatars!

Discussion in 'Template Modifications [Archive]' started by CyberAP, Dec 1, 2010.

  1. CyberAP

    CyberAP Well-Known Member

    snowy.png icy.png

    1. Snowy 2. Icy​
    For snowy:
    1. Download snow_mask.png and upload it to 'styles\default\xenforo'
    2. Open extra.css template and there
      Code:
      .messageUserBlock:before {
            content: " ";
            background: transparent url('./styles/default/xenforo/snow_mask.png') no-repeat;
            width:133px;
            height:23px;
            display:block;
            position: absolute;
            top:-14px;
            right:4px;
            z-index:1;
        }
    3. Check your message user block now! :)
    For Icy:
    1. Download ice_mask.png and upload it to 'styles\default\xenforo'
    2. Open extra.css template and add
      Code:
       .messageUserBlock:after {
      content: " ";
      background: transparent url('./styles/default/xenforo/ice_mask.png') no-repeat;
      width: 124px;
      height: 45px;
      display: block;
      position: absolute;
      z-index: 1;
      bottom: -26px;
      }
    3. That's all!
     

    Attached Files:

    Rob Fritz, yavuz, trilogy33 and 9 others like this.
  2. ArnyVee

    ArnyVee Well-Known Member

    Thanks for sharing. :D

    This is a great idea for any sort of image to add to the top of the avatar portion. :)

    I'd like to make some Television antennae to display on my site based on my theme :D
     
    Peggy likes this.
  3. Vincent

    Vincent Well-Known Member

    Nice :D

    Love it
     
  4. cobra1162

    cobra1162 Active Member

    nice idea thanks
     
  5. Puntocom

    Puntocom Well-Known Member

    Installed. Beautiful, thanks!!
     
  6. Puntocom

    Puntocom Well-Known Member

    It would be nice if that graphic had the same style that the Shelley's snow graphic.
     
  7. CyberAP

    CyberAP Well-Known Member

    Added 'Icy' version! :)
     
    Puntocom likes this.
  8. Floris

    Floris Guest

    now be a gent and use % to rotate between even / uneven, :)

    alternative decorations, or add ice to only the first post, etc :D
     
  9. CyberAP

    CyberAP Well-Known Member

    Sorry, can't understand you :(
     
  10. Shelley

    Shelley Well-Known Member

    Nice Job CyberAP. :)
     
    CyberAP likes this.
  11. Floris

    Floris Guest

    if post id is even, use snow
    if post id is uneven, use ice
     
  12. Puntocom

    Puntocom Well-Known Member

    It would be nice if you make a snow_mask.png with the same style as the header snow graphic :)
     
  13. Shelley

    Shelley Well-Known Member


    Sure. I'm still creating more snow for the last piece of the puzzle then I'll create one to sit on top of the avatars.
     
    Puntocom likes this.
  14. CyberAP

    CyberAP Well-Known Member

    For those who can't wait. :)

    snowy_shelley.png


    At least I tried :rolleyes:
     

    Attached Files:

    Rob Fritz and Puntocom like this.
  15. Puntocom

    Puntocom Well-Known Member

    Thanks! :)
     
  16. CyberAP

    CyberAP Well-Known Member

    You overestimate my coding skills :D
     
  17. Puntocom

    Puntocom Well-Known Member

    right: 2px; instead of 4px fits better IMO. Nice job!
     
  18. Peggy

    Peggy Well-Known Member

    These are very nice!
     
  19. cmeinck

    cmeinck Well-Known Member

    Thanks! I was able to get snow working, but not icy. It would render in the middle of someone's avatar.
     
  20. Puntocom

    Puntocom Well-Known Member

    I had the same problem
     

Share This Page