Resource icon

[1.4] online status Indicator 1

No permission to download
The version I submitted is 12px by 12px but I did originally design a 16px version. When time permits I'll update and add in a larger icon @16px by 16px I won't design anything larger than that though.
Ok thanks, you can see here (zoomed in) how it doesn't fit right for some reason on my avatar, it doesn't have the "wrapped" appearance, or the shadow is not right.

Screen Shot 2014-08-14 at 6.08.02 AM.webp
 
Ok thanks, you can see here (zoomed in) how it doesn't fit right for some reason on my avatar, it doesn't have the "wrapped" appearance, or the shadow is not right.

View attachment 80539

I'm not sure whether your wanting it to sit flush with the white edge or just having it offset by 1px. Either way, just adjust the left: and top: values to suit your preference.
 
if anyone is looking for some christmas stuff ;)
I've combined Shalleys template mods:
Santa Hat Alerts and this one.
the @imagePath/xenforo/icons/online-indicator.png I replaced with @imagePath/xenforo/icons/hat.png
Configs:
onlinehats.webp

The EXTRA.css
Code:
.navTabs .navLink .itemCount {
  background: url("@imagePath/xenforo/icons/hat.png") no-repeat scroll center transparent;
  line-height: 10px;
  box-shadow: none;
  height: 22px;
  min-width: 30px; }

.navTabs .navLink .itemCount .arrow {
border-width: 0; }

.message .messageUserBlock div.avatarHolder .onlineMarker {
  left: -1px;
  top: 1px; }

@media (max-width:480px) {
.Responsive .messageUserBlock div.avatarHolder  .onlineMarker {
  left: 47px !important;
  top: 5px !important; }
}

in the section with
Code:
.message .messageUserBlock div.avatarHolder .onlineMarker {
  left: -1px;
  top: 1px; }
you can adjust the position of the online christmas hat indicator.
result:
onlinehats2.webp

EDIT:
just added this mod:
https://xenforo.com/community/resources/snow-effect-in-sidebar.376/

in combination with this:
https://xenforo.com/community/resources/bring-snow-and-christmas-tree-to-your-forum.1305/
Code:
var no=100;
this setting can be lowered to 50 or 25, so it doesn't kill the performance on slow machines.

you'll have a full christmas overlay on top of your favourite XF-Style.
Demo: https://www.drivers-forum.de/portal/index.php?portal/
 
Last edited:
Top Bottom