I played around with this a bit, and made a language navigation bar. You can see an example of it working here (http://www.seangillen.com/lang_navbar).
To do this, simply rename index.html. Make a new index.html and assign it the code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#cfnavbar{
margin: 0;
padding: 0;
}
#cfnavbar ul{
background: url(media/bgpink.gif) bottom center repeat-x;
padding-left: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}
* html #cfnavbar ul{ /*IE only rule. Add extra margin-bottom*/
margin-bottom: 1em;
}
#cfnavbar ul li{
display: inline;
}
#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 7px 13px 8px 6px;
text-decoration: none;
background: url(media/dividerpink.gif) bottom right no-repeat;
}
#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}
#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(media/leftcornerpink.gif) bottom left no-repeat;
}
#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(media/rightcornerpink.gif) bottom right no-repeat;
}
#cfnavbar ul li a:hover{
text-decoration: underline;
}
</style>
<title>your page title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<frameset rows="*,56" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="http://www.dynamicdrive.com" name="mainFrame" id="mainFrame" />
<frame src="nav.htm" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" />
</frameset>
<noframes><body>
<div id="cfnavbar">
<ul>
<li><span><a href="http://www.dynamicdrive.com" id="leftcorner">English</a></span></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Ces&u=http://www.dynamicdrive.com/&prev=/language_tools">Español</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Cfr&u=http://www.dynamicdrive.com/&prev=/language_tools">Français</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Cit&u=http://www.dynamicdrive.com/&prev=/language_tools">Italiano</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Cde&u=http://www.dynamicdrive.com/&prev=/language_tools">Deutsch</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Cpt&u=http://www.dynamicdrive.com/&prev=/language_tools">Português</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Cko&u=http://www.dynamicdrive.com/">한국어</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Czh-CN&u=http://www.dynamicdrive.com/">简体中文</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Czh-TW&u=http://www.dynamicdrive.com/">中文</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Cja&u=http://www.dynamicdrive.com/">日本語</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Cru&u=http://www.dynamicdrive.com/">Российская</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Car&u=http://www.dynamicdrive.com/" id="rightcorner">العربية</a></li>
</ul>
</div>
</body></noframes>
</html>
and make a new file called nav.htm and assign it the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><base href="" target="mainFrame">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#cfnavbar{
margin: 0;
padding: 0;
}
#cfnavbar ul{
background: url(media/bgpink.gif) bottom center repeat-x;
padding-left: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}
* html #cfnavbar ul{ /*IE only rule. Add extra margin-bottom*/
margin-bottom: 1em;
}
#cfnavbar ul li{
display: inline;
}
#cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 7px 13px 8px 6px;
text-decoration: none;
background: url(media/dividerpink.gif) bottom right no-repeat;
}
#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}
#cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(media/leftcornerpink.gif) bottom left no-repeat;
}
#cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(media/rightcornerpink.gif) bottom right no-repeat;
}
#cfnavbar ul li a:hover{
text-decoration: underline;
}
</style>
</head>
<body>
<div align="center"><div id="cfnavbar">
<div id="cfnavbar">
<ul>
<li><span><a href="http://www.dynamicdrive.com" id="leftcorner">English</a></span></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Ces&u=http://www.dynamicdrive.com/&prev=/language_tools">Español</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Cfr&u=http://www.dynamicdrive.com/&prev=/language_tools">Français</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Cit&u=http://www.dynamicdrive.com/&prev=/language_tools">Italiano</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Cde&u=http://www.dynamicdrive.com/&prev=/language_tools">Deutsch</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&ie=UTF-8&oe=UTF-8&langpair=en%7Cpt&u=http://www.dynamicdrive.com/&prev=/language_tools">Português</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Cko&u=http://www.dynamicdrive.com/">한국어</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Czh-CN&u=http://www.dynamicdrive.com/">简体中文</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Czh-TW&u=http://www.dynamicdrive.com/">中文</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Cja&u=http://www.dynamicdrive.com/">日本語</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Cru&u=http://www.dynamicdrive.com/">Российская</a></li>
<li><a href="http://64.233.179.104/translate_c?hl=en&langpair=en%7Car&u=http://www.dynamicdrive.com/" id="rightcorner">العربية</a></li>
</ul>
</div>
<br style="clear: left" />
</div>
</body>
</html>
Download these images to a 'media' folder.
http://www.dynamicdrive.com/cssexamples/media/leftcornerpink.gif
http://www.dynamicdrive.com/cssexamples/media/bgpink.gif
http://www.dynamicdrive.com/cssexamples/media/dividerpink.gif
http://www.dynamicdrive.com/cssexamples/media/rightcornerpink.gif
Make all items in red the source of your renamed index.html, and all items in blue the title of your site.