Online/Offline icon

Go down

Solved Online/Offline icon

Post by Dyane on June 18th 2018, 11:17 am

Technical Details


Forum version : #phpBB3
Position : Administrator
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : Yourself
Forum link : http://pspplaygroundpals.forumotion.com/

Description of problem

In the tips and tricks where it explains how to put the online status under the profile. I see you an put an image (icon) but I found it's only for the word Status. Is there a way that we can have icons for online and offline as well?

Thank you
Dyane


Last edited by Dyane on June 19th 2018, 12:11 pm; edited 1 time in total
avatar
Dyane
Forumember

Female Posts : 119
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Online/Offline icon

Post by mpelmmc on June 18th 2018, 5:26 pm

Hello @Dyane

To change the online button just go to ACP => Pictures and Colors => Pics management => Advanced Mode => Buttons => Online and just change it.

If you want to add an "offline" button follow this steps:

Code:
jQuery(document).ready(function(){
jQuery(".postprofile dl dt img").wrap('<div class="user2"></div>');
jQuery(".user2").append(jQuery('<div></div>'));
jQuery(".online .user2 div").prepend(jQuery('<img src="IMG CODE" alt="on line!" Title="on line!" class="rec" />'));
});

Please note that the IMG CODE is the ONLINE one.

And now add this to your CSS:

Code:
.user2 {
text-align: center;
}
.user2 div{
position:relative;
top: -7px;
height:13px;
width:87px;
background: transparent url("OFFLINE IMG") no-repeat bottom center;
margin: 0 auto;
}
.rec {
position:relative;
}
.online {
background-image:none;
}

Now, the img code for this last code is the offline image Wink Please try doing this and let us know if it worked.

Best regards
avatar
mpelmmc
Support Moderator
Support Moderator

Male Posts : 893
Reputation : 136
Language : English and Spanish

https://help.forumotion.com/

Back to top Go down

Solved Re: Online/Offline icon

Post by Dyane on June 18th 2018, 8:34 pm

Thank you for taking the time to explain but I think your talking about the little button on the right.
I was talking about the online status under your profile there is a tutorial in the tips and tricks. That’s the one I was talking about. Need a code so it can use an image for online/offline
avatar
Dyane
Forumember

Female Posts : 119
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Online/Offline icon

Post by APE on June 19th 2018, 1:09 am

use this code
Code:
[table id="is_on" class="user_status"][tr][td][b][u][img]https://i.servimg.com/u/f58/12/23/10/57/online19.png[/img][/u][/b][/td][/tr][/table][table id="is_off" class="user_status"][tr][td][b][u][img]https://i.servimg.com/u/f58/12/23/10/57/offlin12.png[/img][/u][/b][/td][/tr][/table]

change the URL of the icons I have added for my forum



avatar
APE
Administrator
Administrator

Male Posts : 13383
Reputation : 1420
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Online/Offline icon

Post by Dyane on June 19th 2018, 1:39 am

Didn't work.   

avatar
Dyane
Forumember

Female Posts : 119
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Online/Offline icon

Post by skouliki on June 19th 2018, 7:50 am

@Dyane the code APE gave you is not for css ...you must add it here instead of the one you have



dont forget :To make sure all users have the default content, edit the field, scroll to the bottom, and click 'Replace the content'. Click 'yes' to apply the default content for all existing members.



avatar
skouliki
Manager
Manager

Female Posts : 4881
Reputation : 799
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Online/Offline icon

Post by Dyane on June 19th 2018, 12:11 pm

Ahhh I see, did what you said @skouliki and it works. banana
Thank you so much.

Thank you so much @APE for the code.
avatar
Dyane
Forumember

Female Posts : 119
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Online/Offline icon

Post by skouliki on June 19th 2018, 12:39 pm

you are very welcome !
avatar
skouliki
Manager
Manager

Female Posts : 4881
Reputation : 799
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Online/Offline icon

Post by Dyane on June 19th 2018, 1:05 pm

One last question. I went to hide the Status word by changing the font
color white but the" : " is still showing. How can I get rid of that or change it
to white. I have searched in the css and can't find it.

Thank you for your help
avatar
Dyane
Forumember

Female Posts : 119
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Online/Offline icon

Post by skouliki on June 19th 2018, 1:21 pm

If you dont want the ..status:online....then no need to use that code from tips and tricks
What is the point to add it and change everything about it 
Just delete everything and use the online/ offline image solution mpelmmc gave you above
avatar
skouliki
Manager
Manager

Female Posts : 4881
Reputation : 799
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Online/Offline icon

Post by Dyane on June 19th 2018, 1:30 pm

I just wanted the buttons to show the online/offline under the profile.
It's just the word status and the semicolon after it.


Last edited by Dyane on June 19th 2018, 6:16 pm; edited 1 time in total
avatar
Dyane
Forumember

Female Posts : 119
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Online/Offline icon

Post by skouliki on June 19th 2018, 1:54 pm

Can you allow guests to see the status in order to check it please

Next time its better to hit solved when you're totally sure that your issue is solved, please
avatar
skouliki
Manager
Manager

Female Posts : 4881
Reputation : 799
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Online/Offline icon

Post by Dyane on June 19th 2018, 2:41 pm

I changed it.
Yes I understand. I am truly sorry about that. I thought I was all set.
All it is, is this.     :
avatar
Dyane
Forumember

Female Posts : 119
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Online/Offline icon

Post by skouliki on June 19th 2018, 6:48 pm

To remove the symbol : go to Users & Groups ... Profiles .... Edit your field

For the ...display type... choose ..icon... and save.
avatar
skouliki
Manager
Manager

Female Posts : 4881
Reputation : 799
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Online/Offline icon

Post by Dyane on June 19th 2018, 7:33 pm

I don't know why I didn't think of that.
Thank you so very much skouliki
I'm done being a pain.
avatar
Dyane
Forumember

Female Posts : 119
Reputation : 3
Language : English

http://pspplaygroundpals.forumotion.com/

Back to top Go down

Solved Re: Online/Offline icon

Post by skouliki on June 19th 2018, 7:47 pm

you are very welcome, iam glad that i helped
avatar
skouliki
Manager
Manager

Female Posts : 4881
Reputation : 799
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Online/Offline icon

Post by brandon_g on June 20th 2018, 2:51 am

Topic solved and archived ~ brandon_g
Please read our forum rules: ESF General Rules


Remember to mark your topic when a solution is found.
avatar
brandon_g
Manager
Manager

Male Posts : 7716
Reputation : 703
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Back to top


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