clueTip and the UI Theming

clueTip and the UI Theming

<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Hi UI people,<DIV><BR class="khtml-block-placeholder"></DIV><DIV>I'm preparing the next iteration of the clueTip plugin, and one of the things I've built into it is a "cluetipClass" option that allows people to change the class of the outer-most DIV so that it can be styled to their taste. I've bundled three "themes" with it:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>1. a default theme that comes with a drop-shadow effect created by multiple semi-transparent DIVs, each offset 1px from the previous.</DIV><DIV>2. a "jTip" theme based on Cody Lindley's jTip plugin, because a few people requested it. This one has an extra "left" or "right" class added to the outer-most div, depending on which side of the linked element the clueTip is positioned. It also calculates the background-position automatically so the arrows can line up with the element or mouse position.</DIV><DIV>3. a "rounded corners" theme with, well, rounded corners. It uses background images -- transparent gifs or pngs to create the effect.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>There is a demo page here:</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN><A href="http://examples.learningjquery.com/67/demo/"> http://examples.learningjquery.com/67/demo/</A></DIV><DIV>Click "Examples" in the top nav. You'll need to scroll down to see a couple jTip-style examples and one (so far) rounded-corner example.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>I'll be announcing this update soon on learningjquery.com, but first I'd really love your input about a couple things:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>1. Should/may I tap into the UI theming that is going on? If so:</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>a. where can I see the themes (looked in svn but couldn't find them). </DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>b. What would be the best way to tap into them? Just copy the CSS and images and modify to fit the ID/class naming? </DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>c. Should I send email directly to Sean or John or keep my questions on the list? <BR><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; ">2. Any feedback/suggestions for improving the look of the current styles? One thing in particular that I find really annoying is the need to use "zoom: 1" for the rounded-corners style in order to force hasLayout on the inner elements. </SPAN></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; ">Your feedback and advice for incorporating UI themes (or not) is most welcome.</SPAN></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; ">Thanks so much,<BR class="Apple-interchange-newline"><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><DIV><BR class="khtml-block-placeholder"></DIV><DIV>--Karl</DIV><DIV>_________________</DIV><DIV>Karl Swedberg</DIV><DIV>www.englishrules.com</DIV><DIV>www.learningjquery.com</DIV><DIV><BR class="khtml-block-placeholder"></DIV><BR class="Apple-interchange-newline"></SPAN></SPAN> </DIV><BR></DIV>