online and offline

by developer.ryan 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

by mpelmmc 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; }