Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

Double Ribbon Ranks v1

Double ribbon ranks

  1. XenForo Rocks
    Preview

    gi9XbiP.png

    Brought to you by BBSmiley.com

    Summary: A variety of double side (horizontally/vertically) Ribbon ranks. The .zip archive consists of blank png ribbons so your able to insert your own usergroup title.

    Additional Info: Because the ranks are a fixed size they are made to be used using the xenforo default memberuserinfo width. If you've modified the width then these ranks will not be aligned correctly and are not for you.

    Install: Upload the images to the /icons folder and then in the message_user_info Template

    Find:

    HTML:
    <xen:if is="!{$isQuickReply}">
    Above add:

    HTML:
    <xen:if hascontent="true">
    <ul class="ribbon">
    <xen:contentcheck>
    <xen:if is="{xen:helper ismemberof, $user, 3}">
    <li class="ribbonAdmin">
    </li>
    </xen:if>
    </xen:contentcheck>
    </ul>
    </xen:if>
    The $user, 3 corresponds to the usergroup, so for example if members are id 2 change the digit to 2 and adjust the html/css accordingly.

    After which goto your EXTRA.CSS Template and add the following

    Code:
    /*USERGROUP RIBBON ENHANCEMENTS*/
    .ribbon {
        margin: -1px -6px -2px;
    }
    .ribbon li {
        padding: 1px;
        position: relative;
        height: 30px;
    }
    .ribbonAdmin {
        background: url([email protected]/xenforo/icons/yourimagetitle.png') no-repeat center;
    }
    /*USERGROUPRIBBON ENHANCEMENTS*/
    
    Additonal Notes: The above is a example, treat it as a guide as your class names will/may be different and image paths/titles may differ but it gives you the general ideal how to accomplish this.

    I will not make any adjustments to the ribbons either by adding text, adding additional imagery your on your own on this one. :)


    Conditions of use: This pack may be used on forums, websites but cannot be redistributed or repackaged in any way shape or form for any reason without prior consent of the author.
  • About Us

    Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.
  • Like us on Facebook

  • Buy us a beer!

    The management works very hard to make sure the community is running the best software, best designs, and all the other bells and whistles. Care to buy us a beer? We'd really appreciate it!

    Donate to us!