online and offline Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    online and offline

    developer.ryan
    developer.ryan
    developer.ryan
    Forumember


    Posts : 98
    Reputation : 6
    Language : English,Chinese,Italian,French
    Location : The doors of development
    • Post n°1

    Solved online and offline

    Post 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


    Last edited by developer.ryan on September 20th 2015, 11:46 am; edited 1 time in total
    • Back to top
    mpelmmc
    mpelmmc
    mpelmmc
    Helper
    Helper


    Male Posts : 1092
    Reputation : 170
    Language : English and Spanish
    • Post n°2

    Solved Re: online and offline

    Post 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;
    }

    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
    • Back to top
    developer.ryan
    developer.ryan
    developer.ryan
    Forumember


    Posts : 98
    Reputation : 6
    Language : English,Chinese,Italian,French
    Location : The doors of development
    • Post n°3

    Solved Re: online and offline

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

    Thank you @mpelmmc

    It works without any problems thanks again
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51541
    Reputation : 3519
    Language : English
    Location : United States
    • Post n°4

    Solved Re: online and offline

    Post by SLGray 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



    online and offline Slgray10

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