Olá, pessoal! No ask do blog tinham perguntas de meses atrás, acho que já até desistiram de esperar algum sinal de vida meu... mil desculpas por isso! Mas enfim, estou conseguindo organizar tudo e respondi toda a ask do blog. Estavam pedindo um menu de tags, por isso fiz um. Eu usei o mesmo efeito no texto do antigo layout daqui (aquele azul de nuvens).
Clique aqui para visualizar o menu
Cole esse código
acima de ]]></b:skin>:
.tagsbytt {
text-align: center;
margin: 0px 1px 2px 3px;
font-family: Arial;
font-size: 10px;
padding: 5px 10px 5px 5px;
background: #eaeaea;
border-left: 1px solid #cecece;
-moz-box-shadow: -1px 0 0 0 #f4f4f4, -3px 0 0 0 #eaeaea;
-webkit-box-shadow: -1px 0 0 0 #f4f4f4, -3px 0 0 0 #eaeaea;
box-shadow: -1px 0 0 0 #f4f4f4, -3px 0 0 0 #eaeaea;
-webkit-transition-duration: 0.40s;
}
.tagsbytt:hover {
-webkit-animation-name: tags;
animation-name: tags;
-webkit-animation-duration: 1s;
}
.tagsbytt2 {
text-align: center;
margin: 0 3px 2px 1px;
font-family: Arial;
font-size: 10px;
padding: 5px 5px 5px 10px;
background: #eaeaea;
border-right: 1px solid #cecece;
-moz-box-shadow: 1px 0 0 0 #f4f4f4, 3px 0 0 0 #eaeaea;
-webkit-box-shadow: 1px 0 0 0 #f4f4f4, 3px 0 0 0 #eaeaea;
box-shadow: 1px 0 0 0 #f4f4f4, 3px 0 0 0 #eaeaea;
-webkit-transition-duration: 0.40s;
}
.tagsbytt2:hover {
-webkit-animation-name: tags;
animation-name: tags;
-webkit-animation-duration: 1s;
}
@-webkit-keyframes tags {
25% {letter-spacing: -1px;}
50% {letter-spacing: 2px;}
75% {letter-spacing: -1px;}
letter-spacing: 0px;}
}
Esse outro código, cole num gadget html/javascript:
<div style="width: 50%; float: left;">
<a href="/search/label/nome da tag"><div class="tagsbytt">Nome da tag</div></a>
<a href="/search/label/nome da tag"><div class="tagsbytt">Nome da tag</div></a>
<a href="/search/label/nome da tag"><div class="tagsbytt">Nome da tag</div></a>
<a href="/search/label/nome da tag"><div class="tagsbytt">Nome da tag</div></a>
</div>
<div style="width: 50%; float: right;">
<a href="/search/label/nome da tag"><div class="tagsbytt2">Nome da tag</div></a>
<a href="/search/label/nome da tag"><div class="tagsbytt2">Nome da tag</div></a>
<a href="/search/label/nome da tag"><div class="tagsbytt2">Nome da tag</div></a>
<a href="/search/label/nome da tag"><div class="tagsbytt2">Nome da tag</div></a>
</div>
Prontinho, espero que tenham gostado.
Ficou muito lindo esse menu, acho que vou usar em breve ♥
ResponderExcluirwww.c-astle.blogspot.com.br
Lindo este menu,tenho total certeza que usarei ele !
ResponderExcluirBeijos *_*
http://nightsofwinteroficial.blogspot.com.br/
Que lindão, acho que usarei ele *--*
ResponderExcluirCom muita liberdade, Sunny Chan || @undercover
Que lindo o menu! Amei!
ResponderExcluirSerá que poderia ajudar na meta de 100 seguidores?Ajuda? Retribuo todos que seguirem 。◕‿◕。
Diamond Glass
>33<
Ah, adorei esse layout, ficou muito lindo! Gostei do efeito do menu, é engraçadinho ficar brincando hauahahuahua *-*
ResponderExcluir>> blog-espelhodigital.blogspot.com
Adorei, ficou lindo, parabéns!
ResponderExcluirdiamond-glass.blogspot.com
adorei axei q ficou muito lindo...........adorei visitar>>bjo<>
ResponderExcluirhttp://louca-por-html.blogspot.com.br/
Eu adorei o modelo de menu >< Se organizar é sempre bom, parece que a gente tá livre o//
ResponderExcluirKissu O (≧ ∇ ≦) O #May-Sun
Nosso Diário Nada Convencional
Que menu fofinho! *u*'
ResponderExcluirGostei bastante dele, parabéns. ^3^'
Gostei do seu blog também, já estou seguindo para ficar a par das novidades. Meu blog ainda é novo, comecei ontem, se quiser visitar, adoraria ver você por lá! ♡
- Dream Catcher ~♡
Fica bem legal ^^ Ótimo tuto ^^
ResponderExcluirMeu Mundo, Meu Estilo||The Diary of My World
não entendi :( sou lerda daiosjidsjoijadsojodsj colar aonde esse codigo? mds to lerda dms
ResponderExcluir