The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to add Online Symbol next to user's name on their side profile?

View previous topic View next topic Go down

Solved How to add Online Symbol next to user's name on their side profile?

Post by Kelso on July 12th 2016, 2:38 pm

Hello!

I was wondering if someone could help me add an online symbol for when someone is online. I'd like it to be on their side profiles, on their posts, right next to their name. Like a little check mark or symbol.

Here's an example:


Not exactly the same design, but just the code to make it pop up.



Last edited by Kelso on July 12th 2016, 10:03 pm; edited 1 time in total

Kelso
Forumember

Posts : 55
Reputation : 3
Language : English

http://liveandnet.forumotion.com/

Back to top Go down

Solved Re: How to add Online Symbol next to user's name on their side profile?

Post by Ange Tuteur on July 12th 2016, 3:15 pm

Hey,

This is a similar example that I can give you for phpbb3. Go to Display > Colors > CSS stylesheet and paste the following rules into your sheet.
Code:
.postprofile {
  position:relative;
  margin-top:30px;
  overflow:visible;
}

.postprofile:before {
  content:"OFFLINE";
  color:#FFF;
  font-size:14px;
  font-family:Arial;
  text-align:center;
  background:#999;
  height:30px;
  line-height:30px;
  position:absolute;
  top:-30px;
  left:0;
  right:0;
}

.online .postprofile:before {
  content:"ONLINE";
  background:#8B5;
}

It'll add an online indicator above the postprofile. If it needs any tweaking let me know. salut

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to add Online Symbol next to user's name on their side profile?

Post by Kelso on July 12th 2016, 10:03 pm

@Ange Tuteur wrote:Hey,

This is a similar example that I can give you for phpbb3. Go to Display > Colors > CSS stylesheet and paste the following rules into your sheet.
Code:
.postprofile {
  position:relative;
  margin-top:30px;
  overflow:visible;
}

.postprofile:before {
  content:"OFFLINE";
  color:#FFF;
  font-size:14px;
  font-family:Arial;
  text-align:center;
  background:#999;
  height:30px;
  line-height:30px;
  position:absolute;
  top:-30px;
  left:0;
  right:0;
}

.online .postprofile:before {
  content:"ONLINE";
  background:#8B5;
}

It'll add an online indicator above the postprofile. If it needs any tweaking let me know. salut


Oh my gosh, THANK YOU. This worked perfectly. I'll tweak it to match our forums, no worries!!

Much appreciated! :-D

This is solved!

Kelso
Forumember

Posts : 55
Reputation : 3
Language : English

http://liveandnet.forumotion.com/

Back to top Go down

Solved Re: How to add Online Symbol next to user's name on their side profile?

Post by Nemo on July 12th 2016, 10:08 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules

Nemo
Support Moderator
Support Moderator

Male Posts : 990
Reputation : 99
Language : Greek, English, French

http://www.helpgr.forumgreek.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum