<style>
div.floating-menu {position:fixed;background:  цвет фона ;border:1px solid цвет бордюра ;width: ширина ;z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block;margin: сверху справа снизу слева;}
</style>
<div class="floating-menu">
<h3>Название</h3>
<a href="http://www.quackit.com/css/">CSS</a>
<a href="http://www.quackit.com/html/">HTML</a>
<a href="http://www.quackit.com/javascript/">JavaScript</a>
<a href="http://www.quackit.com/coldfusion/">ColdFusion</a>
<a href="http://www.quackit.com/myspace/codes/">MySpace Codes</a>
</div>

<!-- Script by hscripts.com -->
<script type="text/javascript">
function metatag_maker(){
var des=document.getElementById("description").value;
var keywo=document.getElementById("keywords").value;
var auth=document.getElementById("author").value;
var generat=document.getElementById("generator").value;
var copyrigh=document.getElementById("copyright").value;
var robott=document.frm.robott[document.frm.robott.selectedIndex].value;
var charsett=document.frm.charsett[document.frm.charsett.selectedIndex].value;
var cach=document.frm.cach[document.frm.cach.selectedIndex].value;
var lang=document.frm.lang[document.frm.lang.selectedIndex].value;
var url=document.getElementById("urll").value;
var sec=document.getElementById("sec").value;
var expir=document.getElementById("expires").value;
var meta='<meta name="description" content="'+des+'">\n';
meta+='<meta name="keywords" content="'+keywo+'">\n';
if(auth!="")
meta+='<meta name="author" content="'+auth+'">\n';
if(generat!="")
meta+='<meta name="generator" content="'+generat+'">\n';
if(copyrigh!="")
meta+='<meta name="copyright" content="'+copyrigh+'">\n';
if(robott!="")
meta+='<meta name="robots" content="'+robott+'">\n';
if(charsett!="")
meta+='<meta http-equiv="content-type" content="text/html;charset='+charsett+'">\n';
if(expir!="")
meta+='<meta http-equiv="expires" content="'+expir+'">\n';
if(cach!="")
meta+='<meta http-equiv="cache-control" content="'+cach+'">\n';
if(lang!="")
meta+='<meta http-equiv="content-language" content="'+lang+'">\n';
if(url!="" && sec!="")
meta+='<meta http-equiv="refresh" content="'+sec+';'+url+'">\n';
document.getElementById("metatag").value=meta;	
}
function clear_all()
{
 document.getElementById("description").value="";
 document.getElementById("keywords").value="";
 document.getElementById("author").value="";
 document.getElementById("generator").value="";
 document.getElementById("copyright").value="";
 document.getElementById("urll").value="";
 document.getElementById("sec").value="";
 document.getElementById("expires").value="";
 document.getElementById("metatag").value="";
 document.getElementById("description").focus();
}
function ctck()
{
     var sds = document.getElementById("dum");
     if(sds == null){
        alert("You are using a free package.\n You are not allowed to remove the tag.\n");
     }
     var sdss = document.getElementById("dumdiv");
     if(sdss == null){
         alert("You are using a free package.\n You are not allowed to remove the tag.\n");
     }
}
document.onload ="ctck()";
</script>
<!-- Script by hscripts.com -->

<form name="frm">
<h3 align=center>Meta Tag Maker</h3>
<table style="border:1px solid green;padding:10px;" align=center>
<tr><td>Description:(separated by space)*</td><td><input type="text" id="description" size=70></td></tr>
<tr><td>Keywords:(separated by commas)*</td><td><input type="text" id="keywords" size=70></td></tr>
<tr><td>Author:</td><td><input type="text" id="author" size=25></td></tr>
<tr><td>Generator:</td><td><input type="text" id="generator" size=25></td></tr>
<tr><td>Copyright:(eg:&copy,http://example.com)</td><td><input type="text" id="copyright" size=25></td></tr>
<tr><td>Robots:</td><td><select name="robott">
        <script type="text/javascript">
        var robotsarr=new Array("","INDEX,FOLLOW","INDEX,NOFOLLOW","NOINDEX,FOLLOW","NOINDEX,NOFOLLOW");
        for(var i=0;i<robotsarr.length;i++)
          document.write("<option value=\""+robotsarr[i]+"\">"+robotsarr[i]+"</option>"); 
        </script>
        </select></td></tr>                    
<tr><td>Character Set:</td><td><select name="charsett">
        <script type="text/javascript">
        var charsetarr=new Array("","GB2312","US-ASCII","ISO-8859-1","ISO-8859-2","ISO-8859-3","ISO-8859-4","ISO-8859-5","ISO-8859-6", 
                                 "ISO-8859-7","ISO-8859-8","ISO-8859-9","ISO-2022-JP","ISO-2022-JP-2","ISO-2022-KR","UTF-8");
        for(var i=0;i<charsetarr.length;i++)
          document.write("<option value=\""+charsetarr[i]+"\">"+charsetarr[i]+"</option>");
        </script>
        </select></td></tr>
<tr><td>Cache:</td><td><select name="cach">
        <script type="text/javascript">
        var cachearr=new Array("","CACHE","NO-CACHE");
        for(var i=0;i<cachearr.length;i++)
          document.write("<option value=\""+cachearr[i]+"\">"+cachearr[i]+"</option>"); 
        </script>
        </select></td></tr>      
<tr><td>Language:</td><td><select name="lang">
        <script type="text/javascript">
        var langarr=new Array("","en","fr","ch","de","es","ja","ru");
        var lang1arr=new Array("","English","French","Chinese","German","Spanish","Japanese","Russian");
        for(var i=0;i<langarr.length;i++)
          document.write("<option value=\""+langarr[i]+"\">"+lang1arr[i]+"</option>"); 
        </script>
        </select></td></tr>   
<tr><td>Refresh To:(eg:http://example.com)</td><td><input type="text" id="urll" size=35> After:<input type="text" id="sec" size=4>Secs</td></tr>
<tr><td>Expires:(eg:Sat, 09 Oct 2010 04:12:01 GMT)</td><td><input type="text" id="expires" size=25></td></tr>
<tr><td colspan=2 align=center><input type="button" value="Create Meta Tags" onclick="metatag_maker();"><input type="button" value="Clear" onclick="clear_all()"></td></tr>
<tr><td colspan=2 align=center><textarea readonly id="metatag" disable rows=12 cols=100 scrollbar=no></textarea></td></tr>
</table>
</form>
<div style="font-size: 10px;color: #dadada;" id="dumdiv" align=center>
<a href="http://www.hscripts.com" id="dum" style="text-decoration:none;color: #dadada;">©h</a></div>

<form name="jumpy">
<select name="example" size="1" onChange="gone()">
<!-- CHANGE THE BELOW URLS TO YOUR OWN-->
<option value="http://www.yahoo.com" selected>Yahoo.com</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.lycos.com">Lycos</option>
<option value="http://www.AltaVista.com">AltaVista</option>
</select>

<input type="button" name="test" value="Go!" onClick="gone()">
</form>

<script language="javascript">
<!--

//Drop-down Document Viewer- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com

//Specify display mode (0 or 1)
//0 causes document to be displayed in an inline frame, while 1 in a new browser window
var displaymode=1
//if displaymode=0, configure inline frame attributes (ie: dimensions, intial document shown
var iframecode='<iframe id="external" style="width:95%;height:400px" src="http://www.yahoo.com"></iframe>'

/////NO NEED TO EDIT BELOW HERE////////////

if (displaymode==0)
document.write(iframecode)

function gone(){
var selectedurl=document.jumpy.example.options[document.jumpy.example.selectedIndex].value
if (document.getElementById&&displaymode==0)
document.getElementById("external").src=selectedurl
else if (document.all&&displaymode==0)
document.all.external.src=selectedurl
else{
if (!window.win2||win2.closed)
win2=window.open(selectedurl)
//else if win2 already exists
else{
win2.location=selectedurl
win2.focus()
}
}
}
//-->
</script>