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.

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

View previous topic View next topic Go down

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

Post by PENSAR. on 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:


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

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 on December 30th 2012, 6:14 pm

Hi,

Can you post here the CSS code you used?

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. on 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.
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 on 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://illiweb.com/fa/prosilver/icon_user_online_en.png) right 0 no-repeat;
background-position: right 0;
background-repeat: no-repeat;
background: #ffffff url(http://illiweb.com/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #ffdfce 100%) url(http://illiweb.com/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://illiweb.com/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffdfce 100%) url(http://illiweb.com/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://illiweb.com/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://illiweb.com/fa/prosilver/icon_user_online_en.png) right 0 no-repeat; /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#ffdfce 100%) url(http://illiweb.com/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
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. on 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.
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 on December 31st 2012, 9:10 pm

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.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