23.4.12

Menu Sweet Poison [Fofo]


Oie minhas ursinhas! To mt feliz pqe to gostando mt
do mundinho blogger! Entendo pouqinho mas 
estou tendo mts inspirações!
Falando nisso ..
hoje vou encinar como fazer um menú mtmtmtmt fofuxo
qe eu aprendi no Sweet Poison 
um blog qe eu gosto mtmt Mini gif 140
Ele é assim 
Qer aprender? Clique em Leia mais 

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

]]></b:skin>
3. 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:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyAmEqwCLlGf0xUdbFJwoGrfnR5CBseit0hQijyPxbiALyTPnXucmEjYKr4RzXzNu1z9RNNlxAQaiEvYApQf47cbL2VZ1f62s-Y_N8a2AMbUENxK-lRV4-Gs6xcNbtCoHHU8lnAQzkvPEE/s1600/menu.png" align="right" />
<div class="menu">
<a href="URL1">Link 1</a>
<a href="URL 2">Link 2</a>
<a href="URL 3">Link 3</a>
<a href="URL 4">Link 4</a>
<a href="URL 5">Link 5</a>
<a href="URL 6">Link 6</a>
<a href="URL 7">Link 7</a>
</div>
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.

Um comentário:

  1. Amei Muito lindo esse efeito...
    Estou fazendo um novo tema pro blog e vou usar esse efeito, pode deixar que vou creditar...
    Bjss...

    ResponderExcluir

♥ Todos os Comentários serão respondidos .
♥ Leia Antes de Comentar .
♥ Se for falar sobre algo além do post, comente sobre ele primeiro .
♥ Não aceitarei nenhum tipo de xingamento, mas estou aberta a críticas contrutivas .
♥ Se for usar ou repassar algum tutorial, utilitário ou qualquer coisa que te inspire no Sweet Glitter, NUNCA esqueça de dar os merecidos créditos.
♥ Deixe o link ou url do seu blog no final do comentário para que eu possa retribuir a visita .
♥ No mais, obrigado pela visita e sejam bem vindos !