Jump to content

kanchatchai

Members
  • Posts

    107
  • Joined

  • Last visited

Everything posted by kanchatchai

  1. I don't know How. But I Use This.<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>User Login Form</title><style type="text/css"><!--#login_block { width:233px; height:119px; z-index:1; border: 1px solid #F63; padding: 5px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #FFE7CE;}#login_title { margin: 0px 0px 10px 0px; padding: 1px; border: 1px solid #069; background-color: #ECF7FD;}--></style></head> <body><center><br /><br /><br /><br /><br /><br /><div id="login_block"> <form name="form1"> <div id="login_title">User Login </div> <table align="center"> <tr> <td><span>Email:</span></td> <td><input name="email" type="text" value="" /></td> </tr> <tr> <td><span>Pass:</span></td> <td><input name="password" type="password" value="" /></td> </tr> <tr><td colspan="2" style="text-align:center;"><label> <input type="reset" name="Reset" id="button" value="Reset" /> </label> <input name="Submit" type="submit" id="Submit" value="Submit" /></td></tr> </table> </form></div></center></body></html>
  2. Can you show Sample Input Output.
  3. /* Sample Topmenu From Twentyeleven WP*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}/* Assistive text */.assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);}#access a.assistive-text:active,#access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%;}/* =Header----------------------------------------------- */#branding { border-top: 2px solid #bbb; padding-bottom: 10px; position: relative; z-index: 9999;}#site-title { margin-right: 270px; padding: 3.65625em 0 0;}#site-title a { color: #111; font-size: 30px; font-weight: bold; line-height: 36px; text-decoration: none;}#site-title a:hover,#site-title a:focus,#site-title a:active { color: #1982d1;}#site-description { color: #7a7a7a; font-size: 14px; margin: 0 270px 3.65625em 0;}#branding img { height: auto; margin-bottom: -7px; width: 100%;}/* =Menu-------------------------------------------------------------- */#access { background: #222; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#252525, #0a0a0a); background: -o-linear-gradient(#252525, #0a0a0a); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */ background: -webkit-linear-gradient(#252525, #0a0a0a); -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; clear: both; display: block; float: left; margin: 0 auto 6px; width: 100%;}#access ul { font-size: 13px; list-style: none; margin: 0 0 0 -0.8125em; padding-left: 0;}#access li { float: left; position: relative;}#access a { color: #eee; display: block; line-height: 3.333em; padding: 0 1.2125em; text-decoration: none;}#access ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 99999;}#access ul ul ul { left: 100%; top: 0;}#access ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px;}#access li:hover > a,#access ul ul :hover > a,#access a:focus { background: #efefef;}#access li:hover > a,#access a:focus { background: #f9f9f9; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737;}#access ul li:hover > ul { display: block;}#access .current-menu-item > a,#access .current-menu-ancestor > a,#access .current_page_item > a,#access .current_page_ancestor > a { font-weight: bold;}
  4. <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Color Picker By Kanchatchai</title><script type="text/javascript"><!--function clickedColor(selObj){hex=selObj.options[selObj.selectedIndex].value;selObj.style.backgroundColor=hex;document.getElementById("colortext").value=hex;}//--></script></head><body><form id="form1" name="form1" method="GET" action=""><label>Select Your Color<select name="colorPicker1" id="colorPicker1" onchange="clickedColor(this)"> <?php$hexcolor = array("EFB4CF","FCB895","FCD192","E2D2C3","F7E5C1","FFEEA6","B3E5E1","ADE0B9","ABCECD","B7CFED","D4EAFC","ABE6ED","C9C9F7","D5BEFC","DAE1E5","BB8EA4","C49176","C3A475","B1A79C","C0B49A","C6BB85","8FB2B2","89AD92","87A4A5","92A5BC","A7B8C5","8AB1B9","A09FB6","A396B0","ACB2B7");foreach ($hexcolor as $mycolor){ $mycolor="#".$mycolor; echo '<option id="blockPink" value="'.$mycolor.'" style="background-color:'.$mycolor.'"'; if ((isset($_GET['colorPicker1']))&&($_GET['colorPicker1']==$mycolor)) echo ' selected="selected"'; echo '>'.$mycolor.'</option>'; } ?> </select></label> <input type="text" id="colortext" name="colortext" <?PHP if (isset($_GET['colorPicker1'])) echo 'value="'.$_GET['colorPicker1'].'"'; ?>><input type="submit" name="submit" id="button" value="OK" /></form>
  5. Or Use My Favorites Color. On First Code.<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css"><!--#block{width:250px;}#blockPink{background-color: #EFB4CF;border: 1px solid #BB8EA4;}#blockRed{background-color: #FCB895;border: 1px solid #C49176;}#blockOrange{background-color: #FCD192;border: 1px solid #C3A475;}#blockBrown{background-color: #E2D2C3;border: 1px solid #B1A79C;}#blockYellowOrange{background-color: #F7E5C1;border: 1px solid #C0B49A;}#blockYellow{background-color: #FFEEA6;border: 1px solid #C6BB85;}#blockBluegreen{background-color: #B3E5E1;border: 1px solid #8FB2B2;}#blockGreen{background-color: #ADE0B9;border: 1px solid #89AD92;}#blockBluegray{background-color: #ABCECD;border: 1px solid #87A4A5;}#blockVioletBlue{background-color: #B7CFED;border: 1px solid #92A5BC;}#blockGreenGray{background-color: #D4EAFC;border: 1px solid #A7B8C5;}#blockBlue{background-color: #ABE6ED;border: 1px solid #8AB1B9;}#blockLaver{background-color: #C9C9F7;border: 1px solid #A09FB6;}#blockPurple{background-color: #D5BEFC;border: 1px solid #A396B0;}#blockGray{background-color: #DAE1E5;border: 1px solid #ACB2B7;}--></style><title>Simple Color Picker</title></head><body><form id="form1" name="form1" method="GET" action=""><label>Select Your Color<select name="colorPicker1" id="select"><option id="blockPink" value="#EFB4CF"> blockPink </option><option id="blockRed" value="#FCB895"> blockRed </option><option id="blockOrange" value="#FCD192"> blockOrange </option><option id="blockBrown" value="#E2D2C3"> blockBrown </option><option id="blockYellowOrange" value="#F7E5C1"> blockYellowOrange </option><option id="blockYellow" value="#FFEEA6"> blockYellow </option><option id="blockBluegreen" value="#B3E5E1"> blockBluegreen </option><option id="blockGreen" value="#ADE0B9"> blockGreen </option><option id="blockBluegray" value="#ABCECD"> blockBluegray </option><option id="blockVioletBlue" value="#B7CFED"> blockVioletBlue </option><option id="blockGreenGray" value="#D4EAFC"> blockGreenGray </option><option id="blockBlue" value="#ABE6ED"> blockBlue </option><option id="blockLaver" value="#C9C9F7"> blockLaver </option><option id="blockPurple" value="#D5BEFC"> blockPurple </option><option id="blockGray" value="#DAE1E5"> blockGray </option></select></label><input type="submit" name="submit" id="button" value="OK" /></form> <?PHPif (isset($_GET['colorPicker1']))echo 'Selected Color: <input type="text" name="selectedcolor" style="background-color:'.$_GET['colorPicker1'].'" value= "'.$_GET['colorPicker1'].'">';?> </body></html>
  6. SOME PHP CODE.<form id="form1" name="form1" method="GET" action=""><label>Select Your Color<select name="colorPicker1" id="select" <?PHP if (isset($_GET['colorPicker1'])) echo ' style="background-color:'.$_GET['colorPicker1'].'"'; ?>><?php$r=0;while ($r <= 15){ $g=0; while ($g <= 15) { $b=0; while ($b <= 15) { $mycolor=dechex($r).dechex($r).dechex($g).dechex($g).dechex($b ).dechex($b ); echo '<option id="blockPink" value="'.$mycolor.'" style="background-color:'.$mycolor.'"'; if ((isset($_GET['colorPicker1']))&&($_GET['colorPicker1']==$mycolor)) echo ' selected="selected"'; echo '>#'.$mycolor.'</option>'; $b = $b+2; } $g = $g+2; } $r = $r+2;}?></select></label><input type="submit" name="submit" id="button" value="OK" /></form>
  7. <!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"><!--#block{width:250px;}#blockPink{ background-color: #EFB4CF; border: 1px solid #BB8EA4;}#blockRed{ background-color: #FCB895; border: 1px solid #C49176;}#blockOrange{ background-color: #FCD192; border: 1px solid #C3A475;}#blockBrown{ background-color: #E2D2C3; border: 1px solid #B1A79C;}#blockYellowOrange{ background-color: #F7E5C1; border: 1px solid #C0B49A;}#blockYellow{ background-color: #FFEEA6; border: 1px solid #C6BB85;}#blockBluegreen{ background-color: #B3E5E1; border: 1px solid #8FB2B2;}#blockGreen{ background-color: #ADE0B9; border: 1px solid #89AD92;}#blockBluegray{ background-color: #ABCECD; border: 1px solid #87A4A5;}#blockVioletBlue{ background-color: #B7CFED; border: 1px solid #92A5BC;}#blockGreenGray{ background-color: #D4EAFC; border: 1px solid #A7B8C5;}#blockBlue{ background-color: #ABE6ED; border: 1px solid #8AB1B9;}#blockLaver{ background-color: #C9C9F7; border: 1px solid #A09FB6;}#blockPurple{ background-color: #D5BEFC; border: 1px solid #A396B0;}#blockGray{ background-color: #DAE1E5; border: 1px solid #ACB2B7;}--> </style><title>Simple Color Picker</title></head> <body> <form id="form1" name="form1" method="GET" action=""> <label>Select Your Color <select name="colorPicker1" id="select"><option id="blockPink" value="blockPink"> blockPink </option><option id="blockRed" value="blockRed"> blockRed </option><option id="blockOrange" value="blockOrange"> blockOrange </option><option id="blockBrown" value="blockBrown"> blockBrown </option><option id="blockYellowOrange" value="blockYellowOrange"> blockYellowOrange </option><option id="blockYellow" value="blockYellow"> blockYellow </option><option id="blockBluegreen" value="blockBluegreen"> blockBluegreen </option><option id="blockGreen" value="blockGreen"> blockGreen </option><option id="blockBluegray" value="blockBluegray"> blockBluegray </option><option id="blockVioletBlue" value="blockVioletBlue"> blockVioletBlue </option><option id="blockGreenGray" value="blockGreenGray"> blockGreenGray </option><option id="blockBlue" value="blockBlue"> blockBlue </option><option id="blockLaver" value="blockLaver"> blockLaver </option><option id="blockPurple" value="blockPurple"> blockPurple </option><option id="blockGray" value="blockGray"> blockGray </option> </select> </label><input type="submit" name="submit" id="button" value="OK" /></form><div id="block"><?PHP if (isset($_GET['colorPicker1'])) echo '<div id="'.$_GET['colorPicker1'].'">Selected Color: '.$_GET['colorPicker1'].'</div>';?></div></body></html>
×
×
  • Create New...