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.

Gradient Background For staff

+3
!_NICK_!
LGforum
PorkyPine V10
7 posters

Go down

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
PorkyPine V10
PorkyPine V10
Forumember

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

http://gfx-creators.forumotion.com/

Back to top Go down

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.
LGforum
LGforum
Hyperactive

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

Back to top Go down

Solved Re: Gradient Background For staff

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

Yea, but they all get mixed up
PorkyPine V10
PorkyPine V10
Forumember

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

http://gfx-creators.forumotion.com/

Back to top Go down

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?
!_NICK_!
!_NICK_!
Active Poster

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

Back to top Go down

Solved Re: Gradient Background For staff

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

Mati
Mati
Active Poster

Posts : 1933
Reputation : 333
Language : HTML, CSS & JavaScript
Location : Forum Services

https://fm-focus.forumotion.com/

Back to top Go down

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

http://gfx-creators.forumotion.com/

Back to top Go down

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

http://gfx-creators.forumotion.com/

Back to top Go down

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

http://gfx-creators.forumotion.com/

Back to top Go down

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

http://gfx-creators.forumotion.com/

Back to top Go down

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

http://gfx-creators.forumotion.com/

Back to top Go down

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

http://gfx-creators.forumotion.com/

Back to top Go down

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
PorkyPine V10
PorkyPine V10
Forumember

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

http://gfx-creators.forumotion.com/

Back to top Go down

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
Rocker92
Rocker92
Forumember

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

http://www.code-artist.com/

Back to top Go down

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
Dark_Code
Dark_Code
Forumember

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

http://csshelp.ipbhost.com/

Back to top Go down

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.
LGforum
LGforum
Hyperactive

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

Back to top Go down

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?
PorkyPine V10
PorkyPine V10
Forumember

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

http://gfx-creators.forumotion.com/

Back to top Go down

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

http://www.craftreborn.net

Back to top Go down

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
xxangel17xx
xxangel17xx
Forumember

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

http://www.craftreborn.net

Back to top Go down

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.
avatar
Guest
Guest


Back to top Go down

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
xxangel17xx
xxangel17xx
Forumember

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

http://www.craftreborn.net

Back to top Go down

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

http://gfx-creators.forumotion.com/

Back to top Go down

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
PorkyPine V10
PorkyPine V10
Forumember

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

http://gfx-creators.forumotion.com/

Back to top Go down

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'.
LGforum
LGforum
Hyperactive

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

Back to top Go down

Solved Re: Gradient Background For staff

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

i changed it and it still appears blank
PorkyPine V10
PorkyPine V10
Forumember

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

http://gfx-creators.forumotion.com/

Back to top Go down

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'
LGforum
LGforum
Hyperactive

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

Back to top Go down

Solved Re: Gradient Background For staff

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

PorkyPine V10
PorkyPine V10
Forumember

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

http://gfx-creators.forumotion.com/

Back to top Go down

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');
});
LGforum
LGforum
Hyperactive

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

Back to top Go down

Solved Re: Gradient Background For staff

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

Thanks Smile Solved
PorkyPine V10
PorkyPine V10
Forumember

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

http://gfx-creators.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum