Layout Templates mini profile

[kosamk]

Hey ,i would like to ask you to give me this (( its on layout templates mini profile)) :
If user is online :
Status: Online
If user is offline :
Status: Offline
The blue color id : 4ca7ca
The green color name : lime
The red color name : red

[kosamk]

Yo? Anyone can help me?

[Kami]

A simple "bump" would suffice, really. I'm certain that's not your intent, but this comes across as rude especially since a) it's the weekend, and b) we are all volunteers and aren't obligated to help you.

The best way to do this would be to use conditional statements and CSS.

In your layout templates, try this:

<span class="status-text">Status:</span>
    {if $[user.is_online]}<span class="status-online">Online</span>
    {else}<span class="status-offline">Offline</span>
    {/if}


Then in your CSS (admin > themes > advanced styles & css > stylesheet (tab)), scroll to the bottom and add this (note that I converted lime and red to their hexadecimal [or as you put it, "colour id"] values):

/* ==== Online / Offline Text Colour ==== */
.status-text {
    color: #4ca7ca;
}

.status-online {
    color: #00FF00;
}

.status-offline {
    color: #FF0000;
}
/* ====================================== */

[Former Member]

Feb 11, 2018 11:29:36 GMT -8 Kami said:

A simple "bump" would suffice, really. I'm certain that's not your intent, but this comes across as rude especially since a) it's the weekend, and b) we are all volunteers and aren't obligated to help you.

The best way to do this would be to use conditional statements and CSS.

In your layout templates, try this:

<span class="status-text">Status:</span>
    {if $[user.is_online]}<span class="status-online">Online</span>
    {else}<span class="status-offline">Offline</span>
    {/if}


Then in your CSS (admin > themes > advanced styles & css > stylesheet (tab)), scroll to the bottom and add this (note that I converted lime and red to their hexadecimal [or as you put it, "colour id"] values):

/* ==== Online / Offline Text Colour ==== */
.status-text {
    color: #4ca7ca;
}

.status-online {
    color: #00FF00;
}

.status-offline {
    color: #FF0000;
}
/* ====================================== */

Thanks Files