• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • 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.
  • 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)

James

Well-known member
#1
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
 

Martyn

Active member
#4
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!
 

James

Well-known member
#9
@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>
 

James

Well-known member
#13
I was referring to your original post:
Bug, On conversations the quick reply shows the banner on your avatar as the last person to post on the conversation
Ah, now I understand the error. I'll play around with it.
 
#16
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>