<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; "><DIV>Your 90% there then knowing css. You don't need a custom .tpl file. That's only useful when you want to get elaborate with different types of nodes. Teasers and the full node use the same template.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Just try this. Inside your node.tpl.php file, look for the outter most container. Most likely a <div..</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Add this in there:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV> <div class="node<?php if($teaser) { echo ' node-teaser'; } ?>"></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV> ...your.stuff...</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV> </div></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>When it's in teaser form then it will print out:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV> <div class="node node-teaser"></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV> ...your.stuff...</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV> </div></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Pretty straight forward I think. You should be able to take it from there with a selector..</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV> .node-teaser .title {</DIV><DIV> ...</DIV><DIV> }</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Take care,</DIV><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: ProFont; font-size: 9px; 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: ProFont; font-size: 9px; 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: ProFont; font-size: 9px; 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>––––---——_–joon park ——----––––</DIV><DIV> <A href="http://www.dvessel.com">http://www.dvessel.com</A> </DIV><DIV>––––---—\\—————————————----––––</DIV></SPAN></SPAN><BR class="Apple-interchange-newline"></SPAN> </DIV><BR><DIV><DIV>On Jun 26, 2006, at 8:29 PM, Will Evans wrote:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite">Hi Joon,<DIV><BR class="khtml-block-placeholder"></DIV><DIV>Thanks for sending this and taking the time to reply. I might be a bit out of my league here, I'm very familiar with CSS once I get to that point. I understand that I need to create a custom .tpl file although I'm not sure the best way to go about that.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Would I include what you described below in the node.tpl.php file or start from scratch. I'm assuming that I would the teaser in a <div> tag and go from there?</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Thanks,</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Will</DIV><DIV><BR><DIV><DIV>On Jun 26, 2006, at 8:08 PM, Joon Park wrote:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT face="Helvetica" size="3" style="font: 11.0px Helvetica">Hi, been lurking here for a while. My first post. :)</FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Helvetica; min-height: 13px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT face="Helvetica" size="3" style="font: 11.0px Helvetica">You could just check if the $teaser variable returns anything and have it spit out anything inside the conditional statement.</FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Helvetica; min-height: 13px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT face="Helvetica" size="3" style="font: 11.0px Helvetica"><?php if($teaser) { ?></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT face="Helvetica" size="3" style="font: 11.0px Helvetica"><SPAN class="Apple-converted-space"> </SPAN><p>I'm a teaser.</p></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT face="Helvetica" size="3" style="font: 11.0px Helvetica"><?php } ?></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Helvetica; min-height: 13px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT face="Helvetica" size="3" style="font: 11.0px Helvetica">I'm doing something similar but it's set to a class then I can control it from my style sheet.</FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Helvetica; min-height: 13px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT face="Helvetica" size="3" style="font: 11.0px Helvetica">You can read about it here.</FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Helvetica; min-height: 13px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT face="Helvetica" size="3" style="font: 11.0px Helvetica"><A href="http://www.dvessel.com/node/87">http://www.dvessel.com/node/87</A></FONT></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 11px/normal Helvetica; min-height: 13px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT face="Helvetica" size="3" style="font: 11.0px Helvetica">It covers a few more things too.</FONT></DIV> </BLOCKQUOTE></DIV><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">_______________________________________________</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">themes mailing list</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="mailto:themes@drupal.org">themes@drupal.org</A></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="http://lists.drupal.org/mailman/listinfo/themes">http://lists.drupal.org/mailman/listinfo/themes</A></DIV> </BLOCKQUOTE></DIV><BR></BODY></HTML>