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.

How do I can make the "online" icon appear.

3 posters

Go down

Solved How do I can make the "online" icon appear.

Post by PENSAR. December 30th 2012, 6:04 pm

The problem is that I followed the guide with "staff post background" you know, where you change the post background of user, but my online banner disappeared. It doesn't show up.
Screenshot:
How do I can make the "online" icon appear. 5676229q


Last edited by Lullz. on December 31st 2012, 6:03 pm; edited 1 time in total
PENSAR.
PENSAR.
Forumember

Posts : 61
Reputation : 2
Language : Bulgarian.

Back to top Go down

Solved Re: How do I can make the "online" icon appear.

Post by Cassius Dio December 30th 2012, 6:14 pm

Hi,

Can you post here the CSS code you used?
Cassius Dio
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: How do I can make the "online" icon appear.

Post by PENSAR. December 30th 2012, 6:18 pm

Code:
.adminpost {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #ffdfce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ffdfce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffdfce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#ffdfce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#ffdfce 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#ffdfce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffdfce',GradientType=1 ); /* IE6-9 */

That's the CSS.

Code:
var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(b){return b.replace(a,"\\$&")}})();var postbg={add:function(a,c){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=$(".postprofile").get();for(i=0;i<b.length;i++)RegExp("^"+a+"$","g").test($(b[i].getElementsByTagName("a")[1]).text())&&$(b[i]).closest(".post").addClass(c)})}}; postbg.add('PENSAR.', 'adminpost');

That's the Java.
PENSAR.
PENSAR.
Forumember

Posts : 61
Reputation : 2
Language : Bulgarian.

Back to top Go down

Solved Re: How do I can make the "online" icon appear.

Post by Cassius Dio December 30th 2012, 6:54 pm

Replace the CSS one with:
Code:
.adminpost {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #ffdfce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ffdfce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffdfce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#ffdfce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#ffdfce 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#ffdfce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffdfce',GradientType=1 ); /* IE6-9 */
}

post.online.adminpost{
background-image: url(http://2img.net/i/fa/prosilver/icon_user_online_en.png) right 0 no-repeat;
background-position: right 0;
background-repeat: no-repeat;
background: #ffffff url(http://2img.net/i/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #ffdfce 100%) url(http://2img.net/i/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ffdfce)) url(http://2img.net/i/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffdfce 100%) url(http://2img.net/i/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#ffdfce 100%) url(http://2img.net/i/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#ffdfce 100%) url(http://2img.net/i/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#ffdfce 100%) url(http://2img.net/i/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffdfce',GradientType=1 ); /* IE6-9 */
}

I hope it work..
Cassius Dio
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: How do I can make the "online" icon appear.

Post by PENSAR. December 31st 2012, 6:02 pm

It didn't. However, I saw even here Online icon on staff members do not appear so no matter. I'll mark this Solved..
PENSAR.
PENSAR.
Forumember

Posts : 61
Reputation : 2
Language : Bulgarian.

Back to top Go down

Solved Re: How do I can make the "online" icon appear.

Post by SLGray December 31st 2012, 9:10 pm

Topic Solved & Locked


How do I can make the "online" icon appear. 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 : 51489
Reputation : 3519
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