CINXE.COM

<!Doctype html><Html> <head><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> <style id=mainCSS>TD {font-size:10pt}</style><script>var TDCSS=document.styleSheets.item("mainCSS");var Rules;if (TDCSS.rules) Rules=TDCSS.rules;else Rules=TDCSS.cssRules;</script> <base href="https://www.thefreelibrary.com/"/> <meta http-equiv="content-language" content="EN-US"> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <title>Tools For Webmasters - Free Online Library</title> <meta name="description" content="Free Online Library: Copy-and-paste code for webmasters - search box, linking"> <meta name="Keywords" content=""> <style>a{color:#064c82} A IMG{border:0} A:visited{COLOR:#666666} BODY{MARGIN:0px;FONT-FAMILY:Arial;BACKGROUND-COLOR:white;font-size:smaller} .bodyborder{margin-left:30px;margin-right:30px;background-color:transparent;overflow: auto} .social-list{overflow:hidden;white-space:nowrap;margin-top:10px;min-width:240px} .fb-like-wrapper{height:25px;display:inline-block;vertical-align:top} #topsec{display:table} #logo{display:table-cell;padding:15px 22px 15px 0;font-size:.8em;width:212px;text-align:center} #f1{display:table-cell;width:98%;vertical-align:middle} #login{display:table-cell} #right_top{display:table-cell;padding:0;width:140px;text-align:right;vertical-align:top} #topline{display:block;text-align:right;font-size:8pt;white-space:nowrap} #topline img{border:none;width:14px;height:14px} .subtopics-cont {background-color: white;float: left;width: 300px;margin-top: 10px} .articles-cont {background-color: white;margin-left: 310px} .author-list {column-count: 3} .author-list div {margin-bottom: 10px} .auth-body {background-color: white;padding: 0 20px 20px 20px} @media (max-width:760px){ #logo{padding-right:0} .fb-like-wrapper{display:block;margin-top:10px} #topline{display:none} .social-list{min-width:0} #right_top{width:100%} #f1 input[type="text"]{width:180px;margin:10px 20px 10px 0} #f1{display:block;position:absolute;top:110px;left:6px;z-index:10;text-align:center} #top_nav{display:none} #content_div{margin-top:90px} .subtopics-cont {float: none;width: 100%} .articles-cont {margin-left: 0} ul.nav_topics {max-height: 300px;overflow: auto} .author-list {column-count: 2} } @media (max-width:530px) { .author-list {column-count: 1} } div.main_content{background-image:url(/_/static/bg.gif);background-color:#EFEFEF;padding:10px 0 10px 0;position:relative;/* important for display of floats! */} .body{background-color:white;padding:0 20px 20px 20px;max-width: 708px} .clear{clear:both;overflow:hidden} table{margin:0;padding:0;border:none;border-collapse: collapse} td{vertical-align:top} div.separator1 div{border-bottom:#CCCCCC 1px dashed;margin:10px 0 10px 0} div.separator1{font-size:1px} .count{font-size:.8em;font-weight:normal} .pub_date {background-color:white;margin:0 0 40px 0} .pub_date td {padding:0 20px 20px 20px} .pub_date .year{font-size:1.3em;margin-top:12px} .pub_date .months{margin-left:12px} .pub_date .months A {white-space:nowrap} .cal_years{background-color:white;border:white 10px solid;margin-bottom:40px} table.cal_years th{font-weight:bolder;font-size:larger;background-color:#DEDFDE} table.cal_years td {color:#CCCCCC;padding:5px 3px;font-size:1em} .dv_years {padding-left: 20px;padding-bottom: 15px;overflow: auto;background-color: white;max-width: 728px} .dv_years div {float: left;padding: 5px} div.cal_month{background-color:white; margin-bottom:40px;width:15em} div.cal_month table{background-color:white;border:white 20px solid} div.cal_month th{font-size:.9em;font-weight:normal;color:#CCCCCC;padding-right:5px;text-align:right} div.cal_month td{color:#CCCCCC;font-size:1em} div.cal_days{margin-bottom:40px} div.cal_days TABLE{background-color:white;border-left:white 20px solid;border-right:white 20px solid;border-bottom:white 17px solid;border-top:white 15px solid} div.cal_days th{font-weight:bolder;padding-top:3px;border:1px solid #CCCCCC;color:#CCCCCC} div.cal_days td{font-size:medium;text-align:right;padding:3px 5px} div.cal_days_hl{padding:16px 0 15px 0} div.cal_days_hl TABLE{background-color:#EFEFEF;border-left:#EFEFEF 20px solid;border-right:#EFEFEF 20px solid;border-bottom:#EFEFEF 17px solid;border-top:#EFEFEF 15px solid} div.cal_days_hl th{font-weight:bolder;padding-top:3px;border:1px solid #85A8C2;color:#85A8C2;text-align:center} div.cal_days_hl td{font-size:medium;text-align:right;padding:3px 5px} .cal_hl {background-color:#EFEFEF;margin:-1px} .cal_head {font-weight:bold; color:#000000; text-align:center} div.cal_mname {width:130px} #menu { background-color:#FFFFFF; font-size:1.1em; margin: 0 0 12px 0; padding:13px 0; width:100%;white-space:nowrap} #menu strong {margin: 0 20px 0 26px; padding:13px 0;} #menu a, #menu a:visited, #menu .active{color:#064c82; font-size:1.3em; padding:13px 16px;} #menu .active {background-color:#85A8C2; color:#FFFFFF!important; text-decoration:none;} #menu_block { background-color:#FFFFFF; font-size:1.1em; margin:4px; padding:4px;} #menu_block strong {margin:4px; padding:4px;} #menu_block a, #menu_block a:visited, #menu_block .active{color:#064c82; font-size:1.3em; padding:4px;margin:4px; display:block;} #menu_block .active {background-color:#85A8C2; color:#FFFFFF!important; text-decoration:none;} #bottom_nav p {margin:0 0 0 5px} Label{font-weight:normal} .tbl {padding: 0;border-collapse: collapse} .results{background-color:white;border:white 15px solid;border-top:white 10px solid;padding:0;border-collapse:collapse} TABLE.results th{text-align:left;padding:5px 4px 5px 6px;font-size:.8em} TABLE.results td{padding:4px 5px 7px 7px} TABLE.results tr.odd{background-color:#F8F8F8} TABLE.results IMG{margin-left:3px} th.words, td.words{text-align:right} td.date{text-align:right} A.date{white-space:nowrap} A.disabled {color:gray;text-decoration:none} span.resultscount{padding:0 20px 0 20px;background-color:white} span.resultscount A, div.resultscount A:visited{color:#064c82} span.resultscount IMG{border:0;margin-bottom:-1px;width:9px;height:9px} .prevnext{margin:0 0 0 10px;font-weight:bold} #article_text{background-color:white;padding:0 10px 10px 20px;min-width:600px;display:table-cell} #article_title{padding:15px 0 0 0} #article_footer{padding:15px 0 0 0} #article_cp{padding:0 0 0 10px;display:table-cell;width:300px} #article_cp table, table.hp_browse{border:10px solid white} #article_cp caption, .hp_browse caption, .hp_module .head{text-align:left;font-size:1.2em;font-weight:bold;background-color:#85A8C2;color:white;padding:3px 5px 3px 9px} #article_cp td.tools{padding:0 10px 10px 0;font-size:.8em;white-space:nowrap} #article_cp .tools a{font-size:.8em;padding:0 1px 0 0} #article_cp .tools img{padding:0 2px 0 0;vertical-align:middle} #article_cp .even{background-color:white} .odd{background-color:#f6faff} #article_cp th, #article_cp td{font-size:.75em;padding:4px 3px 5px 4px} #article_cp th{text-align:right;font-weight:normal;vertical-align:top} @media (max-width:759px){ #article, #article_text, #article_cp{display:block;padding:0} #article{padding:3px} #article_cp{width:auto;padding:0;margin:0;background:white} #article_text {min-width:300px} .bodyborder{margin:0;background:white} .rightad, .rightad div {display: none;width: 0} .datePopUp {display: none} .resHolder {width: 100%;overflow-x: auto} div.cal_month table {border: 0} div.cal_mname {width: 80px} } .rightad {float:right} .col{padding-right:10px} .copy, #copy_publisher, #copy_gale{font-size:.8em;color:#666666} #copy_publisher, #copy_gale{margin:5px 0} .copy{margin-bottom:700px} div.breadcrumbs{margin:10px 10px 10px 30px} div.breadcrumbs a{white-space:nowrap} div.breadcrumbs td, div.breadcrumbs div{font-size:.8em} div.breadcrumbs img{top:1px;position:relative} .breadcrumb_arrow{margin:0 5px} div.author_name{margin-bottom:10px} .highlight{font-weight:bold} .a_named{font-weight:bold;font-size:1.5em;color:#000000;/*position:relative;top:2px;*/} a.alphabet{color:#999999;margin:20px 0 5px 0} span.alphabet_na{color:#CCCCCC} h1, h2{background-color:white;padding:10px 5px 10px 20px;font-weight:normal;margin:0;font-size:1.8em} h1 strong, h2 strong {font-weight:bold} h2{margin-top:10px;font-size:1.4em} h3{font-weight:normal} h4 {font-size:1.1em; margin:10px 0 5px 0;} h5{margin-bottom:1pt} ul{list-style-type:none} ul.nav_topics{margin:0;padding:0 5px 10px 20px;white-space:nowrap} div.nav_pubcat, div.nav_pubcat_expand{background-color:white;padding:10px 10px 20px 20px} ul.nav_pubcat{margin:0 0 10px 0;padding:0} ul.nav_pubcat-sub{margin-bottom:10px} ul.nav_pubdate{} ul.nav_pubdate li{display:inline;padding:0 5px 0 0} .wrapper-block{background-color:white} .nowrap{white-space:nowrap} /* lit-specific styles */ div.alphabet{margin:10px 0;padding:10px 0;background-color:white;width:37em} div.alphabet H2{display:inline;padding:0 20px 0 20px} .hint{display:none;FONT:normal normal normal 1em Arial;BORDER:black 1px solid;PADDING:2px;TEXT-TRANSFORM:none;WIDTH:300px;COLOR:black;TEXT-ALIGN:left;POSITION:absolute;BACKGROUND-COLOR:oldlace;TEXT-DECORATION:none;margin-left:6px} .hint HR{WIDTH:80%;COLOR:black;HEIGHT:1px} .hint H1, .hint H2, .hint H3{FONT:normal normal bold 1.2em Arial;background-color:transparent} SPAN.flw{FONT-WEIGHT:bold;FONT-SIZE:8pt;COLOR:red;FONT-FAMILY:Tahoma} A.tip{color:black} B A.tip,EM A.tip{MARGIN-RIGHT:2pt} #Citation LI {margin-bottom:20px} #Citation UL {padding-left:10px} #Citation {padding-bottom:40px} img.rss_small {border:none; margin:0 0 0 2px;} img.rss_big {border:none; margin:0 0 -2px 4px;} .datePopUp {position:absolute;visibility:hidden;margin-top:.3em;text-align:left;background-color:White;border:1px black solid;font-size:.8em;padding:6pt;width:320px;z-index:1} .datePopUp div.morePop, a.morePop {font-size:1em;font-weight:bold;text-decoration:none;text-align:right} #TopLevelNav th {font-size:.7em;font-weight:normal} #TopLevelNav td {font-size:.64em;padding:0 1em 0 1em;text-align:center} img.sort-arrow {border:none; cursor:pointer;} img.descending {background-image:url(/_/static/down_sort.gif);} img.ascending {background-image:url(/_/static/up_sort.gif); } a.cmd {font-size:8pt; font-weight:200;} .yr{margin:0;display:block;overflow:hidden;width:100%;height:90px} .yr iframe,.yr div{margin:0 auto;display:block} #yr1{margin:20px 0 10px 0} #yr2,#yr3{height:265px;width:300px;margin:0 0 20px 0} #yr8,#yr9{margin:15px 0 10px 0} @media (min-width:760px) { #yr1{max-width:728px;margin:20px 20px 10px 0} #yr8,#yr9{max-width:728px;margin:15px 0 3px 0} } </style> <script> function rsslink(l,f){switch(f){case 'pub': dw('<a href="' + l + '" target="_blank"><img class="rss_small" alt="Rss Feed" src="/_/static/feed-icon-10x10.png"></a>');break; case 'subcat':dw('<a href="' + l + '" target="_blank"><img class="rss_big" alt="Rss Feed" src="/_/static/feed-icon-16x16.png"></a>'); break; default: dw('<a href="' + l + '" target="_blank"><img class="rss_small" align=right alt="Rss Feed" src="/_/static/feed-icon-10x10.png"></a>')}} </script> <link rel="search" type="application/opensearchdescription+xml" title="The Free Dictionary" href="https://www.thefreedictionary.com/_/open-search.xml"> <link rel="search" type="application/opensearchdescription+xml" title="The Free Library" href="https://www.thefreelibrary.com/_/static/open-search.xml"> <script> var Domain='thefreelibrary.com'; var URLPref='http://www2.'+Domain+'/'; function dw(t){document.write(t)} function ById(id){return document.getElementById(id)} function getCookie(name){ var dc=document.cookie; var prefix=name+'='; var s=dc.indexOf('; '+prefix); if (s==-1){ s=dc.indexOf(prefix); if (s !=0) return null; } else s+=2; var e=dc.indexOf(';', s); if (e==-1) e=dc.length; return unescape(dc.substring(s+prefix.length, e)); } function setCookie(name, value){ document.cookie=name+'='+escape(value)+'; expires=Thu, 1 Jan 2015 05:00:00 UTC; path=/; domain='+Domain; } function changeTextSize(s){ if (s){ var TD=Rules[0].style; TD.fontSize=s+'pt'; setCookie('fontSize', s); }} function WF(s,l){ dw('<a title="Change Text Size" style="text-decoration:none;font-size:'+(s-2)+'pt" href="javascript:changeTextSize('+s+')">'+l+' </a>') } function FontSize(){ WF(8,'T');WF(10,'E');WF(11,'X');WF(13,'T'); changeTextSize(getCookie('fontSize')); } function showDatePopUp(i){ var o; if (eval('typeof PopUp'+i)=='undefined'){ eval('PopUp'+i+'=new Object()'); o=eval('PopUp'+i); o.e=ById('datePopUp'+i); o.t=null; } else o=eval('PopUp'+i); if (o.t) clearTimeout(o.t); o.e.style.visibility='visible'; } function outDatePopUp(i){ var o=eval('PopUp'+i); if (o.t) clearTimeout(o.t); o.t=setTimeout('hideDatePopUp('+i+')', 150); } function hideDatePopUp(i){ var o=eval('PopUp'+i); o.e.style.visibility='hidden'; } function TestSB() { if (window.external && ((typeof window.external.AddSearchProvider == "unknown") || (typeof window.external.AddSearchProvider == "function"))) return 1; return 0; } function WriteSB() {} function TopLine(){ FontSize(); WriteSB(); } function LikeHP(IsHP) { var u = (IsHP ? 'https://www.thefreelibrary.com' : document.location); dw('<div class="fb-like-wrapper"><div style="vertical-align:top" class="fb-like" data-href="' + u + '" data-width="130" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true" style="margin-left:10px"></div></div>') } function SocialNetworks(){ dw('<br><b>Please bookmark with social media, your votes are noticed and appreciated:</b><br><br>'); LikeHP(); dw('<br><br>'); } function toggleLayer(l) { var style2 = document.getElementById(l).style; style2.display = style2.display ? "" : "none" } var info={word:'',a:'yr'}; </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.thefreelibrary.com/", "potentialAction": { "@type": "SearchAction", "target": "https://www.thefreelibrary.com/_/search/Search.aspx?SearchBy=4&By=0&q={search_term_string}", "query-input": "required name=search_term_string" } } </script> </head> <body><a style="display:none" href="/_/print/printer-friendly.aspx?86076.8183336" rel="nofollow">Printer Friendly</a> <div id=topsec class="bodyborder"> <div id=logo> <a href="/" style="text-decoration:none"> <img src="/_/static/Online-Library.gif" width=175 height=65 alt="The Free Library"><br> 36,376,693 articles and books</a> </div> <form action="/_/search/Search.aspx" method=get id=f1 name=f1> <div style="margin-bottom:3px"> <input type=radio name=SearchBy value=0 id=f1_periodicals style="margin-left:-4px" onclick='updateSearch()'><label for=f1_periodicals><b>Periodicals</b></label> <input type=radio name=SearchBy value=4 id=f1_literature checked onclick='updateSearch()'><label for=f1_literature><b>Literature</b></label> <div id=f1_sd> <div style="white-space:nowrap"> <input ondblclick="click_block=1" id=q name=q value="" size=40 type="text"> <input type=submit value="Search" name=Search></div> <div id=f1_searchby> <input type=radio name=By value=0 id=f1_by_keyword checked style="margin-left:-4px"><label for=f1_by_keyword>Keyword</label> <input type=radio name=By value=3 id=f1_by_title><label for=f1_by_title>Title</label> <input type=radio name=By value=1 id=f1_by_author><label for=f1_by_author>Author</label> <span id=topic_cb><input type=radio name=By value=4 id=f1_by_topic><label for=f1_by_topic>Topic</label></span> </div></div></div> <script type="text/javascript">function updateSearch(){if (ById('f1_periodicals').checked) ById('topic_cb').style.visibility='visible';else {ById('topic_cb').style.visibility='hidden';if (ById('f1_by_topic').checked) ById('f1_by_keyword').checked=true;}}updateSearch()</script> </form> <div id=right_top> <div id=topline><span id=shp></span> <SCRIPT>TopLine();dw('<br>')</script> </div> <div class="social-list"><SCRIPT>LikeHP(1)</SCRIPT></div> </div> </div> <div id=top_nav class="bodyborder breadcrumbs"> <div class="breadcrumb"><a href="/">The Free Library</a> > For Webmasters</div> </div> <div class="main_content" id="content_div"> <div class="bodyborder"> <SCRIPT type="text/javascript"> var PassColor, SetColor function ColorPicker(color, callback){ PassColor=color; SetColor=callback; top.open('/_/static/colors.htm', 'colorwindow','width=500,height=280'); } function Style(name) { return document.getElementById(name).style; } function inverseColor(c){ var res='#'; for (var i=1;i<6;i=i+2) res+=inverseColor2(c.substr(i, 2)); return res; } function inverseColor2(c){ c=0xFF-eval('0x'+c); if (c < 0x10) c= '0' +c.toString(16); else c= c.toString(16); return c; } </script> <h1>For Webmasters</h1> <div class=body><a name=plainlink></a><h2>Linking</h2> HTML code for a plain link to the <a href="https://www.thefreelibrary.com">Free Library</a>:<br> <input size=65 readonly style="font:normal 10pt 'Courier New'" value="<a href="http://www.thefreelibrary.com">Online Library</a>"> </div> <div class=body><a name=searchbox></a><h2>Search Box</h2> <form action="/_/search/Search.aspx" method=get target="_blank" name=library style="margin:0;display:inline"> <table id=boxtable cellspacing=0 cellpadding=3 style="float:right;border:1px black solid;font-family:Arial;width:210px;position:relative"> <caption><b>Preview:</b></caption> <tr> <td id=btdt1 style="border-bottom:1px black solid"><img src="https://img.tfd.com/Help.gif" width=25 height=25></td> <td id=btdt2 style="border-bottom:1px black solid" colspan=2 nowrap><a id=bta style="text-decoration:none" href="https://www.thefreelibrary.com"><div id=boxtitle style="font-size:12pt"><b>Online Library</b></div> <div id=boxtitle2 style="font-size:8pt">Periodicals and literature</div></a></td></tr> <tr><td id=box_td1 style="font-size:10pt" align=right>Word:</td><td colspan=2><input id=box_word style="font-size:10pt" name=Word value="" size=20></td></tr> <tr id=boxsource><td id=box_td2 style="font-size:10pt" align=right>Look in:</td><td colspan=2 id="boxsource_td" style="font-size:8pt"> <style>#boxsource_td A {text-decoration:none}</style>  <input type=radio name=SearchBy value="0" checked=checked><a id=ba1 href="https://www.thefreelibrary.com">Periodicals</a><br> <input type=radio name=SearchBy value="4"><a id=ba2 href="https://www.thefreelibrary.com/literature.aspx">Literature</a><br> <input type=radio name=SearchBy value="5"><a id=ba3 href="http://www.thefreedictionary.com">Reference</a> </td></tr> <tr><td id=box_td3 style="font-size:10pt" align=right>by:</td> <td><select id=box_mode style="font-size:10pt" name=By><option value="0">Keyword<option value="3">Title<option value="1">Author</select></td> <td align=right><input id=box_submit style="font-size:10pt" type=submit value="Search"></td></tr></table></form> <form name=customize_box> <table> <tr><td class=Menu>Layout:</td><td> <input type=radio name=box_type id=box_type1 onclick="box_render()" checked><label for=box_type1>Complete</label> <input type=radio name=box_type id=box_type2 onclick="box_render()"><label for=box_type2>Simple</label> </td></tr> <tr><td class=Menu>Open in:</td><td> <input type=radio name=box_open id=box_open1 onclick="box_render()" checked><label for=box_open1>Same window</label> <input type=radio name=box_open id=box_open2 onclick="box_render()"><label for=box_open2>New window</label> </td></tr> <tr><td class=Menu>Font:</td><td> <select name=sFont onchange="box_render()"> <option value="" selected>Inherit <option value="Arial">Arial <option value="'Times New Roman'">Times New Roman <option value="Tahoma">Tahoma <option value="Verdana">Verdana </select> </td></tr> <tr><td class=Menu>Text Size:</td><td> <input type=radio name=fsize id=fsize1 onclick="box_render()"><label for=fsize1>Small</label> <input type=radio name=fsize id=fsize2 onclick="box_render()" checked><label for=fsize2>Normal</label> <input type=radio name=fsize id=fsize3 onclick="box_render()"><label for=fsize3>Large</label> <input type=radio name=fsize id=fsize4 onclick="box_render()"><label for=fsize4>Inherit</label> </td></tr> <tr><td class=Menu>Preset Colors:</td><td> <select name=StandardStyles onchange="box_StandardStyles(this.options[this.selectedIndex].value)"> <option value="#FFFFFF,#000000,#FFFFFF,#000000,#000000">Plain <option value="#000000,#FFFFFF,#000000,#FFFFFF,#FFFFFF">Black <option value="#FFFFFF,#000000,#F0F0F0,#000000,#000000">Sky <option value="#FFFFFF,#003366,#666666,#FFFFFF,#336699">Earth <option value="#F0FFF0,#000000,#5F9EA0,#FFFFFF,#20B2AA">Cool <option value="#EBFFED,#000000,#A8DDA0,#000000,#009933">Grass <option value="#FFFFFF,#000000,#CC3333,#FFFFFF,#FF3300">Warm <option value="#FFBB8D,#000000,#990000,#FFFFFF,#006600">Rich <option value="#FFEBCD,#8B4513,#FF4500,#FFFFFF,#FF4500">Peach <option value="#FFF5F6,#000000,#DDB7BA,#000000,#DDB7BA">Raspberry <option value="#FFF0F5,#000000,#660099,#FFFFFF,#000000">Violet <option value="#E8E8D0,#336666,#996699,#FFFFFF,#336666">Summer </select> <script type="text/javascript"> function box_StandardStyles(s) { if (s) { s=s.split(','); var f=document.customize_box; /*if (s.length==6) for (i=0;i<=4;i++) s[i]=inverseColor(s[i]); */ f.Background.value=s[0]; f.TextColor.value=s[1]; f.TitleBackground.value=s[2]; f.TitleTextColor.value=s[3]; f.BorderColor.value=s[4]; box_render(); } } </script> </td></tr> <tr><td class=Menu>Background:</td><td> <input name=Background value="" size=8 onchange="box_render()"> <script type="text/javascript"> function box_background_callback(c) { document.customize_box.Background.value=c; box_render(); } </script>Leave blank to inherit or <a href="javascript:ColorPicker(document.customize_box.Background.value, box_background_callback)">pick a color</a> </td></tr> <tr><td class=Menu>Text color:</td><td> <input name=TextColor value="#000000" size=8 onchange="box_render()"> <script type="text/javascript"> function box_TextColor_callback(c) { document.customize_box.TextColor.value=c; box_render(); } </script> <a href="javascript:ColorPicker(document.customize_box.TextColor.value, box_TextColor_callback)">pick a color</a> </td></tr> <tr><td class=Menu>Title Background:</td><td> <input name=TitleBackground value="#FFFFFF" size=8 onchange="box_render()"> <script type="text/javascript"> function box_TitleBackground_callback(c) { document.customize_box.TitleBackground.value=c; box_render(); } </script>Leave blank to inherit or <a href="javascript:ColorPicker(document.customize_box.TitleBackground.value, box_TitleBackground_callback)">pick a color</a> </td></tr> <tr><td class=Menu>Title Text Color:</td><td> <input name=TitleTextColor value="#000000" size=8 onchange="box_render()"> <script type="text/javascript"> function box_TitleTextColor_callback(c) { document.customize_box.TitleTextColor.value=c; box_render(); } </script> <a href="javascript:ColorPicker(document.customize_box.TitleTextColor.value, box_TitleTextColor_callback)">pick a color</a> </td></tr> <tr><td class=Menu>Border Color:</td><td> <input name=BorderColor value="#000000" size=8 onchange="box_render()"> <script language=javascript> function box_BorderColor_callback(c) { document.customize_box.BorderColor.value=c; box_render(); } </script> <a href="javascript:ColorPicker(document.customize_box.BorderColor.value, box_BorderColor_callback)">pick a color</a> </td></tr> </table> <p> Here is the code to create this box:<br> <textarea name=code readonly=readonly cols=95 rows=18> </textarea> </p> </form> <script type="text/javascript"> function box_render() { var code='\n'+ '<style>#librarybox TD, INPUT, SELECT {font-size:~3;}</style>\n'+ '<form action="http://www.thefreelibrary.com/_/search/Search.aspx" method=get target="_blank" name=library\n'+ 'style="display:inline;margin:0">\n'+ '<table id=librarybox cellspacing=0 cellpadding=3 style="border:1px ~C solid;font-family:~2;width:~6;background-color:~8;color:~9"><tr>\n'+ '<td bgcolor="~A" style="border-bottom:1px ~C solid"><img src="//img.tfd.com/help.GIF" width=25 height=25></td>\n'+ '<td bgcolor="~A" style="border-bottom:1px ~C solid" colspan=2 nowrap><a\n'+ 'style="text-decoration:none;color:~B" href="http://www.thefreelibrary.com" rel="nofollow"><div style="font-size:~5"><b>Online Library</b></div>\n'+ '<div style="font-size:~4">Periodicals and literature</div></a></td></tr>\n'+ '<tr><td align=right>Word:</td><td colspan=2><input name=Word value="" size=20></td></tr>\n'+ '~1'+ '<tr><td align=right>by:</td>\n'+ '<td><select name=By><option value="0">Keyword<option value="3">Title<option value="1">Author</select></td>\n'+ '<td align=right><input type=submit name=submit value="Look it up"></td></tr></table></form>\n'+ '' var box_source='<tr><td align=right>Look in:</td><td colspan=2 style="font-size:~4;text-align:left" id="boxsource_td"><style>#boxsource_td A {color:~9;text-decoration:none}</style>\n'+ '\n'+ '<input type=radio name=SearchBy value="0" checked><a href="http://www.thefreelibrary.com" rel="nofollow">Periodicals</a><br>\n'+ '<input type=radio name=SearchBy value="4"><a href="http://www.thefreelibrary.com/literature.aspx" rel="nofollow">Literature</a><br>\n' '<input type=radio name=SearchBy value="5"><a href="http://www.thefreedictionary.com" rel="nofollow">Reference</a></td></tr>' var box_font='Arial'; var box_font_size1='10pt'; var box_font_size2='8pt'; var box_font_size3='12pt'; var box_width='210px'; var f=document.customize_box; if (f.box_type[1].checked) { document.getElementById('boxsource').style.display='none'; code=code.replace('~1', ''); } else { document.getElementById('boxsource').style.display=''; code=code.replace('~1', box_source); } if (f.box_open[0].checked) { code=code.replace(/_blank/g, '_top'); } if (f.fsize[0].checked) { box_font_size1='8pt';box_font_size2='7pt';box_font_size3='10pt';box_width='180px'; } else if (f.fsize[2].checked) { box_font_size1='12pt';box_font_size2='10pt';box_font_size3='14pt';box_width='250px' } else if (f.fsize[3].checked) { box_font_size1='';box_font_size2='smaller';box_font_size3='larger';box_width='210px'; } box_font=f.sFont.options[f.sFont.selectedIndex].value; code=code.replace(/~2/g, box_font); Style('boxtable').fontFamily=box_font; code=code.replace(/~3/g, box_font_size1); code=code.replace(/~4/g, box_font_size2); code=code.replace(/~5/g, box_font_size3); var box_tags1=['box_td1','box_td2','box_td3','box_word','box_mode','box_submit']; for (var i in box_tags1) document.getElementById(box_tags1[i]).style.fontSize=box_font_size1; Style('boxtitle').fontSize=box_font_size3; Style('boxtitle2').fontSize=box_font_size2; Style('boxsource_td').fontSize=box_font_size2; code=code.replace(/~6/, box_width); Style('boxtable').width=box_width; code=code.replace(/~7/, box_width); Style('boxtable').width=box_width; code=code.replace(/~8/g, f.Background.value); Style('boxtable').backgroundColor=f.Background.value code=code.replace(/~9/g, f.TextColor.value); Style('boxtable').color=f.TextColor.value; for (var i=1;i<=3;i++) Style('ba'+i).color=f.TextColor.value; code=code.replace(/~A/g, f.TitleBackground.value); Style('btdt1').backgroundColor=f.TitleBackground.value Style('btdt2').backgroundColor=f.TitleBackground.value code=code.replace(/~B/g, f.TitleTextColor.value); Style('bta').color=f.TitleTextColor.value; code=code.replace(/~C/g, f.BorderColor.value); Style('boxtable').border='1px '+f.BorderColor.value+' solid'; Style('btdt1').borderBottom='1px '+f.BorderColor.value+' solid'; Style('btdt2').borderBottom='1px '+f.BorderColor.value+' solid'; f.code.value=code; }; box_render(); </script> </div> <div class=body><a name=quote></a><h2>Quote of the Day</h2> <div style="float:right;width:350px;padding:4px;position:relative" id=dPreview> <h3 style="margin-bottom:0px"><span style="background-color:white"> Preview: </span></h3> <div id=div_q> </div> </div> <form name=form_iod> <table> <tr><td class=Menu>Open in:</td><td> <input type=radio name=d_open id=d_open1 onclick="d_render()" checked><label for=d_open1>Same window</label> <input type=radio name=d_open id=d_open2 onclick="d_render()"><label for=d_open2>New window</label> </td></tr> <tr><td class=Menu>Font:</td><td> <select name=sFont onchange="d_render()"> <option value="''" selected>Inherit <option value="Arial">Arial <option value="'Times New Roman'">Times New Roman <option value="Tahoma">Tahoma <option value="Verdana">Verdana </select> </td></tr> <tr><td class=Menu>Width:</td><td> <select name=sWidth onchange="d_render()"> <option value="200px">200 pixels <option value="225px">225 pixels <option value="250px">250 pixels <option value="300px">300 pixels <option value="350px" selected>350 pixels <option value="400px">400 pixels <option value="450px">450 pixels <option value="500px">500 pixels <option value="550px">550 pixels <option value="100%">Fit (100%) <option value="">Float </select> </td></tr> <tr><td class=Menu>Text Size:</td><td> <input type=radio name=fsize id=dfsize1 onclick="d_render()"><label for=dfsize1>Small</label> <input type=radio name=fsize id=dfsize2 onclick="d_render()" checked><label for=dfsize2>Normal</label> <input type=radio name=fsize id=dfsize3 onclick="d_render()"><label for=dfsize3>Large</label> <input type=radio name=fsize id=dfsize4 onclick="d_render()"><label for=dfsize4>Inherit</label> </td></tr> <tr><td class=Menu>Preset colors:</td><td> <select name=StandardStyles onchange="d_StandardStyles(this.options[this.selectedIndex].value)"> <option value="#FFFFFF,#000000,#0000FF,#000000,#000000">Plain <option value="#000000,#FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF">Black <option value="#F0F0F0,#000000,#000000,#000000,#000000">Sky <option value="#FFFFFF,#003366,#336699,#666666,#336699">Earth <option value="#F0FFF0,#000000,#20B2AA,#5F9EA0,#20B2AA">Cool <option value="#EBFFED,#000000,#009933,#009933,#A8DDA0">Grass <option value="#FEFFF0,#000000,#CC3300,#CC3333,#FF3300">Warm <option value="#FFFFFF,#006600,#660099,#990000,#006600">Rich <option value="#FFEBCD,#8B4513,#CD3807,#FF4500,#FF4500">Peach <option value="#FFF5F6,#000000,#000000,#AE5259,#DDB7BA">Raspberry <option value="#FFF0F5,#000000,#666699,#660099,#000000">Violet <option value="#E8E8D0,#336666,#666699,#996699,#336666">Summer </select> <script language=javascript> function d_StandardStyles(s) { if (s) { s=s.split(','); var f=document.form_iod; f.Background.value=s[0]; f.TextColor.value=s[1]; f.LinkColor.value=s[2]; f.TitleColor.value=s[3]; f.BorderColor.value=s[4]; d_render(); } } </script> </td></tr> <tr><td class=Menu>Box Background:</td><td> <input name=Background value="" size=8 onchange="d_render()"> <script language=javascript> function d_background_callback(c) { document.form_iod.Background.value=c; d_render(); } </script>Leave blank to inherit or <a href="javascript:ColorPicker(document.form_iod.Background.value, d_background_callback)">pick a color</a> </td></tr> <tr><td class=Menu>Text color:</td><td> <input name=TextColor value="#000000" size=8 onchange="d_render()"> <script language=javascript> function d_TextColor_callback(c) { document.form_iod.TextColor.value=c; d_render(); } </script> <a href="javascript:ColorPicker(document.form_iod.TextColor.value, d_TextColor_callback)">pick a color</a> </td></tr> <tr><td class=Menu>Title color:</td><td> <input name=TitleColor value="#000000" size=8 onchange="d_render()"> <script language=javascript> function d_TitleColor_callback(c) { document.form_iod.TitleColor.value=c; d_render(); } </script> <a href="javascript:ColorPicker(document.form_iod.TitleColor.value, d_TitleColor_callback)">pick a color</a> </td></tr> <tr><td class=Menu>Link color:</td><td> <input name=LinkColor value="#0000FF" size=8 onchange="d_render()"> <script language=javascript> function d_LinkColor_callback(c) { document.form_iod.LinkColor.value=c; d_render(); } </script> <a href="javascript:ColorPicker(document.form_iod.LinkColor.value, d_LinkColor_callback)">pick a color</a> </td></tr> <tr><td class=Menu>Attribution link color:</td><td> <input name=AttLinkColor value="#000000" size=8 onchange="d_render()"> <script language=javascript> function d_AttLinkColor_callback(c) { document.form_iod.AttLinkColor.value=c; d_render(); } </script> <a href="javascript:ColorPicker(document.form_iod.AttLinkColor.value, d_AttLinkColor_callback)">pick a color</a> </td></tr> <tr><td class=Menu>Border Color:</td><td> <input name=BorderColor value="#000000" size=8 onchange="d_render()"> <script language=javascript> function d_BorderColor_callback(c) { document.form_iod.BorderColor.value=c; d_render(); } </script> <a href="javascript:ColorPicker(document.form_iod.BorderColor.value, d_BorderColor_callback)">pick a color</a> <input type=checkbox name=hideborder id=hideborder onclick="d_render()"><label for=hideborder>Remove border</label> </td></tr> </table> <br> <div style="position:relative;width:580px"> Here is the code to add the free content:<br> <textarea name=code readonly cols=90 rows=32></textarea><br> Please note that the tags are assigned CSS classes and you can manipulate the presentation of the content using <a target=_blank href="http://encyclopedia.thefreedictionary.com/style%20sheet">style sheets</a>. <br> The code for attribution links is required. </div> </form> <script type="text/javascript"> var code_tfd_quote_div='<table id=QuoteOfTheDay><tr><td align=left>\n'+ 'He was always late on principle, his principle being that punctuality is the thief of time.\n'+ '<br><b><a href="http://encyclopedia2.thefreedictionary.com/Wilde%2c+Oscar" rel="nofollow">Oscar Wilde</b></a><br>(1854-1900)</td></tr></table>\n' function d_render() { var code='\n'+ '<div style="width:~w;position:relative;background-color:~2;padding:4px">\n'+ '<div style="font:bold ~b ~f;color:~t">Quote of the Day</div>\n'+ '<style>\n'+ '#QuoteOfTheDay {width:100%;border:1px ~1 solid;background-color:~2}\n'+ '#QuoteOfTheDay TD {font:normal ~n ~f;color:~c}\n'+ '#QuoteOfTheDay A {color:~3}\n'+ '</style><div id=tfd_quote_div style="display:none">\n'+ '</div>\n'+ '<div style="font:normal ~s ~f;color:~c">\n'+ '<a style="color:~al" href="http://www.thefreelibrary.com/webmasters.aspx" rel="nofollow">Quote of the Day</a>\n'+ 'by <a style="color:~al" href="http://www.thefreelibrary.com/" rel="nofollow">The Free Library</a>\n'+ '</div></div>\n'+ ''; var code_script='<sc'+'ript type="text/javascript"\n'+ 'src="//img.tfd.com/daily/quote-top.js"></sc'+'ript>\n'+ '<sc'+'ript>\ndocument.getElementById("tfd_quote_div").style.display=""\n</sc'+'ript>' var f=document.form_iod; var font_size1='10pt'; var font_size2='8pt'; var font_size3='12pt'; var d_width=f.sWidth.value; if (f.fsize[0].checked) { font_size1='8pt';font_size2='7pt';font_size3='10pt';//width='195px'; } else if (f.fsize[2].checked) { font_size1='12pt';font_size2='10pt';font_size3='14pt';//width='265px' } else if (f.fsize[3].checked) { font_size1='';font_size2='smaller';font_size3='larger';//width='230px'; }; var d_font=f.sFont.options[f.sFont.selectedIndex].value; code=code.replace(/~f/g, d_font); Style('dPreview').fontFamily=d_font; Style('dPreview').width=(d_width=='100%' || d_width==''?'300px':d_width); code=code.replace(/~x2/g, f.Background.value.replace('#','x')); code=code.replace(/~xc/g, f.TextColor.value.replace('#','x')); code=code.replace(/~x3/g, f.LinkColor.value.replace('#','x')); code=code.replace(/~hmh/g, (d_width>='350px'?'120px':'240px')); code=code.replace(/~s/g, font_size2); code=code.replace(/~n/g, font_size1); code=code.replace(/~b/g, font_size3); code=code.replace(/~c/g, f.TextColor.value); code=code.replace(/~t/g, f.TitleColor.value); code=code.replace(/~2/g, f.Background.value); Style('div_q').backgroundColor=f.Background.value; code=code.replace(/~3/g, f.LinkColor.value); code=code.replace(/~al/g, f.AttLinkColor.value); if (f.d_open[1].checked) code_script=code_script.replace(/-top.js/g, '.js'); code=code.replace(/~w/g, d_width); if (f.hideborder.checked) code=code.replace(/border:1px ~1 solid/g, 'border:none'); else code=code.replace(/~1/g, f.BorderColor.value); var odiv=document.getElementById("tfd_quote_div"); if (odiv) code_tfd_quote_div=odiv.innerHTML; code=code.replace('', code_tfd_quote_div); code=code.replace(/\n\n/g, '\n'); document.getElementById('div_q').innerHTML=code; Style("tfd_quote_div").display="" f.code.value=code.replace('', code_script); }; d_render(); window.setTimeout('box_render();d_render()',100); </script> <script type="text/javascript" src="//img.tfd.com/daily/quote-top.js"></script> </div> </div> </div> <div class="yr" id="yr5"></div> <script type="text/javascript"> var topnav=document.getElementById('top_nav') if (topnav.innerHTML) { document.write('<div class="bodyborder breadcrumbs">'+topnav.innerHTML+'</div>'); document.write('<div class="separator1"><div></div></div>'); } </script> <table class="bodyborder breadcrumbs" id=TopLevelNav> <tr><th>Publications by Name</th><th>Publications by Date</th><th>Authors</th><th>Literature</th></tr> <tr> <td> <a href=/Publications/A-i1>A-D</a> <a href=/Publications/E-i1>E-O</a> <a href=/Publications/P-i1>P-T</a> <a href=/Publications/U-i1>U-Z</a> </td> <td><a href="/1900-1994-d1">before 1995</a> <a href="/1995-1999-d1">1995-1999</a><br> <a href="/2000-2004-d1">2000-2004</a> <a href="/2005-2009-d1">2005-2009</a> <a href="/2010-2014-d1">2010-</a> </td> <td><a href=/Authors/A-i0>A</a> <a href=/Authors/B-i0>B</a> <a href=/Authors/C-i0>C</a> <a href=/Authors/D-i0>D</a> <a href=/Authors/E-i0>E</a> <a href=/Authors/F-i0>F</a> <a href=/Authors/G-i0>G</a> <a href=/Authors/H-i0>H</a> <a href=/Authors/I-i0>I</a> <a href=/Authors/J-i0>J</a> <a href=/Authors/K-i0>K</a> <a href=/Authors/L-i0>L</a> <a href=/Authors/M-i0>M</a> <br><a href=/Authors/N-i0>N</a> <a href=/Authors/O-i0>O</a> <a href=/Authors/P-i0>P</a> <a href=/Authors/Q-i0>Q</a> <a href=/Authors/R-i0>R</a> <a href=/Authors/S-i0>S</a> <a href=/Authors/T-i0>T</a> <a href=/Authors/U-i0>U</a> <a href=/Authors/V-i0>V</a> <a href=/Authors/W-i0>W</a> <a href=/Authors/X-i0>X</a> <a href=/Authors/Y-i0>Y</a> <a href=/Authors/Z-i0>Z</a> </td> <td><a href=/ti.aspx?A>A</a> <a href=/ti.aspx?B>B</a> <a href=/ti.aspx?C>C</a> <a href=/ti.aspx?D>D</a> <a href=/ti.aspx?E>E</a> <a href=/ti.aspx?F>F</a> <a href=/ti.aspx?G>G</a> <a href=/ti.aspx?H>H</a> <a href=/ti.aspx?I>I</a> <a href=/ti.aspx?J>J</a> <a href=/ti.aspx?K>K</a> <a href=/ti.aspx?L>L</a> <a href=/ti.aspx?M>M</a> <br><a href=/ti.aspx?N>N</a> <a href=/ti.aspx?O>O</a> <a href=/ti.aspx?P>P</a> <a href=/ti.aspx?Q>Q</a> <a href=/ti.aspx?R>R</a> <a href=/ti.aspx?S>S</a> <a href=/ti.aspx?T>T</a> <a href=/ti.aspx?U>U</a> <a href=/ti.aspx?V>V</a> <a href=/ti.aspx?W>W</a> <a href=/ti.aspx?X>X</a> <a href=/ti.aspx?Y>Y</a> <a href=/ti.aspx?Z>Z</a> </td> </tr></table> <p class="bodyborder copy"><a href="/terms.aspx" target=_blank>Terms of use</a> | <a href="https://www.thefreedictionary.com/privacy-policy.htm">Privacy policy</a> | Copyright © 2025 <a href="http://www.farlex.com/">Farlex, Inc.</a> | <a target=feedback href="http://app.thefreedictionary.com/feedback.aspx" onclick="open('http://app.thefreedictionary.com/feedback.aspx?url='+escape(document.location)+'&ref='+escape(document.referrer), 'feedback','width=630,height=370,resizable=1');return false">Feedback</a> | <a href="/webmasters.aspx">For webmasters</a> | <span style="display:none" id="userConsentPlaceholder"></span> </p> <div class="afs_ads"> </div> <script async src="/_/static/async.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-5484856-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-5484856-2'); if(window.lib&&window.lib.delayedFunctions)window.lib.delayedExec();window.completed=1; </script> </body> </Html>