Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Solved] ONLINE /OFFLINE EN POST



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Julinho

avatar
Punbb Rookie
Punbb Rookie
What is my question?:How to put this icon on line / off line next to the name of the user?
working online

Problem with the offline

would achieve this result

take reference pictures of post http://www.punbb.biz/t415-icon-online-offline:


Your Forum Address:http://www.4reyes.net/
Forum Version:punbb

Powered by PunBB
Currently 0 users have thanked Julinho for this post:

2
Offline

  Hancki

avatar
Punbb Rookie
Punbb Rookie
Hi there!

Use this Javascript code in topics:
Code:
if( $('div.post_online').length ) {
    $('div.post_online').html('<img title="Offline" alt="Offline" src="http://i71.servimg.com/u/f71/18/17/62/92/offlin10.png">');
}
Result: http://prntscr.com/36g8d7

Hancki

Powered by PunBB
Currently 0 users have thanked Hancki for this post:

3
Offline

  Julinho

avatar
Punbb Rookie
Punbb Rookie
the code is bug'm connected goes offline


capture here as I put the code in the template

Powered by PunBB
Currently 0 users have thanked Julinho for this post:

4
Offline

  Hancki

avatar
Punbb Rookie
Punbb Rookie
No... Use it in a new Javascript page, marked only in topics!

Powered by PunBB
Currently 0 users have thanked Hancki for this post:

5
Offline

  Julinho

avatar
Punbb Rookie
Punbb Rookie
@Hancki wrote:[link="/t437-online-offline-en-post#2577"]No... Use it in a new Javascript page, marked only in topics!

agrégé already in javascript, as indicated does not work, I'm leaving it added in a javascript page to see it and can see the problem.

Powered by PunBB
Currently 0 users have thanked Julinho for this post:

6
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
Hey , Try to put this Simple CSS then submit



Code:
[panda=css]    .post_online {
    background-repeat: no-repeat;
    background-image: url('http://i71.servimg.com/u/f71/18/17/62/92/offlin10.png');
    width: 51px;
    height: 15px;
    }

Powered by PunBB
Currently 0 users have thanked KiNGphx for this post:

7
Offline

  Julinho

avatar
Punbb Rookie
Punbb Rookie
@KiNGphx wrote:[link="/t437-online-offline-en-post#2579"]Hey , Try to put this Simple CSS then submit



Code:
[panda=css]    .post_online {
    background-repeat: no-repeat;
    background-image: url('http://i71.servimg.com/u/f71/18/17/62/92/offlin10.png');
    width: 51px;
    height: 15px;
    }
the css is good but I want to pass the cursor Salge offline.

Powered by PunBB
Currently 0 users have thanked Julinho for this post:

8
Offline

  Shadow

avatar
Administrator
Administrator
You can't put title by using CSS.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

9
Offline

  Julinho

avatar
Punbb Rookie
Punbb Rookie
@Shadow wrote:[link="/t437-online-offline-en-post#2607"]You can't put title by using CSS.
shadow aver if you could share your code, waiting for your answer.

Powered by PunBB
Currently 0 users have thanked Julinho for this post:

10
Offline

  Shadow

avatar
Administrator
Administrator
Okay, this is a piece of code which we're using.

Code:
[panda=html] <span class="reset_cursor" style="float: left; margin-top: 10px; margin-right: 10px;" data-tooltip="">
            <img title="Offline" alt="Offline" src="http://i71.servimg.com/u/f71/18/17/62/92/offlin10.png">
        </span>
        <span class="reset_cursor" style="float: left; margin-top: 10px; margin-right: 10px; margin-left: -61px;" data-tooltip="">{postrow.displayed.ONLINE_IMG}</span>

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

11
Offline

  Julinho

avatar
Punbb Rookie
Punbb Rookie
@Shadow wrote:[link="/t437-online-offline-en-post#2618"]Okay, this is a piece of code which we're using.

Code:
[panda=html] <span class="reset_cursor" style="float: left; margin-top: 10px; margin-right: 10px;" data-tooltip="">
            <img title="Offline" alt="Offline" src="http://i71.servimg.com/u/f71/18/17/62/92/offlin10.png">
        </span>
        <span class="reset_cursor" style="float: left; margin-top: 10px; margin-right: 10px; margin-left: -61px;" data-tooltip="">{postrow.displayed.ONLINE_IMG}</span>


thanks shadow can close the issue, and thanks for sharing the code.

Powered by PunBB
Currently 0 users have thanked Julinho for this post:

12
Offline

  Shadow

avatar
Administrator
Administrator
Marked as Solved.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

13
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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