terça-feira, 15 de março de 2011

toggle2

<!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>
&nbsp;<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>
Publicada por à(s) Sem comentários:

ToggleLOGO

Publicada por à(s) Sem comentários:

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>
Publicada por à(s) Sem comentários:

quinta-feira, 3 de março de 2011

itau - Criado por Itamar 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
 $().click((function){
  $(this).slideToggle();
  });
});

</script>

<style type="text/css">
BODY {
      background-color: #FFE7BA;
}
#logo {
       border: 1px solid orange;
    -moz-border-radius: 10px;
    -moz-box-shadow: #666 1px 1px 1px 1px;
    
}
#oi {
     background-color: orange;
  margin-right: 1000px;
  border: 1px solid orange;
  border-top-right-radius: 10;
  -moz-box-shadow: #666 1px 1px 1px 1px;
  text-shadow: #FFFFFF 1px 1px;
  -moz-border-radius: 10px;
  text-align: center;
  margin-left: 10px;
}
#corpo {
        border: 1px solid orange;
  margin-top: 10px;
  -moz-border-radius: 10px;
  -moz-box-shadow: #666 1px 1px 1px 1px;
}
#jol {
      background-color: orange;
   margin-left: 10px;
   margin-right: 400px;
   border: 1px solid orange;
   -moz-border-radius: 10px;
   -moz-box-shadow: #666 1px 1px 1px 1px;
   text-shadow: #FFFFFF 1px 1px;
}
#txt {
      margin-left: 10px;
   border: 1px solid orange;
   -moz-border-radius: 10px;
   background-color: orange;
   margin-right: 400px;
   -moz-box-shadow: #666 1px 1px 1px 1px;
   font-size: 20px;
}
#tst {
      background-color: orange;
   margin-left: 10px;
   margin-right: 400px;
   border: 1px solid orange;
   -moz-border-radius: 10px;
   -moz-box-shadow: #666 1px 1px 1px 1px;
   
}
#img {
      margin-right: 400px;
   border: 1px solid orange;
   -moz-border-radius: 10px;
   -moz-box-shadow: #666 1px 1px 1px 1px;
}
#footer {
         background-color: orange;
   border: 1px solid orange;
   -moz-border-radius: 10px;
   -moz-box-shadow: #666 1px 1px 1px 1px;
   margin-top: 10px;
}
#foor {
       margin-left: 10px;
}
</style>

<title>Itaú</title>

</head>
<img id="img" src="itau.gif" alt="logoiatu"><div id="logo">
 <h2 id="oi">
Serviços do meu Itaucard.</h2>
  </div>
  <!-- Fim de #logo -->
  
  <div id="corpo">
   <div id="ctp">
    <h1 id="jol">
  Agora você tem mais um canal de atendimento Itaucard.</h1>
  <p id="txt">
Sempre buscando melhor a qualidade do atendimento aos clientes,<br /> criamos a <b>Loja de Atendimento itaucard</b>, um espaço com atendimento<br />pessoal, cheio de soluções para seu cartão de crédito.<br />Serão diversas lojas em todo o Brasil!</p>
   <p id="tst">
    Para saber o endereço da unidade mais próxima a você, acesse<br /><a href="http://www.sonodownloads.blogspot.com">www.itaucard.com.br</a> e clique em "<b>Itaucard 30 horas</b>".
  </div>
</div><!-- fim do #corpo -->
<div id="footer">
 <p id="foor">Mini site criado por Itamar Firmino lima.</p>
 </div>
<body>


</body>
</html>
Publicada por à(s) Sem comentários:
Subscrever: Mensagens (Atom)