http://brightbacon.com/taxonomy/term/53/0 en http://brightbacon.com/blog/drupal/howto-lavalamp-menu-drupal-6 <div class="field field-type-filefield field-field-blog-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_blog_image" width="300" height="300" alt="" src="http://brightbacon.com/sites/default/files/blog_images/lava31HNDge3zdL._SL500_AA300_.jpg?1273636734" /> </div> </div> </div> <p>Today I got a tweet from <a href="https://twitter.com/ChristianHudon">@ChristianHudon</a> who had seen our Lavalamp menu implementation on <a href="http://b4blinds.com">b4blinds.com</a>:</p> <blockquote><p> @entendu I love this menu: <a href="http://www.b4blinds.com/" title="http://www.b4blinds.com/">http://www.b4blinds.com/</a> Care sharing howto? </p></blockquote> <p>So, Christian, here's how to:</p> <p><strong>First, javascript</strong><br /> Go <a href="http://plugins.jquery.com/project/lavalamp2">snag the jQuery Lavalamp plugin</a> and drop it in your <span class="geshifilter"><code class="text geshifilter-text">/misc</code></span> directory.</p> <div class="field field-type-number-integer field-field-blog-featured"> <div class="field-items"> <div class="field-item odd"> Featured </div> </div> </div> <p><a href="http://brightbacon.com/blog/drupal/howto-lavalamp-menu-drupal-6" target="_blank">read more</a></p> http://brightbacon.com/blog/drupal/howto-lavalamp-menu-drupal-6#comments Drupal background color background url backlava Blog software Computer programming Computing Content management systems Cross-platform software curved corners Drupal Ext HTML http://www.b4blinds.com implementation JavaScript JQuery js lavalamp menu menu html moz radius Scripting languages Software engineering source file transparent color tweet Wed, 12 May 2010 04:43:17 +0000 Domenic 23 at http://brightbacon.com http://brightbacon.com/blog/drupal/jquery-tab-background-template <div class="field field-type-filefield field-field-blog-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_blog_image" width="783" height="456" alt="" src="http://brightbacon.com/sites/default/files/blog_images/IndexTabs.jpg?1248312122" /> </div> </div> </div> <p>Like a lot of you, I've had to create many many backgrounds for <a href="http://stilbuero.de/jquery/tabs/">jQuery</a> <a href="http://stilbuero.de/jquery/tabs_3/">tabs</a>.</p> <p>I've mocked up a little template in Photoshop which should help make creation super-simple and fast. An example gradient is also included!</p> <div class="field field-type-filefield field-field-file"> <div class="field-label">Attachment:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <div class="filefield-file"><img class="filefield-icon field-icon-image-x-photoshop" alt="image/x-photoshop icon" src="http://brightbacon.com/sites/all/modules/filefield/icons/image-x-generic.png" /><a href="http://brightbacon.com/sites/default/files/jQuery-tabs-template.psd" type="image/x-photoshop; length=633410">jQuery-tabs-template.psd</a></div> </div> </div> </div> http://brightbacon.com/blog/drupal/jquery-tab-background-template#comments Drupal Work Adobe Photoshop background template gradient JQuery jquery tabs Raster graphics editors Tab Wed, 06 Aug 2008 00:41:01 +0000 Domenic 4 at http://brightbacon.com