<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; "><DIV><DIV>On Oct 5, 2006, at 9:10 AM, Anisa wrote:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite"><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Verdana; font-size: 11px; 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; ">Can we make tip boxes? I'd like to be able to make a tip visually different from the rest of the text.<BR></SPAN></BLOCKQUOTE></DIV><BR><DIV>Anisa made this off-hand comment in the thread about multisite docs, but I felt this was worthy of some further discussion.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>One challenge we face with the handbooks is that they look like every other part of the site, with the same formatting limitations. With some pre-defined divs and spans, though, for handbooks we could have some nice ways to break out and highlight content. A "tip box" or breakout box, with a differentiating color background, maybe a nifty CSS graphic handling, could be a very nice way to piece out highlight items for (a) long pages of instructions, (b) marketing-oriented pages, (c) anything that can be tricky to grasp.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>I submit two possible implementations for consideration:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>1/ A highlight box, yellow (gradient?) background, for interesting or notable content to highlight.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>2/ An important note box, light-red background or perhaps red text, red borders, for essential important info, such as "Note: This widget will not work with foo, only with bar. Be sure to confirm your server settings before implementing this widget!"</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Both types could be set at fixed width of, say, 200px and float:right. This would take some CSS editing, and would have to work with whatever d.o theme we might have for 5.0. What think you all?</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Laura</DIV><DIV><BR class="khtml-block-placeholder"></DIV><BR><BR><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Verdana; font-size: 11px; 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; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Verdana; font-size: 11px; 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; "><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Verdana; font-size: 11px; 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><FONT class="Apple-style-span" color="#FF510B"><B style="color: rgb(255, 81, 11); font-weight: bold; "><SPAN class="Apple-style-span" style="color: rgb(255, 81, 11); font-weight: bold; "><SPAN class="Apple-style-span" style="color: rgb(255, 81, 11); font-weight: bold; ">•</SPAN></SPAN></B><B style="color: rgb(255, 81, 11); font-weight: bold; "><SPAN class="Apple-style-span" style="color: rgb(255, 81, 11); font-weight: bold; "><SPAN class="Apple-style-span" style="color: rgb(255, 81, 11); font-weight: bold; ">)))</SPAN></SPAN></B></FONT></DIV><DIV><FONT class="Apple-style-span" color="#066CBD"><B style="color: rgb(6, 108, 189); font-weight: bold; "><BR class="khtml-block-placeholder"></B></FONT></DIV><DIV><B style="font-weight: bold; "><FONT class="Apple-style-span" color="#055A9E"><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); font-weight: bold; "><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); font-weight: bold; ">pingVision, LLC</SPAN></SPAN></FONT></B></DIV><DIV><FONT class="Apple-style-span" color="#055A9E"><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); "><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); ">4450 Arapahoe Ave, Suite 100</SPAN></SPAN></FONT></DIV><DIV><FONT class="Apple-style-span" color="#055A9E"><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); "><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); ">Boulder, CO 80303</SPAN></SPAN></FONT></DIV><DIV><FONT class="Apple-style-span" color="#055A9E"><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); "><A href="http://pingv.com">http://pingv.com</A></SPAN></FONT></DIV><DIV><FONT class="Apple-style-span" color="#055A9E"><BR class="khtml-block-placeholder"></FONT></DIV><DIV><FONT class="Apple-style-span" color="#055A9E"><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); "><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); ">office:</SPAN></SPAN></FONT><SPAN class="Apple-tab-span" style="white-space: pre; "><SPAN class="Apple-style-span" style="white-space: pre; "><SPAN class="Apple-style-span" style="white-space: pre; "> </SPAN></SPAN></SPAN><FONT class="Apple-style-span" color="#055A9E"><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); "><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); ">303.415.2559</SPAN></SPAN></FONT></DIV><DIV><FONT class="Apple-style-span" color="#055A9E"><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); "><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); ">email:</SPAN></SPAN></FONT><SPAN class="Apple-tab-span" style="white-space: pre; "><SPAN class="Apple-style-span" style="white-space: pre; "><SPAN class="Apple-style-span" style="white-space: pre; "> </SPAN></SPAN></SPAN><FONT class="Apple-style-span" color="#055A9E"><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); "><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); ">inquiry</SPAN></SPAN><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); "><SPAN class="Apple-style-span" style="color: rgb(5, 90, 158); ">@pingv.com</SPAN></SPAN></FONT></DIV><DIV><BR class="khtml-block-placeholder"></DIV></SPAN><BR class="Apple-interchange-newline"></SPAN></SPAN> </DIV><BR></BODY></HTML>