• 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!

CyberAP

Well-known member
snowy.webp icy.webp

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!
 

Attachments

  • snow_mask.webp
    snow_mask.webp
    910 bytes · Views: 75
  • ice_mask.webp
    ice_mask.webp
    3.5 KB · Views: 88
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
 
now be a gent and use % to rotate between even / uneven, :)

alternative decorations, or add ice to only the first post, etc :D
 
Thanks! I was able to get snow working, but not icy. It would render in the middle of someone's avatar.
 
Top Bottom