Change the position in the options.Installed, but appears way to high. How to fix this? Tried to adjust some of the values, but it just pushed everything further down..
View attachment 17721
That would actually be cool to see!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.Someone made mention earlier of wrapping the avatar with a color border indicating status. Is this possible, or beyond the scope of this modification?
yesSomeone made mention earlier of wrapping the avatar with a color border indicating status. Is this possible, or beyond the scope of this modification?
Doesn't work.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; }
Correct.You need to install the add on first: http://xenforo.com/community/threads/online-status-indicator-within-threads.8813/
I did and nothing happened.You need to install the add on first: http://xenforo.com/community/threads/online-status-indicator-within-threads.8813/
Choose the style you want and you're ready to go!
What you need to do:
Thanks to Arik for making this hack!
- Download User Online Indicator
- Download instructions.txt
- Open Instructions.txt and follow them!
.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 ?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; }
We use essential cookies to make this site work, and optional cookies to enhance your experience.