Fixing Staff Background 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

    Fixing Staff Background

    Legionheart
    Legionheart
    Helper
    Helper


    Male Posts : 721
    Reputation : 111
    Language : English
    Location : San Venganza

    In progress Fixing Staff Background

    Post by Legionheart June 13th 2016, 7:00 pm

    Forum Link: http://venthub.forumotion.com/
    Forum Version: PunBB
    Screenshot of what it looks like: https://gyazo.com/7c2b9ab637a732c848a9a19d07c3a496
    Similar screenshot of what it should look like: https://gyazo.com/74b36575a7198611233294879c5a1367
    Hello,
    I needed help fixing the staff background on my forum, VentHub. I would just like it on the right side in the posts. I will provide the codes below. @Ange Tuteur
    Javascript:
    CSS:
    SLGray
    SLGray
    Administrator
    Administrator


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

    In progress Re: Fixing Staff Background

    Post by SLGray June 13th 2016, 7:34 pm

    Do you mean the black background?



    Fixing Staff Background Slgray10

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


    Male Posts : 721
    Reputation : 111
    Language : English
    Location : San Venganza

    In progress Re: Fixing Staff Background

    Post by Legionheart June 13th 2016, 7:35 pm

    SLGray wrote:Do you mean the black background?
    The small color ribbon on the side according to the usergroup of said person.
    SLGray
    SLGray
    Administrator
    Administrator


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

    In progress Re: Fixing Staff Background

    Post by SLGray June 13th 2016, 7:37 pm

    Ok. The green border on the left and right?



    Fixing Staff Background Slgray10

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


    Male Posts : 721
    Reputation : 111
    Language : English
    Location : San Venganza

    In progress Re: Fixing Staff Background

    Post by Legionheart June 13th 2016, 7:38 pm

    Yes, however only on the right. The color of that boarder determined by the usergroup.
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Fixing Staff Background

    Post by Ape June 14th 2016, 4:52 pm

    Do you have the codes added to your ranks ?

    like this

    Code:
    <span class="st-rang"><font color="red"><b> Admin</b></font>istrator</span>



    Fixing Staff Background Left1212Fixing Staff Background Center11Fixing Staff Background Right112
    Fixing Staff Background Ape_b110
    Fixing Staff Background Ape1010
    Legionheart
    Legionheart
    Helper
    Helper


    Male Posts : 721
    Reputation : 111
    Language : English
    Location : San Venganza

    In progress Re: Fixing Staff Background

    Post by Legionheart June 14th 2016, 4:53 pm

    Yes, but it doesn't work.
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Fixing Staff Background

    Post by Ape June 14th 2016, 5:05 pm

    Hmm really strange let me think about this some more and get back to you on it Smile



    Fixing Staff Background Left1212Fixing Staff Background Center11Fixing Staff Background Right112
    Fixing Staff Background Ape_b110
    Fixing Staff Background Ape1010
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Fixing Staff Background

    Post by Ape June 14th 2016, 6:33 pm

    This is how i have mine working in my forum
    JavaScript:

    Code:
    $(function() {
    $('.st-rang').closest('.post').addClass('st-answer');
    });



    The first part of the code
    st-rang

    is in your Ranks


    Code:
    <span class="st-rang"><font color="red"><b> Admin</b></font>istrator</span>
    Net this part is in your CSS files
    st-answer

    CSS file like this:


    Code:
    .post.online.st-answer {
    border-left: 6px solid #F00;
    }

    .post.st-answer {
    border-left: 6px solid #F00;
    }


    Repeat the css files just changing the first part to each staff member
    Do the same with the JavaScript



    Fixing Staff Background Left1212Fixing Staff Background Center11Fixing Staff Background Right112
    Fixing Staff Background Ape_b110
    Fixing Staff Background Ape1010
    Legionheart
    Legionheart
    Helper
    Helper


    Male Posts : 721
    Reputation : 111
    Language : English
    Location : San Venganza

    In progress Re: Fixing Staff Background

    Post by Legionheart June 14th 2016, 6:50 pm

    Thank you Ape. However, we tried that and it did not work.
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Fixing Staff Background

    Post by Ape June 15th 2016, 1:34 am

    oh ok well then i really don't know that is how it works on my forum  Fixing Staff Background Mouais sorry i can't be of any more help then Sad



    Fixing Staff Background Left1212Fixing Staff Background Center11Fixing Staff Background Right112
    Fixing Staff Background Ape_b110
    Fixing Staff Background Ape1010
    Legionheart
    Legionheart
    Helper
    Helper


    Male Posts : 721
    Reputation : 111
    Language : English
    Location : San Venganza

    In progress Re: Fixing Staff Background

    Post by Legionheart June 15th 2016, 1:43 am

    Its okay thanks for the attempt I really do appreciate it. I guess I will have to wait for Ange.
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Fixing Staff Background

    Post by Ape June 15th 2016, 2:02 am

    hold on your profile says phpbb3 and we are giving you the codes for that what is the forum you wanting it on ?



    Fixing Staff Background Left1212Fixing Staff Background Center11Fixing Staff Background Right112
    Fixing Staff Background Ape_b110
    Fixing Staff Background Ape1010
    Legionheart
    Legionheart
    Helper
    Helper


    Male Posts : 721
    Reputation : 111
    Language : English
    Location : San Venganza

    In progress Re: Fixing Staff Background

    Post by Legionheart June 15th 2016, 2:22 am

    @APE the forum is PunBB thanks for reminding me when I swapped from PhpBB3 I forgot to edit that
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Fixing Staff Background

    Post by Ape June 15th 2016, 4:06 pm

    LOL thats ok that maybe why some codes don't work in your forum as you know not all system like some codes.



    Fixing Staff Background Left1212Fixing Staff Background Center11Fixing Staff Background Right112
    Fixing Staff Background Ape_b110
    Fixing Staff Background Ape1010
    Legionheart
    Legionheart
    Helper
    Helper


    Male Posts : 721
    Reputation : 111
    Language : English
    Location : San Venganza

    In progress Re: Fixing Staff Background

    Post by Legionheart June 15th 2016, 4:36 pm

    Luffy, tried to help me with the code but we could not get it to work sadly.
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Fixing Staff Background

    Post by Ape June 15th 2016, 4:39 pm

    I think its down to the way the system is made on that type of forum Sad come to think of it i have not seen anyone ask about this for that forum version Think



    Fixing Staff Background Left1212Fixing Staff Background Center11Fixing Staff Background Right112
    Fixing Staff Background Ape_b110
    Fixing Staff Background Ape1010
    Legionheart
    Legionheart
    Helper
    Helper


    Male Posts : 721
    Reputation : 111
    Language : English
    Location : San Venganza

    In progress Re: Fixing Staff Background

    Post by Legionheart June 15th 2016, 4:46 pm

    So I your opinion should I request a script for PunBB? Also ever since it was put in my forum has been acting weird. What I mean is the homepage message profile, only my account shows up like this: https://gyazo.com/81fff5ef55059859d51d37279162cd91 and all topics text in them have turned red. If I provide a test account think you can help?
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19432
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha

    In progress Re: Fixing Staff Background

    Post by Ape June 15th 2016, 4:54 pm

    Yes all your codes should be made for your right version some offer it to work in all version but you need to change small parts of the codes to get them to work right.

    my advice is to always use a test site way before you change over from one version to the other to make sure all your codes work right before you move over. Then offer  a test account to who ever is helping you at this time (making sure after this member has done helping you you change the password to that account) i also have a page on my forum that has notes on codes so i can go back to them to see what forum's version it works on if i need to.

    I think the only one right now that can help here is our @Ange Tuteur but he is really busy and don't come on as much now thou



    Fixing Staff Background Left1212Fixing Staff Background Center11Fixing Staff Background Right112
    Fixing Staff Background Ape_b110
    Fixing Staff Background Ape1010