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 Color of staff

+5
tommycoo
LGforum
Nera.
chirstinah168
Sir Chivas™
9 posters

Go down

In progress Gradient: Background Color of staff

Post by Sir Chivas™ April 1st 2012, 8:23 pm

Hi, Hello


I followed the tutorial & It doesn't seem to work.

I try adding this code to make it seem more like Forumotion:

Code:
$('tr.post:has(".specialpost") td').css('background-image' , 'url(http://www.stpatrickschoolrolla.org/files/QuickSiteImages/green_gradient.jpg)  repeat-y scroll right top)'});

I tried adding this image:

Spoiler:


One question, what size is the image, that forumotion is using?

Thanks.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ April 1st 2012, 9:21 pm

Hi, Hello

Sorry, I didn't notice that. I've been working on my forum the whole Day/Night.


I have added, but it doesn't seem to be working.

Yes, i have added the code into the Rank Name: And it still doesn't work.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ April 1st 2012, 9:27 pm

I have only done it to the Group Admins, [Rank Administration only]

Still doesn't work. I have tried over and over and doesn't seem to be working.

Want me to provide you with an Admin account ?


Account: Test
Pass: testaccount1
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ April 2nd 2012, 11:53 pm

Bump
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by chirstinah168 April 3rd 2012, 6:07 am

learned a new stuff and thankful for your helped me .
avatar
chirstinah168
New Member

Posts : 4
Reputation : 1
Language : english

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Nera. April 3rd 2012, 11:03 am

Sir Chivas™ wrote:Bump

Is this your forum? http://www.advertisemarket.net/t19-official-rules
I don't see a span class added arround the rank Founder. I wont work without it.
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ April 3rd 2012, 4:06 pm

Yes, this is my forum. I have removed them from now, since I wasn't getting no answer. I tried over & over and it doesnt seem to work. I tried Rideem's code & yet doesnt seem to work.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ April 4th 2012, 5:16 pm

Bump~
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ April 10th 2012, 3:03 am

Bump~
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Guest April 10th 2012, 1:50 pm

Hi!

The reason that this code doesn't work is because he used background-image and not background proprety. Since you use background-color or -image, you can't add another values to it. So, replace background-image to background.
Code:
$(function() {
$('tr.post:has(".specialpost") td').css('background','url(http://www.stpatrickschoolrolla.org/files/QuickSiteImages/green_gradient.jpg) repeat-y scroll right top');
});
Placement : Only In the topics. Wink
avatar
Guest
Guest


Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by LGforum April 10th 2012, 5:00 pm

There's another topic here about it that you could follow: https://help.forumotion.com/t107380-special-post-color-problem-help-please
LGforum
LGforum
Hyperactive

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

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Guest April 10th 2012, 6:34 pm

Lol, LGForum. I know this, and, I always use an AddClass function, then edit it via CSS Stylesheet. Razz
avatar
Guest
Guest


Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ April 11th 2012, 2:07 am

May I ask, if I should place anything in the CSS?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Guest April 11th 2012, 1:28 pm

Yes, you can do this via CSS, but you should replace your JS Code to:
Code:
$(function() {
$('tr.post:has(".specialpost") td').AddClass('postbackground');
});
Then add to your CSS Stylesheet:
Code:
.postbackground{
...;
}
avatar
Guest
Guest


Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by tommycoo April 17th 2012, 12:04 pm

sorry can i ask something ..
can we make this code
Code:
$(function() {
$('tr.post:has(".specialpost") td').css('background-image','url(http://www.stpatrickschoolrolla.org/files/QuickSiteImages/green_gradient.jpg) repeat-y scroll right top');
});
will work in css and html without JS ?
tommycoo
tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by moeztro4 April 19th 2012, 7:03 am

hi all
Previously Sorry
For people who want to learn about Indonesian Forumotion
Please click here Link Removed
avatar
moeztro4
New Member

Posts : 17
Reputation : 1
Language : indonesia

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Jophy April 19th 2012, 7:19 am

moeztro4 wrote:hi all
Previously Sorry
For people who want to learn about Indonesian Forumotion
Please click here Link Removed
May I remind you that advertising your forum in the wrong section is not tolerated, if you'll continue to do this, you'll earn yourself a warning and eventually you'll get banned.
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by xxangel17xx April 27th 2012, 4:58 am

so how do i add the span class im new to is so any help?
xxangel17xx
xxangel17xx
Forumember

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

http://www.craftreborn.net

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by SLGray April 27th 2012, 6:02 am

You add this to your rank titles:
Code:
<span class="specialpost">RANK TITLE</span>
Administration Panel > Users & Groups > Ranks


Gradient: Background Color of staff Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by xxangel17xx April 27th 2012, 6:25 am


ok i have had the same problem all day i know how to fix

put the titel of the rank to
Code:
<span class="specialpost">Administrator</span>

Gradient: Background Color of staff 410

go to the javascript and copy and paste this
Code:
$(function() {
$('div.post:has(".specialpost")').css('background-color','#99ff00');
});

you can change the #99ff00
to a new colour code
Gradient: Background Color of staff Html_c10
xxangel17xx
xxangel17xx
Forumember

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

http://www.craftreborn.net

Back to top Go down

Back to top

- Similar topics

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