• 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.

Show user is online

Garamond

Well-known member
Installed, but appears way to high. How to fix this? Tried to adjust some of the values, but it just pushed everything further down..

Skjermbilde 2011-08-11 kl. 01.32.59.png
 

Pope Viper

Well-known member
Someone made mention earlier of wrapping the avatar with a color border indicating status. Is this possible, or beyond the scope of this modification?
 

Vilandra

Active member
Sorry I thought you just wanted to show a different color per usergroup. Totally misunderstood what you were asking. My bad :) Removing the post lol
 

Pope Viper

Well-known member
No problem, I actually wouldn't mind seeing that info again, as it would help me regardless.

Thank you!

* Edit - Disregard, I found it!
 

CyberAP

Well-known member
Someone made mention earlier of wrapping the avatar with a color border indicating status. Is this possible, or beyond the scope of this modification?
Nope. You could reply to the original addon thread and ask for that. It is easy to do really.
 
F

Floris

Guest
Someone made mention earlier of wrapping the avatar with a color border indicating status. Is this possible, or beyond the scope of this modification?
yes
edit the template, use the var for the is online, and if so, color exception, else normal color.
 

DRE

Well-known member
Example:

View attachment 16887

  • Add in EXTRA.css template:
Code:
.UserOnline
    {
        font-weight: bold;
        font-size: 10px;
        color: @contentBackground;
        background: #5791BA url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid #5791BA;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);

        margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }

        .UserOnline span
        {
            background-color: #5791BA;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }

.UserOffline
    {
        font-weight: bold;
        font-size: 10px;
        color: @contentBackground;
        background: #5791BA url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid #5791BA;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
        opacity: 0.5;
        filter: alpha(opacity='50');

        margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }

        .UserOffline span
        {
            background-color: #5791BA;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }

.UserOnlineInvisible {
        font-weight: bold;
        font-size: 10px;
        color: @contentBackground;
        background: #f4a135 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid #f4a135;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);

        margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }

        .UserOnlineInvisible span
        {
            background-color: #f4a135;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
Doesn't work. :(
 

Smashbox

Member
A little coloring for your enjoyment.



Invisible = pink/purpleish

Code:
    .UserOnline
    {
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        background: #66cc00;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid #006600;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
 
        margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
    .UserOffline
    {
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        background: #ff3333;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid #993333;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
 
        margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
    .UserOnlineInvisible
    {
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        background: #ff66ff;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid #990066;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
 
        margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
 
        .UserOnline span
        {
            background-color: #006600;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
        .UserOffline span
        {
            background-color: #993333;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
        .UserOnlineInvisible span
        {
            background-color: #990066;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
 

Allan

Well-known member
A little coloring for your enjoyment.

Code:
    .UserOnline
    {
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        background: #66cc00;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid #006600;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
 
        margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
    .UserOffline
    {
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        background: #ff3333;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid #993333;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
 
        margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
    .UserOnlineInvisible
    {
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        background: #ff66ff;
        padding: 1px 5px;
        margin: -5px -5px 5px 5px;
        border: 1px solid #990066;
        border-radius: 3px;
        border-top-right-radius: 0px;
        display: block;
        float: right;
        position: relative;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
 
        margin-left: -{xen:calc '@content.padding-right + 5'}px;
    }
 
        .UserOnline span
        {
            background-color: #006600;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
        .UserOffline span
        {
            background-color: #993333;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
        .UserOnlineInvisible span
        {
            background-color: #990066;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
do you have screen please ?
 
Top