<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Create Button</title>
	<atom:link href="http://www.createbutton.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.createbutton.com</link>
	<description>Create buttons online - fast, easy, free!</description>
	<lastBuildDate>Mon, 19 Dec 2011 11:08:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>How to Make a Button</title>
		<link>http://www.createbutton.com/how-to-make-a-button/</link>
		<comments>http://www.createbutton.com/how-to-make-a-button/#comments</comments>
		<pubDate>Thu, 15 Dec 2011 19:09:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.createbutton.com/?p=210</guid>
		<description><![CDATA[Some people come to this page looking to make buttons for their clothing&#8230; while this site is primarily geared towards web developers and people who want to generate buttons, sprites or learn about how to create a button in HTML, we do not like to turn anyone away disappointed. So on this one posting, we [...]]]></description>
			<content:encoded><![CDATA[<p>Some people come to this page looking to make buttons for their clothing&#8230; while this site is primarily geared towards web developers and people who want to generate buttons, sprites or learn about how to create a button in HTML, we do not like to turn anyone away disappointed.</p>
<p>So on this one posting, we will have some information for those visitors who wish to make physical buttons or pins!<br />

          <p align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="450" height="450">
               <param name="movie" value="makebutton/how-to-make-a-button.swf" />
               <param name="quality" value="high" />
               <embed src="makebutton/how-to-make-a-button.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="450" height="450"></embed>
             </object>

</p>
           <p align="center"><a href="http://www.macromedia.com/go/getflashplayer/">Requires Flash Plug-In </a> </p>
           <p align="center"><a href="http://www.buttonbiz.com/" target="_blank" title="button maker">Button Maker</a> Demo Provided by ButtonBiz.com</p>
<p>
The folks at www.buttonbiz.com were kind enough to provide the above demo which shows how to create a button without the use of HTML :). Yes, they actually produce and sell machines that make buttons and pins. So in case you were curious, or in fact, were looking for that type of button, now you know where to go. 
<p>&nbsp;</p>
<hr />
<p>&nbsp;</p>
<h2>More Button Machines</h2>
<p>
<a href="http://www.amazon.com/gp/product/B00460OLLY/ref=as_li_qf_sp_asin_il?ie=UTF8&tag=mppl-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B00460OLLY" rel="nofollow" target="_blank" title="2&#188;&quot; Button Machine"><img border="0" src="http://ws.assoc-amazon.com/widgets/q?_encoding=UTF8&Format=_SL160_&ASIN=B00460OLLY&MarketPlace=US&ID=AsinImage&WS=1&tag=mppl-20&ServiceVersion=20070822" ></a><img src="http://www.assoc-amazon.com/e/ir?t=mppl-20&l=as2&o=1&a=B00460OLLY" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> &nbsp; <a href="http://www.amazon.com/gp/product/B002YKK1FS/ref=as_li_qf_sp_asin_il?ie=UTF8&tag=mppl-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B002YKK1FS" target="_blank" rel="nofollow" title="Neil Mini Button Machine"><img border="0" src="http://ws.assoc-amazon.com/widgets/q?_encoding=UTF8&Format=_SL160_&ASIN=B002YKK1FS&MarketPlace=US&ID=AsinImage&WS=1&tag=mppl-20&ServiceVersion=20070822" ></a><img src="http://www.assoc-amazon.com/e/ir?t=mppl-20&l=as2&o=1&a=B002YKK1FS" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> &nbsp; <a href="http://www.amazon.com/gp/product/B004492BPA/ref=as_li_qf_sp_asin_il?ie=UTF8&tag=mppl-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B004492BPA" rel="nofollow" target="_blank" title="3&quot; Button Maker"><img border="0" src="http://ws.assoc-amazon.com/widgets/q?_encoding=UTF8&Format=_SL160_&ASIN=B004492BPA&MarketPlace=US&ID=AsinImage&WS=1&tag=mppl-20&ServiceVersion=20070822" ></a><img src="http://www.assoc-amazon.com/e/ir?t=mppl-20&l=as2&o=1&a=B004492BPA" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
<a href="http://www.amazon.com/gp/product/B004GM2NIA/ref=as_li_qf_sp_asin_il?ie=UTF8&tag=mppl-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B004GM2NIA" target="_blank" rel="nofollow" title="Button Covering Press"><img src="http://www.createbutton.com/wp-content/uploads/2011/12/button-press2.jpg" alt="Button Press" title="Button Press" width="160" height="160" class="alignnone size-full wp-image-227" border="0" /> </a><img src="http://www.assoc-amazon.com/e/ir?t=mppl-20&l=as2&o=1&a=B004GM2NIA" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />



</p>
<p>&nbsp;</p>
<hr />
<p>&nbsp;</p>
<h2>Make a Button Online</h2>
<p>Zazzle lets you make your own buttons online, using their designs... so you can pick a customizable button from their catalog, add your text or other modifications, and you are done!

</p>
<p>
If you are more ambitious, you can even upload your own artwork, and create your button. Not only that, but you can offer your work for sale in Zazzle's global online marketplace and make money from your talents. Below are some samples of the types of buttons you can find in Zazzle's catalog of over 30 million articles!


<embed wmode="transparent" src="http://www.zazzle.com/utl/getpanel?zp=117319112401135810" FlashVars="feedId=117319112401135810" width="600" height="530" type="application/x-shockwave-flash"></embed><br/></p>
]]></content:encoded>
			<wfw:commentRss>http://www.createbutton.com/how-to-make-a-button/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Styling Buttons</title>
		<link>http://www.createbutton.com/styling-buttons/</link>
		<comments>http://www.createbutton.com/styling-buttons/#comments</comments>
		<pubDate>Thu, 08 Dec 2011 12:45:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://createbutton.com/wordpress/?p=1</guid>
		<description><![CDATA[Buttons can be styled using your CSS stylesheet, or even through the use of inline CSS. &#160; &#160;]]></description>
			<content:encoded><![CDATA[<p>Buttons can be styled using your CSS stylesheet, or even through the use of inline CSS.</p>
<p>
<style type="text/css">
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCf;
	background: #ccc; 
	padding: 2px 4px; 
	color: #333;
         cursor: pointer;
}
input.button:hover {
         border:1px solid #f00;
         background:#f44;
}
</style>
<input type="submit" value="Enter" class="button" onClick="window.open('http://www.createbutton.com/styledbutton.htm','mywindow','width=500,height=400,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=yes,left=600,top=50,screenX=600,screenY=50'); return false" />

<p>&nbsp;</p>
<hr />
<h1>Create CSS Buttons Tutorials</h1>
There are numerous great tutorials out there which will teach you how to create cool buttons and form elements with nothing more than CSS - no JavaScript or jQuery necessary! Here are some of our favorites:<br />
<p>&nbsp;</p>
All buttons should be styled the same or similar - everywhere on your page!<br />
<a href="http://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/" title="CSS Button Tutorial"><img src="http://www.createbutton.com/images/create-css-button.jpg" border="0" target="_blank" /></a>
<p>&nbsp;</p>
<hr />
<h3>Sliding Door Sprites</h3>
These are similar to our CSS Image sprites, but will contain text as opposed to text as an image.<br /><br />
<font size="-2"><i>Please click ONLY one if you must test...</i></font>
<style type="text/css">
.clear { /* generic container (i.e. div) for floating buttons */
     overflow: hidden;
     width: 100%;
 }

 a.button {
     background: transparent url('http://www.createbutton.com/images/bg_button_a.gif') no-repeat scroll top right;
     color: #444;
     display: block;
     float: left;
     font: normal 12px arial, sans-serif;
     height: 24px;
     margin-right: 6px;
     padding-right: 18px; /* sliding doors padding */
     text-decoration: none;
 }

 a.button span {
     background: transparent url('http://www.createbutton.com/images/bg_button_span.gif') no-repeat;
     display: block;
     line-height: 14px;
     padding: 5px 0 5px 18px;
 } 
a.button:active {
     background-position: bottom right;
     color: #000;
     outline: none; /* hide dotted outline in Firefox */
 }
 a.button:active span {
     background-position: bottom left;
     padding: 6px 0 4px 18px; /* push text down 1px */
 } 
</style>


<a class="button" href="#" onclick="this.blur(); window.open('http://www.createbutton.com/counter/dogcounter.php','mywindow','width=550,height=400,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=yes,left=600,top=50,screenX=600,screenY=50'); return false"><span>Kick a Puppy</span></a> <a class="button" href="#" onclick="this.blur(); window.open('http://www.createbutton.com/counter/catcounter.php','mywindow','width=550,height=350,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=yes,left=600,top=50,screenX=600,screenY=50'); return false"><span>Stomp a Cat</span></a> 

<p>&nbsp;</p>

<a class="button" href="http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html" onclick="this.blur();" target="_blank" title="No animals will be harmed by clicking this button"><span>Visit Tutorial</span></a>

<p>&nbsp;</p>
<hr />
<p>&nbsp;</p>
<h3>Another Sliding Door Button Tutorial</h3>
<style type="text/css">
a.bluebutton {
    /* Sliding right image */
    background: transparent url('http://www.createbutton.com/images/button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
a.bluebutton span {
/* Background left image */ 
background: transparent url('http://www.createbutton.com/images/button_left.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 7px 0 5px 18px;
} 
a.bluebutton:hover span{
text-decoration:underline;
}
</style>
<a class="bluebutton" href="http://www.jankoatwarpspeed.com/post/2008/04/30/make-fancy-buttons-using-css-sliding-doors-technique.aspx" target="_blank"><span>Visit</span></a> 

</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.createbutton.com/styling-buttons/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

