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.
The forum of the forums
+3
!_NICK_!
LGforum
PorkyPine V10
7 posters

    Gradient Background For staff

    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Gradient Background For staff

    Post by PorkyPine V10 April 20th 2012, 2:17 am

    i only want to know what to put on the JS , CSS, and rank

    thanks in advance
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: Gradient Background For staff

    Post by LGforum April 20th 2012, 11:32 pm

    You should just do a search there are currently hundreds of threads about this.
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 22nd 2012, 7:59 pm

    Yea, but they all get mixed up
    !_NICK_!
    !_NICK_!
    Active Poster


    Male Posts : 1505
    Reputation : 69
    Language : English, HTML, and CSS
    Location : In the middle of no return.

    Solved Re: Gradient Background For staff

    Post by !_NICK_! April 22nd 2012, 8:25 pm

    When you find that add the gradient effect using the css in there.

    PS: What is forumotion's code for the effect?
    Mati
    Mati
    Active Poster


    Posts : 1928
    Reputation : 331
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    Solved Re: Gradient Background For staff

    Post by Mati April 22nd 2012, 8:59 pm


    Thank you for that Rideem3. Smile
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 23rd 2012, 2:04 am

    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 25th 2012, 2:27 am

    Rank:
    Code:
    <span class="specialpost">Admin</span>

    Java:
    Code:
    $(function() {
    $('div.post:has(".specialpost"), div.postmain:has(".specialpost")').css('background-color','#000');
    });

    in the topics only, and thats all
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 25th 2012, 2:32 am

    i checked and its the same code, still doesnt work
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 25th 2012, 2:38 am

    ?????

    this is for punBB:

    Rank:
    Code:
    <span class="specialpost">RANK TITLE HERE</span>

    and Java:
    Code:
    $(function() {
    $('div.post:has(".specialpost"), div.postmain:has(".specialpost")').css('background-color','#000');
    });

    i have double checked and theyre the same
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 25th 2012, 2:40 am

    ill PM, dont wanna share in public
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 25th 2012, 2:50 am

    i have put 6 f's but it still doesnt seem to work
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 25th 2012, 2:53 am

    i changed it but i want it to look like a gradient

    from dark to light
    Rocker92
    Rocker92
    Forumember


    Male Posts : 737
    Reputation : 117
    Language : English & French
    Location : Atlanta, GA

    Solved Re: Gradient Background For staff

    Post by Rocker92 April 25th 2012, 3:07 am

    Rideem3 wrote:The issue is the color you've chosen. You've missed one "F" in #FFFFFF. There must be 6 "F"'s, you only have five. Wink

    Providing the color is a primary we color (RGB) you only need 3 characters.

    PorkyPine V10 wrote:i changed it but i want it to look like a gradient

    from dark to light

    You can use an image for this Smile
    Dark_Code
    Dark_Code
    Forumember


    Male Posts : 91
    Reputation : 4
    Language : CSS
    Location : Modesto

    Solved Re: Gradient Background For staff

    Post by Dark_Code April 25th 2012, 5:45 am

    If you want the image here it is http://i.imm.io/hjo8.png Just saying
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: Gradient Background For staff

    Post by LGforum April 25th 2012, 10:12 pm

    Rocker92 wrote:
    Rideem3 wrote:The issue is the color you've chosen. You've missed one "F" in #FFFFFF. There must be 6 "F"'s, you only have five. Wink

    Providing the color is a primary we color (RGB) you only need 3 characters.

    Using three alphanumeric characters such as '#FFF' is not RGB coloring, its still Hex Coloring.
    RGB is different.
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 27th 2012, 1:12 am

    How can i use the image instead of the #FFFFFF?
    xxangel17xx
    xxangel17xx
    Forumember


    Male Posts : 28
    Reputation : 0
    Language : english
    Location : uk

    Solved Re: Gradient Background For staff

    Post by xxangel17xx April 27th 2012, 7:06 am

    Copyrighted tutorial removed. You have received a warning for doing this multiple times.
    xxangel17xx
    xxangel17xx
    Forumember


    Male Posts : 28
    Reputation : 0
    Language : english
    Location : uk

    Solved Re: Gradient Background For staff

    Post by xxangel17xx April 27th 2012, 5:11 pm

    Rideem3 wrote:
    xxangel17xx wrote:Copyrighted tutorial removed. You have received a warning for doing this multiple times.

    Posting tutorials that are not yours is prohibited.

    i didnt use any ones tutoirial i sat for houres trying to think how to do it since all you dumb support staff couldn't give the right tut on how to do it so remove my warning and put my posts back
    check your facts your not the only one that knows Java & css you know Evil or Very Mad
    avatar
    Guest
    Guest


    Solved Re: Gradient Background For staff

    Post by Guest April 27th 2012, 5:12 pm

    Hi!

    xxangel17xx, that aren't your tutorial, this is created by Rideem3 from his forum. And he is also correct about copyright. It's not good to tell lies. Wink

    PorkyPine V10, check this:
    Placement : Check only In the topics.
    xxangel17xx
    xxangel17xx
    Forumember


    Male Posts : 28
    Reputation : 0
    Language : english
    Location : uk

    Solved Re: Gradient Background For staff

    Post by xxangel17xx April 27th 2012, 5:15 pm

    Coddy wrote:Hi!

    xxangel17xx, that aren't your tutorial, this is created by Rideem3 from his forum. And he is also correct about copyright. It's not good to tell lies. Wink

    PorkyPine V10, check this:
    Placement : Check only In the topics.

    i didnt see his forum i took the hard way to find it and got it a friend who works at jagex just like they have on there forum so no im not copying him
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 28th 2012, 1:22 am

    k, thanks, but how do i fix that?

    http://awesomescreenshot.com/0b04gsl39
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 28th 2012, 2:24 am

    i have change it to that

    Code:
    $(function() {
    $('div.post:has(".specialpost"), div.postmain:has(".specialpost")').css('background-image','url(http://i.imm.io/hjo8.png) no-repeat scroll right top');
    });

    it appears blank
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: Gradient Background For staff

    Post by LGforum April 28th 2012, 1:03 pm

    You've put a load of background rules into the rule of background-image. Change the words background-image to just 'background'.
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 29th 2012, 2:40 am

    i changed it and it still appears blank
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: Gradient Background For staff

    Post by LGforum April 29th 2012, 2:47 am

    change this bit: 'url(http://i.imm.io/hjo8.png) no-repeat scroll right top'

    to this: 'url(http://i.imm.io/hjo8.png) repeat-y top left'
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 29th 2012, 2:51 am

    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: Gradient Background For staff

    Post by LGforum April 29th 2012, 4:02 am

    Oh well thats because you've specified .postmain in the selector for some reason.

    This should be your code:

    Code:

    $(function() {
    $('div.post:has(".specialpost")').css('background','url(http://i.imm.io/hjo8.png) repeat-y top left');
    });
    PorkyPine V10
    PorkyPine V10
    Forumember


    Male Posts : 387
    Reputation : 19
    Language : English, Spanish, French, Japanese

    Solved Re: Gradient Background For staff

    Post by PorkyPine V10 April 29th 2012, 5:57 am

    Thanks Smile Solved

      Current date/time is September 23rd 2024, 10:23 am