Como fazer um site ou blog.

Efeitos com textos | Caixa de seleção com link | Fechar janela | Página em fullscreen | Imagens caindo na tela

O que você procura?

baner vertical

<style type="text/css">
    
ul.banner, ul ul { 
        padding:0; 
        margin:0; 
        border:0; 
        list-style-type:none; 
        overflow:hidden; 
        background:#c0c0c0; 
        width:14em; 
        text-align:left; 
        color:#000000; 
} 
ul.banner { 
        margin:0 auto; 
} 
ul.banner table { 
        border-collapse:collapse; 
        padding:0; 
        margin:0; 
        font-size:20px; 
} 
ul.banner ul { 
        margin-left:1.5em; 
} 
ul.menu1 li { 
        text-indent:0.5em; 
}  
ul.menu1 li.drop { 
        margin-bottom:-2px; 
} 
ul.banner li a, 
ul.banner li a:visited { 
        display:block; 
        width:14em; 
        height:2em; 
        line-height:1.9em; 
        text-decoration:none; 
        color:#ffffff; 
} 
ul.banner li a.last, 
ul.banner li a.last:visited { 
        display:block; 
        width:14em; 
        height:2em; 
        line-height:2em; 
} 
  
ul.banner li:hover a, 
ul.banner li a:hover { 
        border:0; 
        color:#000000; 
        font-weight:bold; 
        background-color:#FF0000; 
} 
  
  
/*Drop 1 - Nosso baner*/ 
ul.banner li ul.u1 { 
        display:none; 
} 
ul.banner li:hover ul.u1, 
ul.banner li a:hover ul.u1 { 
        display:block; 
        height:4em; 
        width:12em; 
        margin-top:-1px; 
        background-color:black; 
} 
ul.banner li:hover ul.u1 li a, 
ul.banner li a:hover ul.u1 li a { 
        height:2em; 
        color:black; 
        font-weight:normal; 
        font-size:14px; 
} 
ul.banner li:hover ul.u1 li:hover a, 
ul.banner li a:hover ul.u1 li a:hover { 
        background:black; 
        color:#ffffff; 
        font-size:16px; 
} 
/*Drop 2 - codigos*/ 
ul.banner li ul.u2 { 
        display:none; 
} 
ul.banner li:hover ul.u2, 
ul.banner li a:hover ul.u2 { 
        display:block; 
        height:7em; 
        width:12em; 
        margin-top:-1px; 
        background-color:black; 
} 
ul.banner li:hover ul.u2 li a, 
ul.banner li a:hover ul.u2 li a { 
        height:2em; 
        color:#ffffff; 
        font-weight:normal; 
        font-size:14px; 
} 
ul.banner li:hover ul.u2 li:hover a, 
ul.banner li a:hover ul.u2 li a:hover { 
        background:black; 
        color:#ffffff; 
        font-size:16px; 
} 
  
</style><br />
<br />
<br />
<ul class="banner"><li><a class="last" href="http://ikposs.blogspot.com/">nosso blog</a></li>
<li><a class="last" href="http://ikposs.blogspot.com/p/efeitos.html">efeitos</a></li>
<li class="drop"><a href="http://ikposs.blogspot.com/2011/01/nossa-logo-marca-nosso-bloco-de.html">nossos banners</a> <br />
<table><tbody>
<tr><td><br />
<ul class="u1"><li><a href="http://ikposs.blogspot.com/2011/01/nossa-logo-marca-nosso-bloco-de.html">Baner 1</a></li>
<li><a href="http://ikposs.blogspot.com/2011/01/nossa-logo-marca-nosso-bloco-de.html">baner 2</a></li>
</ul></td></tr>
</tbody></table></li>
<li><a class="last" href="http://ikposs.blogspot.com/p/javascript.html">Efeitos com javascript</a></li>
<li><a class="last" href="http://ikposs.blogspot.com/2011/02/janela-pop-up.html">janelas pop Up</a></li>
<li><a class="last" href="http://ikposs.blogspot.com/2010/11/efeitos-com-textos.html">efeitos com textos</a></li>
<li class="drop"><a href="">códigos</a> <br />
<table><tbody>
<tr><td><br />
<ul class="u2"><li><a href="http://ikposs.blogspot.com/2010/10/efeitos-com-imagem.html">efeitos em imagens</a></li>
<li><a href="http://ikposs.blogspot.com/2010/10/efeitos-com-tabela.html">efeitos em tabelas</a></li>
<li><a href="http://ikposs.blogspot.com/2011/03/texto-piscando.html">texto piscando</a></li>
</ul></td></tr>
</tbody></table></li>
<li><a class="last" href="http://ikposs.blogspot.com/2010/10/efeitos-com-botoes.html">efeitos com button</a></li>
</ul>

Nenhum comentário:

Postar um comentário

Assinar: Postar comentários (Atom)

Como em nosso blog contém páginas estáticas que não são visíveis,você pode encontrá-las ao fazer uma pesquisar em nosso navbar.