css question

[Mike]

Does anybody see anything wrong with this line of code?
$('#wrapper').css('box-shadow','inset 0 0 ',''+blur+'px','#'+cshad+'');
I had this working but now it's not.
Thanks

[Chris]

The error is in distinguishing between string start and string end since you must be always aware of how javascript will interpret it. I will assume blur and cshad are your variables and you are using the simple string form of jquery's .css(propertyName, value) method

$('#wrapper').css('box-shadow','inset 0 0 ',''+blur+'px','#'+cshad+'');

I've underlined the two arguments the jquery function expects in order to show you why the use of commas here causes an interpretation of a third and fourth argument which is of course ignored since this function signature is looking for only two arguments. I don't think you're trying to specify multiple box-shadows here so the use of commas is not needed and given the above value of 'inset 0 0 ' you would end up with no blur-radius or color defined. To include that in the second argument requires concatenating those strings into one

$('#wrapper').css('box-shadow','inset 0 0 '+blur+'px #'+cshad);

[Mike]

 Brian
Thank you I see what you mean. The commas make it a separate entity.
oh wait I tried without the commas and still didn't work

[Chris]

Without an actual live example to prod and poke I cannot really tell you why it didn't work, it could be there's a CSS rule that makes sure inline styles cannot apply box-shadow by employing an important modifier (just one of a thousand reasons). Perhaps a description of exactly what you are trying to accomplish and what you're expecting to see would help.

Here's an example of multiple shadows applied to a single element which as you can see is separated by a comma so the presence of a comma is not inherently the problem provided it was your original intention although it doesn't look like that is what you were after given the example offered.

box-shadow:15px 19px red, -1em -1em 0.4em olive;

[Mike]

Chris
This is my plugin "border around forum
$(document).ready(function(){

var bac=pb.plugin.get('border_around_forum_plugin').settings.bafp;
for(i=0;i<bac.length;i++) {
var theme=bac.theme;
console.log(theme);
if(theme.length > 0){
for(r=0;r<theme.length;r++){
if(pb.data('user').theme_id==theme[r]){
var img=bac.image;
var col=bac.background_color;
var rad=bac.radius;
var cshad=bac.s_color;
var blur=bac.s_blur;
var shad=bac.shadon;
}
}
}
}
$('#wrapper').css('background-image','url('+img+')','background-repeat','no-repeat');

$('#wrapper').css('box-shadow','inset 0 0'+blur+'px #'+cshad+'');
$('#wrapper').css('background-size','cover');
$('#wrapper').css('background-position','center');
$('#wrapper').css('background-color','#'+col+');
$('#wrapper').css('border-radius',''+rad+'px');

});

[Chris]

$('#wrapper').css('box-shadow','inset 0 0'+blur+'px #'+cshad+'');
An actual link to where it is "not working" would be the most efficient, remember the thousand reasons, but one error in that code you posted that stands out is you forgot to include a space between the y offset and the bur radius (i.e. there is no space after the '0' as in my example)

[Mike]

Chris

riccettstest.freeforums.net/

This is the site where the problem is

[Chris]

Mike Brian Ordonez
It looks to be working to me, on that site you're currently setting it with $('#wrapper').css('box-shadow','inset 30px 30px 30px 400px #425163');
Since the color of the background isn't much different from the color you've chosen you can't really tell where shadow ends and background begins. If I change it to color gold with a spread of 40px for example then you see the contrast

[Mike]

Chris

one more question $(' title_bar') whats the identifier for class? I know # a id.

[Chris]

A class is prepended with a period (.) and an ID by the number sign (#)

As for the specifc class of a titlebar that would depend on which title bar you're referring to,
$('.title-bar') would refer to most container titlebars such as quick reply or categories

$('.ui-dialog-title') would refer to dialog titles

there maybe others but you would need to be specific

[Mike]

Thanks thats answer

[Mike]

Chris

$('.title_bar') .css ('background_color','#'+barcolor+''); doesn't work do you think there is more to title_bar?

[Chris]

Generally in most standard themes a title bar has a background image applied to it so changing the color would not help if an image is covering it. I can't tell if this is this the case for you and whatever you are working on but if you wish help with figuring out something you're doing with a forum it is best to provide a link to the area you need assistance with, that is much more efficient than taking stabs in the dark offering guesses until one sticks

[Mike]

Chris

Here's the link-http://riccettstest.freeforums.net/

[Chris]

I'm not seeing any background image applied there but CSS uses hyphenated value-names and value-properties so "background_color" should probably be "background-color" or it's camelhump equivalent "backgroundColor"