Aces

<div id="blogpost" style="text-align:left;"> <h1>Image ColorMatch Tool - Layout Color-Picker</h1> <h3>by Fran Corpier</h3> <h4>Add a link to this post to your page. <div class="bloglinkbackcode"><a href="http://yuwie-on.blogspot.com/2008/08/image-colormatch-tool-yuwie-layout.html">Image ColorMatch Tool - Layout Color-Picker, <span style="font-size:88%;">by Fran Corpier</span></a></div>Copyright 2008, Fran Corpier.</h4> <p><span class="drkemph">Topics:</span> <a href="#tutorial">Tutorial Movie (toggle display on off with link)</a> | <a href="#toolsandbox">Image Color Match Tool and Picture Sandbox</a></p> <hr noshade="noshade" /> <div> <div id="tutorial" style="width:410px;margin:50px auto;text-align:center;"> <h3><a href="#tutorial" onclick="if(document.getElementById){if(document.getElementById('howtomov').style.display=='none'){document.getElementById('howtomov').style.display='block';}else{document.getElementById('howtomov').style.display='none';}};return false">Tutorial Movie</a><br><span style="color:#f00;font-size:10px;font-family:Sans-serif;">(toggle)</span></h3><div id="howtomov" style="display:none;"><embed src="http://www.bigeuniverse.com/itty-color/colormatch-demo.swf" quality="high" bgcolor="#ffffff" width="470" height="515" name="colormatch-demo" id="colormatch-demo" base="http://www.bigeuniverse.com/itty-color/" align="middle" loop="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></div></div> <h2>Display Your Image</h2> <form id="imgtaggen" name="imgtaggen"> <table width="404" cellpadding="3" cellspacing="0" border="1"> <tr><td>complete url</td><td><input type="text" name="imgsrc" value="" size="28" maxlength="200"></td></tr> <tr><td colspan="2"><span style="font-size:11px;">ex. http://pictures.yuwie.com/content/profile/pictures/pics/188/1888389.jpg</span></td></tr> <!--str=str.replace(/\=/,'%3D');str=str.replace(/&/, '%26'); --> <tr><td colspan="2"><input type="button" name="submitbtn" value="display image" onclick="displaySampleImage(this.form)"></td><td> </td></tr></table></form> <p style="font-size:11px;">ex. http://pictures.yuwie.com/content/profile/pictures/pics/188/1888390.jpg</p> <div style="width:250px;"> <div style="width:100px;margin:10px;padding:2px;background-color:wheat;color:darkslategray;border-top:1px solid seashell;border-right:thin solid #333;border-bottom:thin solid #333;border-left:1px solid seashell;text-align:center;font-size:90%;margin:0 0 15px;float:left;"><a href="http://www.bigeuniverse.com/itty-color/" onclick="openIttyColor() ;return false" style="text-decoration:underline;" target="rem">Itty ™ Color</a></div> <div style="float:right;vertical-align:middle;"> <div style="width:102px;margin:0 auto;text-align:center;"> <img align="middle" alt="works in Internet Explorer" src="http://www.bigeuniverse.com/images/icons/browsers/ie.png" style="width:16px;height:16px;padding:0 2px;"> <img align="middle" alt="works in Firefox" src="http://www.bigeuniverse.com/images/icons/browsers/firefox-64x64.png" style="width:20px;height:20px;padding:0 2px;"> <img align="middle" alt="works in Safari" src="http://www.bigeuniverse.com/images/icons/browsers/safari-6464.gif" style="width:20px;height:20px;padding:0 2px;"> <img align="middle" alt="works in Opera" src="http://www.bigeuniverse.com/images/icons/browsers/opera.png" style="width:16px;height:16px;padding:0 2px;"> <img align="middle" alt="works in Moxilla" src="http://www.bigeuniverse.com/images/icons/browsers/mozilla.png" style="width:16px;height:16px;padding:0 5px;"> <img align="middle" alt="works in Netscape Navigator" src="http://www.bigeuniverse.com/images/icons/browsers/nav9.png" style="width:20px;padding:0 2px;"></div> <div style="width:102px;margin:5px auto;text-align:center;border-top:1px solid #789;"><img align="bottom" alt="works in both Mac and Windows" height="50" src="http://www.bigeuniverse.com/images/icons/browsers/apple-windows-icons.png" width="102"></div> </div> <p style="width:100px;margin:10px 0;padding:2px;background-color:transparent;color:darkslategray;">opens in a new window</p> </div> <div style="clear:both;margin:50px 0 20px 50px;"> <form id="bgcolorform" onSubmit="alert(document.getElementById('magiccode').style.backgroundColor)">Paste Color code here: <input type="text" name="chex" value="" size="10" maxlength="6"> <input type="button" name="submit" value="see background color" onclick="seeBackgroundColor(this.form)"> <div id="magiccode1"> </div> </form> </div> <div id="magiccode0" style="background-color:transparent;width:500px;min-height:400px;padding:20px;"> </div> <div style="font-size:10px;">Browser compatibility: IE6.2 Win; Firefox 2.0 Win/Mac; Safari 2.0 Mac; Opera 9.26 Win, 9.23 Mac, 8.5 Win*; Mozilla, Netscape 9.0 Win/Mac -||- *note, Opera 8.5 restricted to clicking. Linux browsers not tested, but Konqueror, Mozilla, and Opera browsers should work.</div> </div> <hr style="margin:4em 0 0;width:96%;text-align:left;"> <p><span style="font-weight:bold;text-decoration:underline;">About the author:</span> Fran Corpier has owned and operated service companies servicing the network marketing and more recently internet affiliated industries, since 1998. Her database-driven applications have been used for the administration of products, services, and data for members of popular organizations. She has had the unique perspective of studying thousands of promotions and management styles by different companies, and their effects on their agents; as well application adoption by users.</p> <p>Fran: <em>"Even I make time for Yuwie. If you're not a member of Yuwie, please join me."</em> <br><a href="http://r.yuwie.com/frannieann">See the video. Yuwie is free and fun</a>.</p> <p>You: <em>"Okay."</em></p> <h4>Add a link to this post to your page. <div class="bloglinkbackcode"><a href="http://yuwie-on.blogspot.com/2008/08/image-colormatch-tool-yuwie-layout.html">Image ColorMatch Tool - Layout Color-Picker, <span style="font-size:88%;">by Fran Corpier</span></a></div>Copyright 2008, Fran Corpier.</h4> <hr style="margin-left:0;width:96%;text-align:left;" /> <p><br /><br /></p></div> <script type="text/javascript"> function displaySampleImage(form) { dohex=function(str) { str=str.replace(/ /,'%20'); str=str.replace(/%[^0-9]/,'%25'); return str; }; var r=dohex(form.imgsrc.value); r='<img src="'+r+'">'; document.getElementById('magiccode0').innerHTML='<br /> <br />'+r; } function seeBackgroundColor(form) { document.getElementById('magiccode0').style.backgroundColor='#'+form.chex.value; document.getElementById('magiccode1').innerHTML='style definition: <code>background-color: #'+form.chex.value+'\;<'+'/'+'code>'; } function openIttyColor() { var z5, w5=window; z5=w5.open('http://www.bigeuniverse.com/itty-color/','rem','width=305,height=285,bookmarkbar,resizable'); z5.focus(); } </script>