<!DOCTYPE html PUBLIC>
<html>
<head>
<script type="text/javascript">
function Tempo(){
horario = new Date()
hora = horario.getHours()
minuto = horario.getMinutes()
segundo = horario.getSeconds()
if (hora < 10) {
hora = "0" + hora
}
if (minuto < 10) {
minuto = "0" + minuto
}
if (segundo < 10) {
segundo = "0" + segundo
}
document.getElementById("lugar").innerHTML = hora + ":" + minuto + ":" + segundo; // hora no documento
// barra de título
// barra de status
}
window.setInterval("Tempo()", 1000)
</script>
<style type="text/css">
#bodyy {
border: 1px solid #3366FF;
-moz-border-radius: 10px;
-moz-box-shadow: #666 1px 1px 1px 1px;
padding-top: 2px;
paddimg-right: 2px;
padding-left: 2px;
background-color: none;
}
.buuu {
border: 2px solid #3366FF;
-moz-border-radius: 10px;
width: 100px;
-moz-box-shadow: #666 1px 1px 1px 1px;
}
.buuu:hover {
font-weight: bold;
border: 1px solid #666;
}
#form {
margin-left: 238px;
margin-top: 50px;
border: 1px solid #3366FF;
margin-right: 200px;
padding: 20px;
-moz-border-radius: 10px;
-moz-box-shadow: #000 1px 1px 1px 1px;
}
#logo {
margin-left: 167px;
padding-top: 77px;
}
}
#menu ul {
padding:0px;
margin: 100px;
float: left;
width: 100%;
background-color: none;
list-style:none;
margin-right: 200px;
text-weight: bold;
}
#menu ul li {
display: inline;
}
#menu ul li a {
padding: 3px 20px;
float: left;
/* visual do link */
background-color: #FFFFFF;
color: black;
text-decoration: none;
border-bottom: 0px solid #3366FF;
border: px solid orange;
-moz-box-shadow: #666 1px 1px 1px 1px;
}
#menu ul li a:hover {
background-color: #3366FF;
color: none;
border-bottom: 2px solid #3366FF;
-moz-border-radius: 10px;
-moz-box-shadow: #666 1px 1px 1px 1px;
}
#lugar {
float: left;
padding: 3px 20px;
margin-left: 692px;
border: 1px solid #3366FF;
-moz-border-radius: 10px;
-moz-box-shadow: #000 1px 1px 1px 1px;
margin-right: 30px;
}
#footer {
margin-top: 100px;
margin-left:292px;
}
#linha {
margin-top: 20px;
color: #3366FF;
}
#foo {
border: 5px solid #3366FF;
-moz-border-radius: 10px;
margin-left: 21px;
-moz-box-shadow: #666 1px 1px 1px 1px;
}
</style>
<title>.:: TOGGLE ::.</title>
</head>
<body id="bodyy">
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Site de TeoCity</a></li>
<li><a href="#">Receita federal</a></li>
<li><a href="#">Eternidade Google</a></li>
<li><a href="#">Sobre nós</a></li>
</ul>
</div><br/><hr style="color: #3366FF; margin-top: 15px;" />
<div id="logo">
<img src="logo1.png" style="margin-left: 50px; padding: 10px;" />
</div><div id="lugar">tempo</div>
<div id="form">
<!-- --><form name="myform" id="foo">
<table border="1" cellpadding="0" cellspacing="0" bgcolor="#CBC8C7">
<tr>
<td align="middle">
</td>
</tr>
<tr>
<td>
<input type="text" name="searchtxt" size="64">
</form>
<small>
<A HREF='javascript:void(str=document.myform.searchtxt.value);if(str){location.href="http://www.altavista.com/cgi-bin/query?pg=q&kl=XX&q="+escape(str).split("%20").join("+");}'>Pesquisar</A>
</small>
</td>
</tr>
</table><!-- -->
</div>
<div id="footer">
<p>______________________________________________________</p>
</div>
<div id="auto" style="margin-left: 390px;font-weight: bold;">
<p>2011. Todos os direitos resevados</p>
</div>
</body>
</html>
Sem comentários:
Enviar um comentário