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.

User Status Under Avatar (Ribbon)

Discussion in 'Template Modifications [Archive]' started by James, Mar 18, 2011.

  1. James

    James Well-Known Member

    This modification is a mixture of User Status Ribbons and this support request.

    This adds the status to the user block, under the avatar (see attached).

    Open up message_user_info
    Find:
    Code:
    <xen:if is="!{$isQuickReply}">
    Insert ABOVE
    Code:
    <xen:if hascontent="true">
        <xen:contentcheck>
            <xen:if is="{$message.status}">
                <ul class="ribbon">
                    <li class="ribbonStaff">
                        <div class="left"></div>
                        <div class="right"></div>
                        {$message.status}
                    </li>
                </ul>
            </xen:if>
        </xen:contentcheck>
    </xen:if>
    
    Then add the following code to extra.css:
    Code:
    .ribbon { font-size: 10px; font-weight: bold; margin: -5px -5px -2px; text-align: center; } .ribbon li { 	border-radius: 3px; 	border-top-right-radius: 0px; 	border-top-left-radius: 0px; 	box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); 	padding: 1px; 	position: relative; 	margin-bottom: 5px; } .ribbon li:last-child { margin-bottom: 0px; } .ribbon li div { position: absolute; top: -4px; width: 4px; height: 4px; } .ribbon li .right { border-top-right-radius: 3px; right: -1px; } .ribbon li .left { border-top-left-radius: 3px; left: -1px; }  .ribbonStaff { 	background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top; 	border: 1px solid @primaryLight; 	color: @contentBackground; } .ribbonStaff div { background-color: @primaryLight;  }
    
    If you wish to have the status scrolling (so it will never exceed a single line), do the following after applying the above edits.
    Find:
    Code:
    {$message.status}
    Replace:
    Code:
    <marquee>{$message.status}</marquee>
    short.PNG Capture.PNG
     
  2. EQnoble

    EQnoble Well-Known Member

    Nice I like it...
    nice.png Nice..on to customizing this now :) Thanks!!
     
  3. Martyn

    Martyn Active Member

    if u customize it please share! :p
     
    quochung_uit likes this.
  4. Martyn

    Martyn Active Member

    i'd love away to add this to the bottom of the avatar bit below everything else, as i and possible many more people have online status there!
     
  5. James

    James Well-Known Member

    You mean under the username and usertitle? I'll get a quick fix up for that when I'm on a computer.
     
  6. Martyn

    Martyn Active Member

  7. DieselMinded

    DieselMinded Active Member

    /me installed
     
  8. DieselMinded

    DieselMinded Active Member

    Bug, On conversations the quick reply shows the banner on your avatar as the last person to post on the conversation
     
  9. James

    James Well-Known Member

    @DieselMinded, try this code instead of the above code:
    Code:
    <xen:if hascontent="true">
        <xen:contentcheck>
            <xen:if is="{$message.status} AND {$contentTemplate} == 'thread_view'">
                <ul class="ribbon">
                    <li class="ribbonStaff">
                        <div class="left"></div>
                        <div class="right"></div>
                        {$message.status}
                    </li>
                </ul>
            </xen:if>
        </xen:contentcheck>
    </xen:if>
    
     
  10. DieselMinded

    DieselMinded Active Member

    dont show at all now
     
  11. James

    James Well-Known Member

    Are you saying you don't want it to show in conversations?
     
  12. DieselMinded

    DieselMinded Active Member

    no im saying your suggested fix removed the ribbons everywhere
     
  13. James

    James Well-Known Member

    I was referring to your original post:
    Ah, now I understand the error. I'll play around with it.
     
  14. kprojects

    kprojects Well-Known Member

    Nice, thanks!
     
  15. James

    James Well-Known Member

    A fix is to replace {$message.status} with {$user.status}.
     
  16. Dark_Hunter

    Dark_Hunter Member

    When using 2 ribbons or more it will overlap the ribbon below. A simple <br> helped me.
    Code:
    <xen:if hascontent="true">
        <ul class="ribbon">
            <xen:contentcheck>
                <xen:if is="{xen:helper ismemberof, $user, 4}">
                    <li class="ribbonStaff">
                        <div class="left"></div>
                        <div class="right"></div>
                        Staff / Moderator
                    </li>
                </xen:if>
                <xen:if is="{xen:helper ismemberof, $user, 5}">
                    <li class="ribbonPremium">
                        <div class="left"></div>
                        <div class="right"></div>
                        UG Uploader
                    </li>
                </xen:if>
            </xen:contentcheck>
        </ul>
    </xen:if>
    <br>
    <xen:if hascontent="true">
        <xen:contentcheck>
            <xen:if is="{$message.status}">
                <ul class="ribbon">
                    <li class="ribbonStaff">
                        <div class="left"></div>
                        <div class="right"></div>
                        <marquee>{$message.status}</marquee>
                    </li>
                </ul>
            </xen:if>
        </xen:contentcheck>
    </xen:if>
     
    Michael Dance likes this.

Share This Page