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

View previous topic View next topic Go down

In progress Gradient: Background Color of staff

Post by Sir Chivas™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ on 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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ on 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™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

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

Bump



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

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

learned a new stuff and thankful for your helped me .

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

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Sir Chivas™ on 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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

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

Bump~



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

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

Bump~



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Guest on 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

Guest
Guest


Back to top Go down

In progress Re: Gradient: Background Color of staff

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

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

LGforum
Hyperactive

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

http://www.avacweb.com/

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Guest on 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

Guest
Guest


Back to top Go down

In progress Re: Gradient: Background Color of staff

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

May I ask, if I should place anything in the CSS?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by Guest on 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{
...;
}

Guest
Guest


Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by tommycoo on 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
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 on April 19th 2012, 7:03 am

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

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

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

Back to top Go down

In progress Re: Gradient: Background Color of staff

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

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

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


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


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Gradient: Background Color of staff

Post by xxangel17xx on 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>



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

xxangel17xx
Forumember

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

http://www.craftreborn.net

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