quinta-feira, 22 de julho de 2010

Menu Vertical

Menu Este é um menu na vertical, no tom cinza que combina perfeitamente com qualquer template.
Para adicionar ao seu blog copie o código abaixo, vá em "Elementos da página" - "Adicionar um gadget" - "HTML/Javascript" e cole-os, depois modifique as partes destacadas de vermelho.Logo em seguida , salve!

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url('http://img842.imageshack.us/img842/7499/downgreen.gif') no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>

<div class="urbangreymenu">

<h3 class="headerbar">TÍTULO do menu</h3>
<ul>
<li><a href="LINK">MENU</a></li>
<li><a href="LINK">MENU</a></li>
<li><a href="LINK">MENU</a></li>
<li><a href="LINK">MENU</a></li>
<li><a href="LINK">MENU</a></li>
<li><a href="LINK">MENU</a></li>
<li><a href="LINK">MENU</a></li>
<li><a href="LINK">MENU</a></li>
</ul>
</div>

  Não retire os créditos.

Marcadores: , ,

7 Comentários:

Às 6 de agosto de 2010 10:02 , Blogger André Conceição disse...

tem como fazer um menu como o do baixe turbo que eu achei bonito o de la pode ser
a url do site é
http://www.baixeturbo.org/

 
Às 6 de agosto de 2010 12:03 , Blogger Códigos Blogger disse...

Olá André, podemos conseguir o menu sim, só que não trabalho de graça, se é que você me entende. Então colabore, doando qualquer valor para nossa conta paypal.Apens clique no botão "Doar" ao lado, e ajudenos a manter o blog! =D.
Abraços.

 
Às 8 de março de 2011 14:57 , Blogger Profº Sandro Viégas disse...

Muito bom!

 
Às 13 de setembro de 2011 11:22 , Blogger Administrador disse...

Fácil e eficiente.
Muito bom

 
Às 14 de julho de 2013 01:15 , Blogger Fabio Santos disse...

Muito Bom,Parabéns Pelo Menu!

 
Às 4 de novembro de 2014 19:43 , Blogger danilo correia disse...

oi, obrigado... seu menu é muito útil... tudo de bom para você!

 
Às 15 de julho de 2015 23:26 , Blogger Gabriel Martins disse...

como faço postagens dentro de um tópico do menu?

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial