The Netvibes content boxes use background images. The trick is that they use several -- one for the top shaded area and box bounding (no- repeat), one for the bottom (no-repeat again, and includes the drop shadow), and one for the box "body" (repeat-y). If the boxes/panels are fixed width, it's easy. If you want to make the components width- resizable, then you need to include styling-only elements (that is, elements with no semantic significance that only exist so they can contain background images).
On Sep 19, 2:47 am, "Aziz Rehmatullah" <[EMAIL PROTECTED]> wrote: > Hey guys, > > I am looking for some help designing a javascript component. What I am > looking for is a square, resizeable glossy looking box (similar to the ones > inwww.netvibes.comor pageflakes.com). I do not want them to be movable but > it will be great if they are resizeable. > > Is there a way I can do this using mochikit/any other library? If these are > not movable compnents, is it possible for me to develop a similar look and > feel (slightly raised, glossy, shaded background etc) using CSS? One option > that comes to my mind is making opaque images with the desired look and feel > and use them as background images in various DIVs. However, in this case, > resizing will be a major issue. > > I would appreciate any pointers on this. Also, please let me know if there > are any libraries that can help me achieve such a look and feel. > > Thanks and Regards, > > Aziz > > -- > "Be the change you want to see in the world." > ~Mahatma Gandhi --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "MochiKit" group. To post to this group, send email to mochikit@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/mochikit?hl=en -~----------~----~----~----~------~----~------~--~---