Online and offline profile?

Hey.

Help me go Online under the avatar in the version of the ModernBB engine and add a picture for offline. And I want to change the icon online. This is real ?

And if it is not difficult for you, tell me, can the text be generally done online and offline ???

Just when a person is online: ONLINE

And when offline, then: ofline



Thank you in advance!

Used search, but there for phpbb3 ??? And for ModernBB? Or I was looking bad ...

Recently, I have vision problems and I really see bad ...

I need for ModernBB ...

Hi.

Yeah, this can be done, can we get your forum url?
Also, do you have templates at ModernBB?

Just post here your forum url and I'm gonna check it out.

You want text online/offline instead of icon be visible along with profile info, right?

Let's say something like in this forum just it doesn't need any extra colors, design & placement below avatar and probably username

Ikerepc wrote:Hi.

Yeah, this can be done, can we get your forum url?
Also, do you have templates at ModernBB?

Just post here your forum url and I'm gonna check it out.

You want text online/offline instead of icon be visible along with profile info, right?

Let's say something like in this forum just it doesn't need any extra colors, design & placement below avatar and probably username

Hi.

http://4enris.profiforum.ru/t34-darkness#53

This is my test forum and a link to any post, so that you do not search for a long time.

Yes, there are templates.

I need the text, the inscriptions Online and Ofline.

Be under the avatar or above the avatar.

I was glad if you could help me with online and offline icons following the example of this technical support forum.

Ok, so you can do the following:

ACP -> Display -> Templates -> General -> viewtopic_body

If you have changed your viewtopic_body template already:

Spoiler:

If you have viewtopic_body template without any changes you can only replace whole template with following:

Spoiler:

Now go to CSS and paste following code at the end of file:

Code:

.online::before {
    border-radius: 0px;
    height: 0px;
    right: 0px;
    top: 0px;
    width: 0px;
}

And at the end enable a Javascript codes and paste following code:

Code:

$(function() {
  $(".postprofile-status").not(".online").append('offline');
});

Name it whatever you want and enable it only "In the topics" (thick only that box).

That will put "online" or "offline" message right after rank and before user profile stats.
You can make is stylish by using .postprofile-status class.

Oh, chocolate fritters!

Thanks buddy !!!!

And you can make them pictures?

Like these ones:

OK, so replace JS with this one:

Code:

$(function() {
  $(".postprofile-status").not(".online").addClass('offline');
});

Than find this in given template:

Code:

<div class="postprofile-status{postrow.displayed.ONLINE_IMG_NEW}">
                                                            {postrow.displayed.ONLINE_IMG_NEW}
                                                    </div>

and replace it with following:

Code:

<div class="postprofile-status{postrow.displayed.ONLINE_IMG_NEW}">
                                                    </div>

And add this code to your CSS:

Code:

.postprofile-status.online {
  height: 35px;
  background: url("https://s8.hostingkartinok.com/uploads/images/2019/07/52ce860d15d7119bea6e9cd1f7488a1c.png") no-repeat;
}
.postprofile-status.offline {
  height: 40px;
  background: url("https://s8.hostingkartinok.com/uploads/images/2019/07/5746a28657888ae8dbb265d5fdf2eb4f.png") no-repeat;
}

Height is different because offline image is 41px and online only 30 so this way it seems ok to me... You can play with margins in css or you can just crop them.

I would probably just make some code like this to fix that (instead of css code right above this one):

Code:

.postprofile-status.online {
  height: 32px;
  margin-top: -2px;
  background: url("https://s8.hostingkartinok.com/uploads/images/2019/07/52ce860d15d7119bea6e9cd1f7488a1c.png") no-repeat;
}
.postprofile-status.offline {
  height: 41px;
  margin-top: -11px;
  background: url("https://s8.hostingkartinok.com/uploads/images/2019/07/5746a28657888ae8dbb265d5fdf2eb4f.png") no-repeat;
}

thanks again!!!

I think it's easier to make pictures of the same height and width and everything will be fine)))

thanks again buddy!

topic solved!

Glad to help