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
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 {4. Salve e vá para Elementos da página. Adicione um novo gadget de HTML/Javascript e nele coloque o código abaixo:
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 */
}
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyAmEqwCLlGf0xUdbFJwoGrfnR5CBseit0hQijyPxbiALyTPnXucmEjYKr4RzXzNu1z9RNNlxAQaiEvYApQf47cbL2VZ1f62s-Y_N8a2AMbUENxK-lRV4-Gs6xcNbtCoHHU8lnAQzkvPEE/s1600/menu.png" align="right" />5. E salve.
<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>
----
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.
Amei Muito lindo esse efeito...
ResponderExcluirEstou fazendo um novo tema pro blog e vou usar esse efeito, pode deixar que vou creditar...
Bjss...