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

Board Index » Forumotion »  [Read Only] Questions & Problems »[Solved] ONLINE /OFFLINE EN POST

Foto

[Solved] ONLINE /OFFLINE EN POST

by ,


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

1
Offline

  Julinho

Julinho
Punbb Rookie
Punbb Rookie
2014-04-02, 20:58
What is my question?:How to put this icon on line / off line next to the name of the user?
working online
[Solved] ONLINE /OFFLINE EN POST Online11
Problem with the offline
[Solved] ONLINE /OFFLINE EN POST Ofline10
would achieve this result

take reference pictures of post https://punbb-design.forumotion.com/t415-icon-online-offline:
[Solved] ONLINE /OFFLINE EN POST CAmuaqG
[Solved] ONLINE /OFFLINE EN POST VwPEHbB
Your Forum Address:http://www.4reyes.net/
Forum Version:punbb

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

2
Offline

  Hancki

Hancki
Punbb Rookie
Punbb Rookie
2014-04-02, 22:23
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

Julinho
Punbb Rookie
Punbb Rookie
2014-04-03, 02:41
the code is bug'm connected goes offline
[Solved] ONLINE /OFFLINE EN POST Bug10

capture here as I put the code in the template
[Solved] ONLINE /OFFLINE EN POST Templa10

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

4
Offline

  Hancki

Hancki
Punbb Rookie
Punbb Rookie
2014-04-05, 00:19
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

Julinho
Punbb Rookie
Punbb Rookie
2014-04-05, 01:39
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

KiNGphx
Punbb Guru
Punbb Guru
2014-04-05, 06:08
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

Julinho
Punbb Rookie
Punbb Rookie
2014-04-06, 18:56
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.
[Solved] ONLINE /OFFLINE EN POST Ca11

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

8
Offline

  Shadow

Shadow
Administrator
Administrator
2014-04-08, 12:09
You can't put title by using CSS.

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

9
Offline

  Julinho

Julinho
Punbb Rookie
Punbb Rookie
2014-04-08, 19:46
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

Shadow
Administrator
Administrator
2014-04-09, 13:54
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
Thanks
Currently 0 users have thanked Shadow for this post:

11
Offline

  Julinho

Julinho
Punbb Rookie
Punbb Rookie
2014-04-10, 04:22
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

Shadow
Administrator
Administrator
2014-04-10, 10:47
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

 

About PunBB Design

PunBB Design (ex. PunBB Community) Forum is Forumotion hosted forum created 2012 as a test forum for helping out members and improving design and quality of the Forumotion forums. Over the time it became bigger and bigger in term of content, members and activity. That's why several times Forumotion offered us a free domain name for our community (www.punbb.biz). Today we want to back it's old activity and make it even better! In 2013 PunBB Design is awarded for best Forumotion forum.

General Links

Forum Resources

Forumotion Links

BtT
  • This skin is designed by Shadow for PunBB Design™.