True Cine : Menu de barrinhas

28 de abril de 2012

Menu de barrinhas

Oi meninas Hoje trouxe um tutorial bem legal ! espero que gostem !  .

Tutorial.

1. No Blogger, vá em Design> Editar HTML.
2. Tecle Ctrl F e procure por:



]]>sikin3. Logo acima dessa tag, cole o seguinte código:

.menu a {
margin-right: 144px;
background: #B3E1CF; /* Cor das caixinhas */
border-left: 6px double #458B74; /* Borda */
font-family: Palatino linotype; /* Fonte */
font-style: italic; /* Estilo da fonte */
text-transform:lowercase; /* Estilo da fonte - uppercase: maísculas e lowercase: minúsculas */
display: block; /* Exibir em bloco */
font-size: 10pt; /* Tamanho da fonte */
color: #fff; /* Cor do texto */
padding: 3px; /* Margem interna */
text-align: left; /* Alinhamente do texto */
margin-bottom: 1px;
}
.menu a:hover {
border-left: 6px solid #458B74; /* Borda em hover */
}
4. Salve e vá para Elementos da página. Adicione um novo gadget de HTML/Javascript e nele coloque o código abaixo:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtMllPfwT5XDgaHxk0knklzEQOowcI0z5AsY5_NqGyQ9m3S8iJrpO1hf92tMi85-1-JhJzesoI4FBrb5pi-O1_aYkjahCJxBOPaDaUnv16nAc5PJCaGrw9SwPJ59mMAdV9RpIyGXlfHXMk/s1600/menu.png" align="right" />
5. E salve.
----
Você tem que colocar os 7 links, senão a imagem vai ficar desalinhada.
Se quiser usar sua própria imagem no lugar da minha, coloque uma de 138x174.



Ele vai ficar assim :




Tomara que vocês tenham gostado ! ;D

Um comentário:

-Criticas são aceitas
-Sugestões são aceitas
-Pense antes de escrever alguma ofensa
-Não seja fútil,não faça xingamento
-Respeite as regras