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 June 28th 2014, 2:03 am

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 June 28th 2014, 10:53 am; edited 1 time in total
Ape
Ape
Administrator
Administrator

Male Posts : 19454
Reputation : 2012
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 June 28th 2014, 2:19 am

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 June 28th 2014, 2:51 am

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 : 19454
Reputation : 2012
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 June 28th 2014, 3:30 am

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 June 28th 2014, 6:34 am; 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 June 28th 2014, 3:40 am

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 June 28th 2014, 4:35 am

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 : 19454
Reputation : 2012
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 June 28th 2014, 7:20 am

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 June 28th 2014, 10:52 am

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 : 19454
Reputation : 2012
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 June 28th 2014, 7:57 pm

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 : 51576
Reputation : 3525
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