The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Gradient Background For staff

View previous topic View next topic Go down

Solved Gradient Background For staff

Post by PorkyPine V10 on 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
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 on April 20th 2012, 11:32 pm

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

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Gradient Background For staff

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

Yea, but they all get mixed up

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_! on 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_!
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 on April 22nd 2012, 8:59 pm


Mati
Active Poster

Posts : 1873
Reputation : 281
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://elite-gaming.forumotion.net/

Back to top Go down

Solved Re: Gradient Background For staff

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


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 on 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
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 on April 25th 2012, 2:32 am

i checked and its the same code, still doesnt work

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 on 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
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 on April 25th 2012, 2:40 am

ill PM, dont wanna share in public

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 on April 25th 2012, 2:50 am

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

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 on April 25th 2012, 2:53 am

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

from dark to light

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 on 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
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 on April 25th 2012, 5:45 am

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

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 on 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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Gradient Background For staff

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

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

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 on April 27th 2012, 7:06 am

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

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 on 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
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 on 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.

Guest
Guest


Back to top Go down

Solved Re: Gradient Background For staff

Post by xxangel17xx on 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
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 on April 28th 2012, 1:22 am

k, thanks, but how do i fix that?

http://awesomescreenshot.com/0b04gsl39

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 on 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
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 on 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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Gradient Background For staff

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

i changed it and it still appears blank

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 on 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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Gradient Background For staff

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


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 on 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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Gradient Background For staff

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

Thanks Smile Solved

PorkyPine V10
Forumember

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

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

Back to top Go down

View previous topic View next topic Back to top


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