Santa Hat Alerts

Santa Hat Alerts v1

No permission to download
Hm..... doesn't seem to be showing for me. Followed the instructions.

I've tested it on a default installation and it works fine. You could try the following:

- Check that the path to image is correct
- Nothing in your extra.css is over-riding it (this shouldn't be the case but worth checking)
- If your using a different sized in height navigation you may need to re-position the icon (again this shouldn't be the case)

I'm unable to check since I'm not a member at your site and i don't have access to the alerts.
 
Has anybody got this to work with the Flexile light or dark styles? I can get it to work with the default xF style, but not Flexile.

This is what the itemCount element looks like in navigation.css..
Code:
/* ---------------------------------------- */
/* Alert Balloons */
    
.navTabs .navLink .itemCount
{
    position: absolute;
    right: 2px;
    top: -12px;
    
    height: 16px;
    line-height: 16px;
    min-width: 12px;
    _width: 12px;
    padding: 0 2px;
    text-align: center;
    
    background: #e03030;
    color: white;
    text-shadow: none;
    font-size: 9px;
    font-weight: bold;
    
    white-space: nowrap;
    word-wrap: normal;
    
    border-radius: 2px;
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
}
 
    .navTabs .navLink .itemCount .arrow
    {
        border: 3px solid transparent;
        border-top-color: #e03030;
        border-bottom: none;
        position: absolute;
        bottom: -3px;
        right: 4px;
        line-height: 0px;
        width: 0px;
        height: 0px;
        text-shadow: none;
        /* Hide from IE6 */
        _display: none;
    }
 
.visitorTabs .navLink .itemCount.Zero
{
    display: none !important;
}
 
Agreed. Next up, should be heart-shaped icons for the "Valentine's Day" (February) then egg or bunny-shaped for "Easter" :)

I was thinking of 2 people screwing each other for valentine would be good way to go, with animated love juice dripping down on the visitorpanel face of .sidebar .visitorPanel .avatar img

Demo: VisitorPanel Facial

I just finished up a few icons that can be used for many events throughout the year which I may release. I'll have to test them though since the line-heights and sizes in the code will need slightly adjusted. :)


 
Top Bottom