The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Online icon problem

View previous topic View next topic Go down

Solved Online icon problem

Post by APE on 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://illiweb.com/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
Manager
Manager

Male Posts : 8631
Reputation : 756
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Solved Re: Online icon problem

Post by Ange Tuteur on 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://illiweb.com/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top rgba(0, 0, 0, 0.4) !important;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Online icon problem

Post by APE on June 28th 2014, 2:51 am

How can i add the offline icon to that aswell ?





APE
Manager
Manager

Male Posts : 8631
Reputation : 756
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Solved Re: Online icon problem

Post by Illest on 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
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 on 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://illiweb.com/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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Online icon problem

Post by APE on 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://illiweb.com/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
Manager
Manager

Male Posts : 8631
Reputation : 756
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Solved Re: Online icon problem

Post by Ange Tuteur on 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://illiweb.com/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top rgba(0, 0, 0, 0.4);
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Online icon problem

Post by APE on 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





APE
Manager
Manager

Male Posts : 8631
Reputation : 756
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

Back to top Go down

Solved Re: Online icon problem

Post by SLGray on June 28th 2014, 7:57 pm

Topic Solved & Archived


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


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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