segunda-feira, 14 de março de 2011

toggle.com

<!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">

.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: 220px;
       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;

}
#footer {
         margin-top: 100px;
         margin-left:292px;
}
#linha {
        margin-top: 20px;
        color: #3366FF;
}
#bodyy {
      
      
}
</style>


<title>TeoBuscas.com</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/>

  
<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">
<table border="1" cellpadding="0" cellspacing="0" bgcolor="#CBC8C7">
<tr>
<td align="middle">

</td>
</tr>
<tr>
<td>
 <input type="text" name="searchtxt" size="27">

</form>
&nbsp;<small>

<A HREF='javascript:void(str=document.myform.searchtxt.value);if(str){location.href="http://search.yahoo.com/bin/search?p="+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