How do I can make the "online" icon appear. Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
3 posters

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

    PENSAR.
    PENSAR.
    Forumember


    Posts : 61
    Reputation : 2
    Language : Bulgarian.

    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
    Cassius Dio
    Cassius Dio
    Forumember


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

    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?
    PENSAR.
    PENSAR.
    Forumember


    Posts : 61
    Reputation : 2
    Language : Bulgarian.

    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.
    Cassius Dio
    Cassius Dio
    Forumember


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

    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..
    PENSAR.
    PENSAR.
    Forumember


    Posts : 61
    Reputation : 2
    Language : Bulgarian.

    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..
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    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.