XenForo Online Offline Status Configuration

CR LEAKS · 2024-08-03T10:42:34+00:00

Go to your message_macros template, find: Add Code Block Above: Online Offline Inside extra.less .offlineonlineON { text-align: center; } .offlineonlineON { background: #449C41; padding: 5px; text-align: center; } .offlineonlineOFF { background: #DD4242; padding: 5px; text-align: center; } .offlineonlineOFF { text-align: center; } .offlineonlineOFF strong, .offlineonlineON strong { display: inline-block; } .offlineonlineOFF::before, .offlineonlineON:before { content: "\f007"; color: #fff; line-height: 30px; background-color: rgba(0,0,0,0.2); position: absolute; border-top-right-radius: 40px; border-right: 2px solid rgba(0,0,0,0.1); top: 0; bottom: 0; border-bottom-left-radius: 10px; left: 0; border-top-left-radius: 10px; padding: 1px 4px 0 3px; width: 20px; font-family: FontAwesome; text-align: center; } .offlineonlineON::before{ content: "\f234"; } .offlineonlineOFF::before{ content: "\f235"; } [class*="offlineonlineOFF_"], .offlineonlineOFF, [class*="offlineonlineON_"], .offlineonlineON{ position: relative; border-radius: 5px !important; } @media (max-width: 650px) { .offlineonlineOFF, .offlineonlineON { padding-left: 30px; } [class*="offlineonlineOFF_"], .offlineonlineOFF, [class*="offlineonlineON_"], .offlineonlineON { display: table; } }

Thread starter CR LEAKS
Start date Aug 3, 2024

CR LEAKS

Administrative

Aug 3, 2024

Go to your message_macros template, find:

PHP:

Please, Log in or Register to view codes content!

Add Code Block Above:

Code:

Please, Log in or Register to view codes content!

Inside extra.less

CSS:

Please, Log in or Register to view codes content!

You must log in or register to reply here.

Facebook X (Twitter) Reddit Pinterest Tumblr WhatsApp Email Link

Forums
Forums

4,485Threads

10,412Messages

39,631Members

mika67Latest member

This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.

Accept Learn more…

Top