CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="en-US"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://bavotasan.com/tag/style/","20100918011405","https://web.archive.org/","web","/_static/", "1284772445"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="googlebot" content="noindex,noarchive,follow,noodp"/> <meta name="robots" content="noindex,follow"/> <meta name="msnbot" content="noindex,follow"/> <title>Style | bavotasan.com</title> <link rel="stylesheet" href="https://web.archive.org/web/20100918011405cs_/http://bavotasan.com/wp-content/themes/bavotasan-2010/style.css?ver=1.0.6" type="text/css" media="screen"/> <link rel="shortcut icon" href="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/favicon.ico"/> <link rel="pingback" href="http://bavotasan.com/xmlrpc.php"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Feed" href="https://web.archive.org/web/20100918011405/http://bavotasan.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Comments Feed" href="https://web.archive.org/web/20100918011405/http://bavotasan.com/comments/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Style Tag Feed" href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/style/feed/"/> <script type="text/javascript" src="https://web.archive.org/web/20100918011405js_/http://bavotasan.com/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <link rel="index" title="bavotasan.com" href="http://bavotasan.com/"/> <link rel="shortlink" href="https://web.archive.org/web/20100918011405/http://bit.ly/98YvHe"/> <meta property="fb:page_id" content="137456822940271"/> <meta property="fb:admins" content="586505548"/> <meta property="og:site_name" content="bavotasan.com"/> </head> <body class="archive tag tag-style"> <div id="bodywrap">  <script type="text/javascript"> (function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//web.archive.org/web/20100918011405/http://s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })(); </script>   <div id="header"> <div id="topmenu" class="menu-top-menu-container"><ul id="menu-top-menu" class="menu"><li id="menu-item-2254" class="menu-item menu-item-type-custom menu-item-2254"><a href="https://web.archive.org/web/20100918011405/http://themes.bavotasan.com/">Themes by bavotasan.com</a></li> <li id="menu-item-2255" class="menu-item menu-item-type-custom menu-item-2255"><a href="https://web.archive.org/web/20100918011405/http://support.bavotasan.com/">Support Forum</a></li> <li id="menu-item-2259" class="menu-item menu-item-type-custom menu-item-2259"><a href="https://web.archive.org/web/20100918011405/http://themes.bavotasan.com/affiliates">Affiliates</a></li> <li id="menu-item-2256" class="menu-item menu-item-type-post_type menu-item-2256"><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/about/">About</a></li> <li id="menu-item-2257" class="menu-item menu-item-type-post_type menu-item-2257"><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/services/">Services</a></li> <li id="menu-item-2258" class="menu-item menu-item-type-post_type menu-item-2258"><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/contact/">Contact</a></li> </ul></div> <div id="title"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/"> <img src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/images/bavotasan.png" alt="bavotasan.com" width="400" height="70"/> <span id="desc"></span></a> </div> <div id="follow"> <span></span> <a href="https://web.archive.org/web/20100918011405/http://twitter.com/bavotasan" class="twitter"></a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/feed/" class="rss"></a> </div> <div id="navigation" class="menu-main-menu-container"> <ul id="menu-main-menu" class="menu"> <li id="menu-item-2264"><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/"><span></span>Home</a></li> <li id="menu-item-2266"><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/category/articles/"><span></span>Articles</a></li> <li id="menu-item-2265"><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/category/tutorials/"><span></span>Tutorials</a></li> <li id="menu-item-2267"><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/category/downloads/"><span></span>Downloads</a></li> </ul> </div> </div>  <div id="mainwrapper"> <div id="leftcontent"> <h3 class="catheader">Posts Tagged ‘Style’</h3> <div class="post"><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/admin/" class="tag-link-223" title="10 topics" style="font-size: 8pt;">admin</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/adobe/" class="tag-link-206" title="10 topics" style="font-size: 8pt;">adobe</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/array/" class="tag-link-49" title="10 topics" style="font-size: 8pt;">Array</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/click/" class="tag-link-908" title="13 topics" style="font-size: 9.9012345679012pt;">Click</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/client/" class="tag-link-1144" title="13 topics" style="font-size: 9.9012345679012pt;">client</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/code/" class="tag-link-20" title="37 topics" style="font-size: 17.333333333333pt;">code</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/com/" class="tag-link-863" title="18 topics" style="font-size: 12.148148148148pt;">com</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/creating/" class="tag-link-1734" title="11 topics" style="font-size: 8.6913580246914pt;">Creating</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/css/" class="tag-link-36" title="14 topics" style="font-size: 10.41975308642pt;">css</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/div/" class="tag-link-1098" title="11 topics" style="font-size: 8.6913580246914pt;">div</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/download/" class="tag-link-1660" title="14 topics" style="font-size: 10.41975308642pt;">download</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/everything/" class="tag-link-910" title="17 topics" style="font-size: 11.802469135802pt;">everything</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/file/" class="tag-link-1158" title="41 topics" style="font-size: 18.024691358025pt;">file</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/free/" class="tag-link-42" title="11 topics" style="font-size: 8.6913580246914pt;">free</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/function/" class="tag-link-813" title="47 topics" style="font-size: 19.061728395062pt;">Function</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/google/" class="tag-link-168" title="13 topics" style="font-size: 9.9012345679012pt;">google</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/idea/" class="tag-link-1233" title="13 topics" style="font-size: 9.9012345679012pt;">idea</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/images/" class="tag-link-6" title="14 topics" style="font-size: 10.41975308642pt;">Images</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/jquery/" class="tag-link-824" title="15 topics" style="font-size: 10.765432098765pt;">jquery</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/line/" class="tag-link-1016" title="15 topics" style="font-size: 10.765432098765pt;">line</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/link/" class="tag-link-510" title="23 topics" style="font-size: 13.876543209877pt;">link</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/lt/" class="tag-link-130" title="25 topics" style="font-size: 14.395061728395pt;">Lt</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/magazine/" class="tag-link-39" title="20 topics" style="font-size: 12.83950617284pt;">magazine</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/name/" class="tag-link-965" title="14 topics" style="font-size: 10.41975308642pt;">name</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/page/" class="tag-link-938" title="34 topics" style="font-size: 16.641975308642pt;">page</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/php/" class="tag-link-21" title="36 topics" style="font-size: 17.16049382716pt;">Php</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/piece/" class="tag-link-1043" title="14 topics" style="font-size: 10.41975308642pt;">piece</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/plugin/" class="tag-link-686" title="11 topics" style="font-size: 8.6913580246914pt;">plugin</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/post/" class="tag-link-15" title="20 topics" style="font-size: 12.83950617284pt;">post</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/search/" class="tag-link-484" title="12 topics" style="font-size: 9.2098765432099pt;">search</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/sidebar/" class="tag-link-54" title="10 topics" style="font-size: 8pt;">Sidebar</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/site/" class="tag-link-864" title="41 topics" style="font-size: 18.024691358025pt;">site</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/solution/" class="tag-link-227" title="11 topics" style="font-size: 8.6913580246914pt;">solution</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/something/" class="tag-link-879" title="20 topics" style="font-size: 12.83950617284pt;">something</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/style/" class="tag-link-1194" title="14 topics" style="font-size: 10.41975308642pt;">Style</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/tag/" class="tag-link-485" title="23 topics" style="font-size: 13.876543209877pt;">tag</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/text/" class="tag-link-275" title="10 topics" style="font-size: 8pt;">text</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/theme/" class="tag-link-112" title="19 topics" style="font-size: 12.493827160494pt;">theme</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/time/" class="tag-link-874" title="17 topics" style="font-size: 11.802469135802pt;">time</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/use/" class="tag-link-1017" title="18 topics" style="font-size: 12.148148148148pt;">use</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/version/" class="tag-link-893" title="14 topics" style="font-size: 10.41975308642pt;">version</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/way/" class="tag-link-1121" title="34 topics" style="font-size: 16.641975308642pt;">way</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/web/" class="tag-link-880" title="13 topics" style="font-size: 9.9012345679012pt;">web</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/wordpress/" class="tag-link-11" title="70 topics" style="font-size: 22pt;">WordPress</a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/wp/" class="tag-link-179" title="15 topics" style="font-size: 10.765432098765pt;">Wp</a></div> <div class="post"> <div class="thedate"><div class="month">Sep</div><div class="day">15</div><div class="year">2010</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/text-rotation-css3/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2010/09/rotatingtext.jpg" class="attachment-thumbnail wp-post-image" alt="Rotating Text" title="rotatingtext"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/text-rotation-css3/" class="maintitle">Text Rotation with CSS3</a></h2> <p class="clear">I’m working on a new design for Themes by bavotasan.com and I have been contemplating a few different approaches for some new buttons. This one fell by the wayside...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/text-rotation-css3/">Read More</a></p> <p class="comment-number"><span></span>0 comments</p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Jun</div><div class="day">22</div><div class="year">2010</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/get_theme_data-developing-custom-theme-wordpress/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2010/06/customtheme.jpg" class="attachment-thumbnail wp-post-image" alt="customtheme" title="customtheme"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/get_theme_data-developing-custom-theme-wordpress/" class="maintitle">Using get_theme_data() when Developing a Custom Theme for WordPress</a></h2> <p class="clear">If you are building a custom theme that you would like to add to the WordPress directory or start to sell online somewhere, a great function that can help...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/get_theme_data-developing-custom-theme-wordpress/">Read More</a></p> <p class="comment-number"><span></span>1 comment</p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Apr</div><div class="day">28</div><div class="year">2010</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/gradient-buttons-with-css3/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2010/04/gradientbutton.png" class="attachment-thumbnail wp-post-image" alt="gradientbutton" title="gradientbutton"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/gradient-buttons-with-css3/" class="maintitle">Gradient Buttons with CSS3</a></h2> <p class="clear">I have been having a lot of fun messing around with CSS3 and received a lot of emails since I posted my tutorial for Creating Shadows with CSS3. I...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/gradient-buttons-with-css3/">Read More</a></p> <p class="comment-number"><span></span>11 comments</p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Apr</div><div class="day">13</div><div class="year">2010</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/articles/8-jquery-plugins-improve-forms-look/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2010/04/niceform-sml.jpg" class="attachment-thumbnail wp-post-image" alt="niceform-sml" title="niceform-sml"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/articles/8-jquery-plugins-improve-forms-look/" class="maintitle">8 jQuery Plugins to Improve the Way your Forms Look</a></h2> <p class="clear">When it comes to forms, every browser displays inputs, select drop downs and buttons differently. You can style certain elements using CSS but things like radio buttons and checkboxes...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/articles/8-jquery-plugins-improve-forms-look/">Read More</a></p> <p class="comment-number"><span></span>4 comments</p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Mar</div><div class="day">22</div><div class="year">2010</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/tables-and-borders/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2010/03/blog-tables.jpg" class="attachment-thumbnail wp-post-image" alt="blog-tables" title="blog-tables"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/tables-and-borders/" class="maintitle">Tables and Borders</a></h2> <p class="clear">I have had a few people ask me, “How come when I create a table and set the border parameter to 1 it doesn’t actually display any borders?” Well,...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/tables-and-borders/">Read More</a></p> <p class="comment-number"><span></span>0 comments</p> </div> </div> <a href="https://web.archive.org/web/20100918011405/https://www.e-junkie.com/ecom/gb.php?cl=88539&c=ib&aff=93121" class="digwp"><img src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/themes/bavotasan-2010/images/digwp.jpg" alt="Digging into WordPress" width="468" height="60"/></a> <br class="clear"/> <div class="post"> <div class="thedate"><div class="month">Mar</div><div class="day">01</div><div class="year">2010</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/creating-shadows-css3/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2010/03/boxshadow2.jpg" class="attachment-thumbnail wp-post-image" alt="boxshadow2" title="boxshadow2"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/creating-shadows-css3/" class="maintitle">Creating Shadows with CSS3</a></h2> <p class="clear">CSS3 has introduced some cool effects that give you control over elements of design that were once only possible using images. One of the new effects I have been...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/creating-shadows-css3/">Read More</a></p> <p class="comment-number"><span></span>5 comments</p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Jan</div><div class="day">28</div><div class="year">2010</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/embedding-fonts-web-site-css-font-face/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2010/01/fontface.jpg" class="attachment-thumbnail wp-post-image" alt="Riesling font" title="Riesling font"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/embedding-fonts-web-site-css-font-face/" class="maintitle">Embedding Fonts in your Web Site with CSS and @font-face</a></h2> <p class="clear">One of the winners of a free copy of Magazine Premium (see this article) suggested implementing @font-face kits to the theme. I had read about @font-face but never actually...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/embedding-fonts-web-site-css-font-face/">Read More</a></p> <p class="comment-number"><span></span>10 comments</p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Dec</div><div class="day">29</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/a-clever-and-safe-way-to-display-your-email-address/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2009/12/email.jpg" class="attachment-thumbnail wp-post-image" alt="email" title="email"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/a-clever-and-safe-way-to-display-your-email-address/" class="maintitle">A Clever and Safe Way to Display your Email Address</a></h2> <p class="clear">There are many reason why you shouldn’t place your email address on a Web page; the number one being spambots. There are tons a spambots running around the Web...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/a-clever-and-safe-way-to-display-your-email-address/">Read More</a></p> <p class="comment-number"><span></span>10 comments</p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Aug</div><div class="day">04</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/how-to-use-the-important-declaration-in-css/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2009/08/csswild.jpg" class="attachment-thumbnail wp-post-image" alt="csswild" title="csswild"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/how-to-use-the-important-declaration-in-css/" class="maintitle">How to Use the Important Declaration in CSS</a></h2> <p class="clear">Sometimes when you are messing around with CSS, you can’t figure out why certain styles won’t stick. Most of the time, it’s because you are obviously doing something wrong,...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/how-to-use-the-important-declaration-in-css/">Read More</a></p> <p class="comment-number"><span></span>5 comments</p> </div> </div> <div class="post"> <div class="thedate"><div class="month">Apr</div><div class="day">22</div><div class="year">2009</div></div> <div class="image"> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/articles/a-new-comment-editor/"><img width="200" height="150" src="https://web.archive.org/web/20100918011405im_/http://bavotasan.com/wp-content/uploads/2009/04/commentpreview1.jpg" class="attachment-thumbnail wp-post-image" alt="commentpreview" title="commentpreview"/></a> </div> <div class="text"> <h2><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/articles/a-new-comment-editor/" class="maintitle">A New Comment Editor</a></h2> <p class="clear">I have had some requests to figure out a way that visitors of bavotasan.com could leave code and simple styling in their comments. I searched and searched and tried...</p> <p class="more-info"><span></span><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/articles/a-new-comment-editor/">Read More</a></p> <p class="comment-number"><span></span>8 comments</p> </div> </div> <div id="wp_page_numbers"><ul> <li class="page_info">Page 1 of 2</li><li></li><li class="active_page">1</li><li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/style/page/2/" title="2">2</a></li><li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tag/style/page/2/">»</a></li></ul></div> </div>  <div id="sidebar"> <div id="search"> <form method="get" id="searchform" action="https://web.archive.org/web/20100918011405/http://bavotasan.com/"> <div> <input type="text" class="search_input" value="Search" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"/> <input type="hidden" id="searchsubmit" value="Search"/> </div> </form> <div class="arrow"></div> </div> <div id="sideads">  <div id="bsap_1237633" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  <br class="clear"/>  <div id="bsap_1237624" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div>  </div> <br class="clear"/> <div class="line"></div> <div class="side-widget"> <h4>Most Popular Posts</h4> <ul class="wppp_list"> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/" title="Creating a Mouseover Fade Effect with jQuery ">Creating a Mouseover Fade Effect with jQuery </a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/a-simple-mouseover-hover-effect-with-jquery/" title="A Simple Mouseover Hover Effect with jQuery">A Simple Mouseover Hover Effect with jQuery</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/" title="Full Size Background Image jQuery Plugin">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/" title="Magazine Basic v2.6 WordPress Theme">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/retrieve-the-first-image-from-a-wordpress-post/" title="Retrieve and Display Images from a WordPress Post">Retrieve and Display Images from a WordPress Post</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/" title="How to Create a Twitter Feed on Your Web Site">How to Create a Twitter Feed on Your Web Site</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/limiting-the-number-of-words-in-your-excerpt-or-content-in-wordpress/" title="Excerpt or Content Word Limit in WordPress: Redux">Excerpt or Content Word Limit in WordPress: Redux</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/processing-multiple-forms-on-one-page-with-php/" title="Processing Multiple Forms on One Page with PHP">Processing Multiple Forms on One Page with PHP</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/turn-text-into-an-image-using-the-php-gd-library/" title="Turn Text into an Image using the PHP GD Library">Turn Text into an Image using the PHP GD Library</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/6-free-vinyl-record-vectors/" title="6 Free Vinyl Record Vectors">6 Free Vinyl Record Vectors</a></li> </ul> </div> <div id="affiliates-ads"> <a href="https://web.archive.org/web/20100918011405/http://themes.bavotasan.com/" class="themes"></a> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/" class="deletedupes"></a> <a href="https://web.archive.org/web/20100918011405/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest&page=7" class="inmotion"></a> </div> <div class="line"></div> <div class="side-widget redlink"> <h4>Get a Premium Theme for FREE</h4> <p><a href="https://web.archive.org/web/20100918011405/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest" class="wordpress-logo"></a>Don't have a Web site? How would you like to have WordPress and a <a href="https://web.archive.org/web/20100918011405/http://themes.bavotasan.com/category/premium-themes">Themes by bavotasan.com</a> Premium theme installed and configured for <em>FREE</em>? All you need to do is <a href="https://web.archive.org/web/20100918011405/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest">sign up with InMotion Hosting through this link</a>. <br/> <br/> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/free-premium-theme/" class="fr"><em>Click here for more information »</em></a> </p> </div> <div class="side-widget"> <h4>Support c.bavota</h4> <p>If you would like to support <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/">c.bavota</a> and <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/">bavotasan.com</a>, please use the donate link below. Any amount, even $1.00, is appreciated (a man's gotta eat, ya know).</p> <a href="https://web.archive.org/web/20100918011405/https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=5745952" id="donate" class="fr">Donate</a> </div> </div> </div> </div>  <div class="whiteline"></div> <div id="footer"> <div id="bottombar"> <a href="javascript:void(0)" class="backtotop">Back to Top<span></span></a> <div class="col col1"> <h4 class="one"><span></span>Stay in Touch</h4> <a href="https://web.archive.org/web/20100918011405/http://twitter.com/bavotasan" class="footer-twitter"><span></span>Follow me on Twitter</a><br/> <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/feed/" class="footer-rss"><span></span>Subscribe to my RSS Feed</a> <br class="clear"/> <h4 class="two"><span></span>Stay in Tune</h4> <div class="tweets"></div> </div> <div class="col col2"> <h4 class="three"><span></span>Downloads</h4> <ul> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/feed-me-seymour-free-wordpress-theme/">Feed Me, Seymour 1.2</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/sliderota-jquery-plugin/">Sliderota jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/easy-overlay-modal-window-jquery-plugin/">Easy Overlay Modal Window jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/snowblind-free-wordpress-theme/">Snowblind v1.1.2 Free WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/8-free-colorful-background-textures-for-designers/">8 Free Colorful Background Textures for Designers</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/">Stationery Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/illustrious-premium-wordpress-theme/">Illustrious Premium WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/">Delete Duplicate Posts Pro WordPress Plugin</a></li> </ul> </div> <div class="col col3"> <h4 class="four"><span></span>Tutorials</h4> <ul> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/text-rotation-css3/">Text Rotation with CSS3</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/adding-tweet-button-wordpress/">Adding a Tweet Button to WordPress</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/">Developing Themes for WordPress: Part 5</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/developing-themes-for-wordpress-options/">Developing Themes for WordPress: Part 4</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/developing-themes-for-wordpress-the-loop/">Developing Themes for WordPress: Part 3</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/developing-themes-for-wordpress-template-file/">Developing Themes for WordPress: Part 2</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/developing-themes-for-wordpress-part-1/">Developing Themes for WordPress: Part 1</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/optimization-tips-speed-up-site/">Optimization Tips to Speed Up Your Site</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/create-bit-ly-short-urls-for-your-posts-in-wordpress/">Create bit.ly Short URLs for your Posts in WordPress</a></li> <li><a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/tutorials/optimizing-your-mysql-database/">Optimizing your MySQL Database</a></li> </ul> </div> </div> </div> <div id="copyright"> <div id="copyright-wrapper"> Copyright © 2010 <a href="https://web.archive.org/web/20100918011405/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20100918011405/http://www.wordpress.org/">WordPress</a>. </div> </div> <script src="https://web.archive.org/web/20100918011405js_/http://stats.wordpress.com/e-201037.js" type="text/javascript"></script> <script type="text/javascript"> st_go({blog:'5317602',v:'ext',post:'0'}); var load_cmc = function(){linktracker_init(5317602,0,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <script type="text/javascript" src="https://web.archive.org/web/20100918011405js_/http://bavotasan.com/wp-content/themes/bavotasan-2010/js/coolstuff.js"></script> <script type="text/javascript"> hs.graphicsDir = 'https://web.archive.org/web/20100918011405/http://bavotasan.com/images/graphics/'; hs.outlineType = 'rounded-white'; hs.outlineWhileAnimating = true; hs.showCredits = false; </script>  </body> </html>