PDA

View Full Version : Custom shadow



misha
2 Nov 2009, 1:13 PM
I'm trying to create custom shadow, but I'm missing something.

I have created new shadow.png file that is bigger then original (and other 2 files also)

Also have changed css selectors related to shadow so that new sprite dimensions are taken into account.

But thats not enought! Have anyone created custom shadow that is bigger then original 6px shadow?

Is that even possible?

iv_ekker
3 Nov 2009, 3:05 AM
Greetings,

I think you should increase width and/or height of appropriate element.

For example for middle-left

.x-shadow .xsml, .x-shadow .xsmr {
float:left;
height:100%;
width:6px;


}

misha
3 Nov 2009, 3:08 AM
Thanx for reply ... Yes I did that but thats not enough.

I think Shadow class must be edited too...

iv_ekker
3 Nov 2009, 3:25 AM
There are scrolling of image for bottom and right shadows.


.x-shadow .xsmr {
background:transparent none repeat-y scroll -6px 0;


}

and

.x-shadow .xsbc {
background:transparent none repeat-x scroll 0 -36px;


}

clayteller
26 Aug 2010, 3:38 PM
Man, I really wish someone had answered this thread about configuring shadow size. I am at the same impasse. I have set all the sizes in CSS, but I still need to figure out if/where it can be configured in the javascript, so that the size of the shadow DIV is correct.