Online icon for Invision
3 posters
Page 1 of 1
Online icon for Invision
As you can see from this screenshot the online icon is to the left of my name "runawayhorses' the first name on top of this screenshot, its the little round blue icon. I would like to put a wider online icon above the names so the width of the online icon doesn't push the names farther to the right. So my question is how do you make it so the users online status icon appears above there name and avatar? I'm using Invision. thanks
Last edited by runawayhorses on August 20th 2012, 8:13 am; edited 1 time in total
Re: Online icon for Invision
Bump
Anyway to put the online icon above the avatar and name for Invision?
Anyway to put the online icon above the avatar and name for Invision?
Re: Online icon for Invision
Yes, posts are given the classname 'online' when the user is online.
- Code:
.post.online .postprofile .popmenubutton a:before {
content: 'Online';
}
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: Online icon for Invision
Here is what it looks like when I added that code. It doesn't break into a second line above the users name, and it positions itself to the left side of the online icon. I like this code for the text "online" and will use it as opposed to a icon if I can get it to position above the users name in the center. So how can I position this code above the users name, centered?
Re: Online icon for Invision
Just give it a display property of 'block'
As long as you've got the actual text within that box centered it should give you what you want.
If the text in that box isn't centered then this will center it:
- Code:
.post.online .postprofile .popmenubutton a:before {
content: 'Online';
display: block;
}
As long as you've got the actual text within that box centered it should give you what you want.
If the text in that box isn't centered then this will center it:
- Code:
.post .postprofile .popmenubutton {
text-align: center;
}
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: Online icon for Invision
Ok thanks LG. When I added the "block" it pushed the user name down too far and as a result the name ran into the avatar. Also you can see there is a little arrow to the right of the user name that when clicked displays profile options (i.e. send PM, view profile, etc) and that could not be closed again because the box it displays when opened covers the arrow to close it. So I decided to put the online "inline" like you see in this screenshot below. What I did was created a transparent 10x10 icon to give a space between the online text and the user name which goes in AP>>Display>>Pic Management. Since the icon in pic management is already coded to be placed next to the user name it was the obvious place to add a spacer between the text "0nline" and the user name.
Thanks again, this is solved.
Thanks again, this is solved.
Re: Online icon for Invision
Topic Solved & Locked |
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» off/online icon
» Indicate the online status of a user in a profile field for phpbb3 & invision
» phpbb3 & invision : Indicate the online status of a user in a profile field
» Online Icon
» How do I can make the "online" icon appear.
» Indicate the online status of a user in a profile field for phpbb3 & invision
» phpbb3 & invision : Indicate the online status of a user in a profile field
» Online Icon
» How do I can make the "online" icon appear.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum