Staff Posting Color 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.
4 posters

    Staff Posting Color

    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english

    Solved Staff Posting Color

    Post by FrOsTyXi April 28th 2015, 6:08 am

    @Ange Tuteur Hello I noticed there is a color on the bottom left of staff posts can I do this on my forum?
    Maybe there is a topic.

    Image:
    Staff Posting Color Ange10

    Regards
    FrOstyXi
    SLGray
    SLGray
    Administrator
    Administrator


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

    Solved Re: Staff Posting Color

    Post by SLGray April 28th 2015, 7:28 am




    Staff Posting Color Slgray10

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


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Staff Posting Color

    Post by Ange Tuteur April 28th 2015, 9:28 am

    Add a tag to your rank title with a specific class, frosty, for example.
    ( Users and groups > Rank administration > create or edit your rank )

    Include an html tag with your personal classname. Ex :
    Code:
    <span class="frosty"></span>

    Make sure to set it as a special rank, and assign it to yourself by editing your profil in the AP. Next go to Modules > JS codes management > create a new script

    Placement : In the topics
    Code:
    $(function() {
      // find tags with the class frosty, then apply our bg class to the message body
      $('.frosty').closest('.post').addClass('frosty-bg');
    });

    After this we can define a style in Display > Colors > CSS stylesheet
    Code:
    .post.frosty-bg {
      background:red;
    }

    You can target anything in your posts by using your special class ( .frosty-bg )
    developer.ryan
    developer.ryan
    Forumember


    Posts : 98
    Reputation : 6
    Language : English,Chinese,Italian,French
    Location : The doors of development

    Solved Re: Staff Posting Color

    Post by developer.ryan April 28th 2015, 12:39 pm

    The correct way:
    Put this code in JavaScript
    Select all pages
    Or threads
    This is the code I
    Code:
    FA.Ready(function() {
      for (var a = $('.postprofile', document.getElementById('main-content')), b, c, i = 0, j = a.length; i < j; i++) {
        b = a[i].innerHTML;
        if (/class="st-rang.*?"/.test(b)) {
          b = b.replace(/\n/gm, '').replace(/.*class="st-rang\s(.*?)".*/, '$1');
          c = a[i].parentNode.parentNode;
          c.className += ' st-answer';
          switch (b) {
            case 'bguser':
              c.className += ' bguser';
              break;       
          }
        }
      }
    }, 'right');

    This place it in css
    Code:
    .post.st-answer {
        background-image:url(place here is a picture to insert);
        background-position:0 100%;
        background-repeat:no-repeat;
        background-size:100%
    }
    .post.st-answer.bguser {
        background-image:url(place here is a picture to insert)
    }
    and went to Users & Groups = Ranks = Rank Administration = modify level
    Put this
    Code:
    <strong class="st-rang bguser">put here the name of the rank</strong>
    you can put them to a specific group or a specific member by class or group name

    place the image sizes
    Like this image sizes
    https://i.servimg.com/u/f19/19/17/81/75/admin110.png
    You can design the gradient on this picture I do not know how to write the gradient
    FrOsTyXi
    FrOsTyXi
    Forumember


    Male Posts : 460
    Reputation : 12
    Language : english

    Solved Re: Staff Posting Color

    Post by FrOsTyXi April 28th 2015, 12:51 pm

    Thank you!! solved
    SLGray
    SLGray
    Administrator
    Administrator


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

    Solved Re: Staff Posting Color

    Post by SLGray April 28th 2015, 8:29 pm

    Topic solved and archived



    Staff Posting Color Slgray10

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