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.

online and offline

View previous topic View next topic Go down

Solved online and offline

Post by developer.ryan on September 20th 2015, 8:16 am

hi

i want to have the icon is connected and disconnected how this

to clarify

i want icon
Online and Offline


Last edited by developer.ryan on September 20th 2015, 11:46 am; edited 1 time in total

developer.ryan
Forumember

Posts : 98
Reputation : 6
Language : English,Chinese,Italian,French
Location : The doors of development

http://javascript:self.close()

Back to top Go down

Solved Re: online and offline

Post by mpelmmc on September 20th 2015, 9:12 am

Hello

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 (this only works for phpBB3)

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 Smile

If phpBB3 is not your forum version please provide it as the URL of it Wink

mpelmmc
Forumember

Male Posts : 139
Reputation : 12
Language : Spanish (100%), English (90%) and Google Translate.
Location : I go back and forth.

http://asistencia.foroactivo.com/forum

Back to top Go down

Solved Re: online and offline

Post by developer.ryan on September 20th 2015, 11:41 am

Thank you @mpelmmc

It works without any problems thanks again

developer.ryan
Forumember

Posts : 98
Reputation : 6
Language : English,Chinese,Italian,French
Location : The doors of development

http://javascript:self.close()

Back to top Go down

Solved Re: online and offline

Post by SLGray on September 20th 2015, 5:07 pm

@developer.ryan wrote:
hi

i want to have the icon is connected and disconnected how this

to clarify

i want icon
Online and Offline

@developer.ryan wrote:
Thank you @mpelmmc

It works without any problems thanks again
Please don't use bold or color and keep to the default text. This is reserved for the staff for moderation.

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35667
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.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