<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/ebf125f7-51a3-4577-a8a6-52c13993cde9/DF7DAB19-CA38-4C6E-91E0-59BF93AAFBCB/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.stripegenerator.com/index.php?page=index" href="http://www.stripegenerator.com/index.php?page=index" style="font-size: 11px;">www.stripegenerator.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.stripegenerator.com/index.php?page=index"><DIV id="theMachine"> <DIV id="tip">TIP: Stripes with linear gradient are best for headers and footers</DIV> <DIV id="tools"> <UL id="tools_list"> <li style="margin-left:16px;padding-left: 0px;"><DIV class="command">stripe size</DIV><DIV class="icon"><IMG src="http://www.stripegenerator.com/images/icon_stripe_size.gif" /></DIV><DIV class="widget" id="stripe_size_container"><DIV class="slider"><DIV class="slider_left"></DIV><DIV class="slider_center" id="stripe_size"><DIV class="slider_handle" id="stripe_size_handle"></DIV></DIV><DIV class="slider_right"></DIV></DIV><INPUT type="text" class="slider_input" id="stripe_size_input" name="stripe_size_input" value="1" maxlength="2" /></DIV></LI><li style="margin-left:16px;padding-left: 0px;"><DIV class="command">spacing</DIV><DIV class="icon"><IMG src="http://www.stripegenerator.com/images/icon_spacing.gif" /></DIV><DIV class="widget" id="spacing_container"><DIV class="slider"><DIV class="slider_left"></DIV><DIV class="slider_center" id="spacing"><DIV class="slider_handle" id="spacing_handle"></DIV></DIV><DIV class="slider_right"></DIV></DIV><INPUT type="text" class="slider_input" id="spacing_input" name="spacing_input" value="1" maxlength="2" /></DIV></LI><li style="margin-left:16px;padding-left: 0px;"><DIV class="command">stripe color(s)</DIV><DIV class="icon"><IMG src="http://www.stripegenerator.com/images/icon_stripe_color0.gif" /></DIV><DIV class="widget" id="stripe_color0_widget"><IMG class="color_picker_thumb" id="stripe_color0" src="http://www.stripegenerator.com/images/colorFrame.gif" /><INPUT type="text" value="ff0000" class="color_picker_input" maxlength="6" id="stripe_color0_input" /><A class="color_picker_link" href="javascript:wizard.addStripeColor('ff0000')">[add color]</A><DIV><DIV class="widget" id="stripe_color1_widget"><IMG class="color_picker_thumb" id="stripe_color1" src="http://www.stripegenerator.com/images/colorFrame.gif" /><INPUT type="text" value="ff0000" class="color_picker_input" maxlength="6" id="stripe_color1_input" /><A id="stripe_color1_remove" class="color_picker_link" href="javascript:alert('This link contains javascript. Please visit the clip source to follow this link.');" target="_self">[remove]</A></DIV></DIV></DIV></LI><li style="margin-left:16px;padding-left: 0px;"><DIV class="command">background style</DIV><DIV class="icon"><IMG id="bgtype_0" src="http://www.stripegenerator.com/images/icon_bgtype_0.gif" checkboxvalue="0" class="" /><IMG id="bgtype_3" src="http://www.stripegenerator.com/images/icon_bgtype_3.gif" checkboxvalue="3" class="" /><IMG id="bgtype_4" src="http://www.stripegenerator.com/images/icon_bgtype_4.gif" checkboxvalue="4" class="icon_selected" /></DIV><DIV class="widget"></DIV><INPUT type="hidden" id="bgtype" name="bgtype" value="4" /></LI><LI id="shadow_container"><DIV class="command">shadow</DIV><DIV class="icon"><IMG src="http://www.stripegenerator.com/images/icon_shadow_size.gif" /></DIV><DIV class="widget" id="shadow_size_container"><DIV class="slider"><DIV class="slider_left"></DIV><DIV class="slider_center" id="shadow_size"><DIV class="slider_handle" id="shadow_size_handle"></DIV></DIV><DIV class="slider_right"></DIV></DIV><INPUT type="text" class="slider_input" id="shadow_size_input" name="shadow_size_input" value="0" maxlength="2" /></DIV></LI><LI id="gradient_container"><DIV class="command">gradient height</DIV><DIV class="icon"><IMG src="http://www.stripegenerator.com/images/icon_gradient_height.gif" /></DIV><DIV class="widget" id="gradient_height_container"><DIV class="slider"><DIV class="slider_left"></DIV><DIV class="slider_center" id="gradient_height"><DIV class="slider_handle" id="gradient_height_handle"></DIV></DIV><DIV class="slider_right"></DIV></DIV><INPUT type="text" class="slider_input" id="gradient_height_input" name="gradient_height_input" value="30" maxlength="3" /></DIV></LI><li style="margin-left:16px;padding-left: 0px;"><DIV class="command">background color(s)</DIV><DIV class="icon"><IMG src="http://www.stripegenerator.com/images/icon_background_color1.gif" /></DIV><DIV class="widget" id="background_color1_widget"><IMG class="color_picker_thumb" id="background_color1" src="http://www.stripegenerator.com/images/colorFrame.gif" /><INPUT type="text" value="ffffff" class="color_picker_input" maxlength="6" id="background_color1_input" /><DIV class="widget" id="background_color2_widget"><IMG class="color_picker_thumb" id="background_color2" src="http://www.stripegenerator.com/images/colorFrame.gif" /><INPUT type="text" value="ff0000" class="color_picker_input" maxlength="6" id="background_color2_input" /></DIV></DIV></LI><li style="margin-left:16px;padding-left: 0px;"><DIV class="command">stripe orientation</DIV><DIV class="icon"><IMG id="orientation_0" src="http://www.stripegenerator.com/images/icon_orientation_0.gif" checkboxvalue="0" class="icon_selected" /><IMG id="orientation_1" src="http://www.stripegenerator.com/images/icon_orientation_1.gif" checkboxvalue="1" /><IMG id="orientation_2" src="http://www.stripegenerator.com/images/icon_orientation_2.gif" checkboxvalue="2" /><IMG id="orientation_3" src="http://www.stripegenerator.com/images/icon_orientation_3.gif" checkboxvalue="3" /></DIV><DIV class="widget"></DIV><INPUT type="hidden" id="orientation" name="orientation" value="0" /></LI></UL> <INPUT type="hidden" value="ff0000,ff0000" id="fore" name="fore" /> </DIV> <DIV id="preview"> preview <DIV id="tile_size">Tile size: 80px * 80px</DIV> <DIV id="previewBox"> <IMG src="http://www.stripegenerator.com/images/preview_loader.gif" id="preview_loader" /> <IMG src="http://www.stripegenerator.com/images/preview_frame.gif" id="preview_frame" /> <DIV id="tile_preview_container"> <DIV id="tile_preview"> </DIV> </DIV> <IMG src="http://www.stripegenerator.com/images/refresh.png" id="preview_refresher" /> </DIV> <DIV> <IMG src="http://www.stripegenerator.com/images/checked.gif" id="tile_show_style" /> Tiled </DIV> <A href="#" id="download_link"> <IMG id="download" src="http://www.stripegenerator.com/images/download.gif" /> </A> </DIV> <DIV></DIV> <DIV id="google_ads"> </DIV> <DIV id="tutorial"> <DIV id="tutorial_title"> 15 seconds how-to </DIV> <OL> <li style="margin-left:16px;padding-left: 0px;"> Play with sliders and color pickers, until you obtain a super-cool stripe tile </LI> <li style="margin-left:16px;padding-left: 0px;"> Press "Download" to save your creation </LI> <li style="margin-left:16px;padding-left: 0px;"> Edit your css adding this line to the element you want to stripe: <DIV class="code">background-image: url("path-to-stripe.png");</DIV> If you want to only repeat horizontally your tile (as in the case of tiles with gradient), you must add this line too: <DIV class="code">background-repeat: repeat-x;</DIV> </LI> </OL> </DIV> <DIV id="bookmark_links"> Spread the word! <A target="_blank" title="Post to Del.icio.us" href="http://del.icio.us/post?v=2&url=http:%2F%2Fwww.stripegenerator.com&title=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Del.icio.us" src="http://www.stripegenerator.com/images/bookmarks/icons/delicious.jpg" /> </A> <A target="_blank" title="Post to Furl" href="http://www.furl.net/storeIt.jsp?t=Generate%20seamless%20striped%20background%20images&u=http:%2F%2Fwww.stripegenerator.com"> <IMG border="0" alt="Post to Furl" src="http://www.stripegenerator.com/images/bookmarks/icons/furl.jpg" /> </A> <A target="_blank" title="Post to Google" href="http://www.google.com/bookmarks/mark?op=add&bkmk=http:%2F%2Fwww.stripegenerator.com&title=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Google" src="http://www.stripegenerator.com/images/bookmarks/icons/google.jpg" /> </A> <A target="_blank" title="Post to Ma.gnolia" href="http://ma.gnolia.com/bookmarklet/add?url=http:%2F%2Fwww.stripegenerator.com&title=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Ma.gnolia" src="http://www.stripegenerator.com/images/bookmarks/icons/magnolia.jpg" /> </A> <A target="_blank" title="Post to Netscape" href="http://www.netscape.com/submit/?U=http:%2F%2Fwww.stripegenerator.com&T=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Netscape" src="http://www.stripegenerator.com/images/bookmarks/icons/netscape.jpg" /> </A> <A target="_blank" title="Post to Newsvine" href="http://www.newsvine.com/_tools/seed&save?u=http:%2F%2Fwww.stripegenerator.com&h=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Newsvine" src="http://www.stripegenerator.com/images/bookmarks/icons/newsvine.jpg" /> </A> <A target="_blank" title="Post to Reddit" href="http://reddit.com/submit?url=http:%2F%2Fwww.stripegenerator.com&title=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Reddit" src="http://www.stripegenerator.com/images/bookmarks/icons/reddit.jpg" /> </A> <A target="_blank" title="Post to Slashdot" href="http://slashdot.org/bookmark.pl?url=http:%2F%2Fwww.stripegenerator.com&title=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Slashdot" src="http://www.stripegenerator.com/images/bookmarks/icons/slashdot.jpg" /> </A> <A target="_blank" title="Post to Spurl" href="http://www.spurl.net/spurl.php?url=http:%2F%2Fwww.stripegenerator.com&title=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Spurl" src="http://www.stripegenerator.com/images/bookmarks/icons/spurl.jpg" /> </A> <A target="_blank" title="Post to Technorati" href="http://technorati.com/faves?add=http:%2F%2Fwww.stripegenerator.com&title=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Technorati" src="http://www.stripegenerator.com/images/bookmarks/icons/technorati.jpg" /> </A> <A target="_blank" title="Post to Blinklist" href="http://blinklist.com/index.php?Action=Blink/addblink.php&URL=http:%2F%2Fhitask.com&title=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Post to Blinklist" src="http://www.stripegenerator.com/images/bookmarks/icons/blinklist.gif" /> </A> <A target="_blank" title="Digg!" href="http://digg.com/submit?phase=2&URL=http:%2F%2Fstripegenerator.com&title=Generate%20seamless%20striped%20background%20images"> <IMG border="0" alt="Digg!" src="http://www.stripegenerator.com/images/bookmarks/icons/digg.gif" /> </A> </DIV> </DIV></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/DF7DAB19-CA38-4C6E-91E0-59BF93AAFBCB/blog/" title="blog or email this clip"><img src="http://content9.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

New from the makers of Clipmarks:  Amplify.com - Don't just share the news...Amplify it!