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

Unmaintained Alert Icons Management 1.3.2

Remove avatars, add Font Awesome icons.. or not, or change it up!

  1. Sheldon
    Compatible XF Versions:
    • 1.5
    Additional Requirements:
    Must have Font-Awesome called within your style.
    License:
    You may not redistribute the files in whole or in part. You may not rent, lease, loan, sub-license, sell, assign, pledge, or transfer the files in any form without prior consent.
    Visible Branding:
    No
    Now easily download, no contacting me. :)

    Remove or Resize the avatars in your alerts and replace them with Font Awesome icons that quickly identify what type of alert you have just received.

    To "purchase", simply start a conversation with me, receive the files. I reserve the right to refuse distribution to anyone or any site.

    • 4 Display Modes

    1. Icon Only
    2. Mini Me on Dropdown Only
    3. Mini Me on Account Alerts Only
    4. Mini Me Both Locations

    • Choose Icon and Color for Various Alerts
    • One Template Created (alert_icons.css)
    Normal (Add-On Disabled)
    Normal.png

    Add-On Enabled
    NoMiniMe.png

    Add-On Enabled (Mini-Me in Dropdown Only)
    MiniMeDropdownOnly.png

    Add-On Enabled (Mini-Me in Accounts Page Only)

    MiniMeAccountPageOnly.png

    Add-On Enabled (Mini-Me Both Locations)

    MiniMeBoth.png


    Alert Icons have their own style properties. Their is an option for a default icon, as chasing down all the add-ons with alerts would be quite a struggle. If no other icon is defined, all will appear with the default flag icon.

    Alert Icon Style Properties
    AlertIconStyleProperties.png

    Mobile View (Samsung S5 - Chrome Browser)
    mobile.png

    Various Alerts Preview
    variousalerts.png
    variousalerts2.png

    Circular Alerts
    circle.png
    circle2.png
    circle3.png

    Alert Icon Color Changer
    colors.png


    Special Alerts
    special.png


    special2.png
    So, for example, in EXTRA.css use this:

    Code:
    .primaryContent.siropu_chat_tag .icon:before, .Alert.siropu_chat_tag .icon:before {
        content: "\f259";
    }
    

    To Install
    • Run the XML file just like any other add-on.

    Thanks to @mauzao9 for the idea, and also @Liam W for his awesome help getting started.

    I'm not sure what issues may be in this. I think there are one or two that I have yet to get to (its been a while).... be patient, if I have some time, I'll get to updating.

    Thanks for looking.

    Images

    1. mini1.png
    2. mini2.png