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.

Online icon problem

4 posters

Go down

Solved Online icon problem

Post by Ape Sat 28 Jun 2014 - 2:03

Hello all.
On a friends Forum i help admin there is a problem with the online icon it's staying inplace even when your offline

I Think there is a little bit of code missing in the /CSS files
This is the online icon code we have but there is No offline icon to it or a code to hide the icon when we are offline.



Code:
.post {
    background: url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top rgba(0, 0, 0, 0.4) !important;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 8px;
    padding: 10px !important;
}



Last edited by APE on Sat 28 Jun 2014 - 10:53; edited 1 time in total
Ape
Ape
Administrator
Administrator

Male Posts : 19435
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Online icon problem

Post by Ange Tuteur Sat 28 Jun 2014 - 2:19

Hi APE,

Try using the .online class for posts which the user is online.

Code:
/* default / offline */
.post {
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 8px;
    padding: 10px !important;
}

/* online posts */
.post.online {
    background: url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top rgba(0, 0, 0, 0.4) !important;
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Online icon problem

Post by Ape Sat 28 Jun 2014 - 2:51

How can i add the offline icon to that aswell ?


Online icon problem Left1212Online icon problem Center11Online icon problem Right112
Online icon problem Ape_b110
Online icon problem Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19435
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Online icon problem

Post by Illest Sat 28 Jun 2014 - 3:30

APE wrote:How can i add the offline icon to that aswell ?

Simply change the class to .post Very Happy


Last edited by Illest on Sat 28 Jun 2014 - 6:34; edited 1 time in total
Illest
Illest
Forumember

Male Posts : 135
Reputation : 9
Language : English
Location : USA

http://mixedmedia.userboard.net

Back to top Go down

Solved Re: Online icon problem

Post by Ange Tuteur Sat 28 Jun 2014 - 3:40

There is no .offline classname, you must use .post. That is the first rule before .post.online.

So :
Code:
/* default / offline */
.post {
    background: url("/offlineimg.gif") no-repeat scroll right top rgba(0, 0, 0, 0.4) !important;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 8px;
    padding: 10px !important;
}

/* online posts */
.post.online {
    background: url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top rgba(0, 0, 0, 0.4) !important;
}

Replace /offlineimg.gif by the URL of your image.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Online icon problem

Post by Ape Sat 28 Jun 2014 - 4:35

Ange Tuteur wrote:There is no .offline classname, you must use .post. That is the first rule before .post.online.

So :
Code:
/* default / offline */
.post {
    background: url("/offlineimg.gif") no-repeat scroll right top rgba(0, 0, 0, 0.4) !important;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 8px;
    padding: 10px !important;
}

/* online posts */
.post.online {
    background: url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top rgba(0, 0, 0, 0.4) !important;
}

Replace /offlineimg.gif by the URL of your image.
No that did not work Sad
Ape
Ape
Administrator
Administrator

Male Posts : 19435
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Online icon problem

Post by Ange Tuteur Sat 28 Jun 2014 - 7:20

Oops I didn't notice you had important on the background properties. Try removing that.

Code:
/* default / offline */
.post {
    background: url("/offlineimg.gif") no-repeat scroll right top rgba(0, 0, 0, 0.4);
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 8px;
    padding: 10px !important;
}

/* online posts */
.post.online {
    background: url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top rgba(0, 0, 0, 0.4);
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Online icon problem

Post by Ape Sat 28 Jun 2014 - 10:52

Hello Ange Tuteur

I got it to work just before i come on to see your reply lol I think there is something in he's CSS code that was conflicting with your code as i had it at the top of the page and it did not work but as soon as i put it at the bottom of the CSS it worked fine i will have to look over he's code and see whay this was a problem.

Thank you so much for your help
SOLVED

Ape


Online icon problem Left1212Online icon problem Center11Online icon problem Right112
Online icon problem Ape_b110
Online icon problem Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19435
Reputation : 2010
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Online icon problem

Post by SLGray Sat 28 Jun 2014 - 19:57

Topic Solved & Archived


Online icon problem Slgray10

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

Male Posts : 51554
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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