Olá, pessoal! ヾ(@⌒ー⌒@)ノ Como vocês estão? Bem, eu espero ^u^ Essa semana está bastante corrida, parece que segunda foi ontem e assim consecutivamente, hu3. Hoje trouxe-vos alguns modelos de menu para tag, para quem usa e gosta ~eu, eu e eu, amo demais x3x~ creio que vá gostar de personalizá-los e usá-los, não é? ^u^ Se quiser mudar as cores, fiquem à vontade, mudem pequenas coisas ao vossos gostos, mas me avisando antes e sem retirar os créditos, tudo bem? Deixem o link em um lugar visível na página inicial de seus blogs e com redirecionamento para o TMR. Não mudem o gradiente, tudo bem? Até mais, meus doces. Vejo vocês depois! ( ^3^ )
OBS: Os primeiros blocos dos menus que estão nos prints estão em hover.
Modelo 01 - Copie o código abaixo e cole acima de
]]></b:skin>
.dd1{
width:30%;
padding: 6px 0 5px 0;
margin: 0 0 4px 4px;
float: left;
height: 19px;
text-align: center;
background: #e5f2b5;
background: -moz-linear-gradient(left, #e5f2b5 2%, #e6f7b4 90%, #e1f4a8 90%, #e1f4a8 90%);
background: -webkit-gradient(linear, left top, right top, color-stop(2%,#e5f2b5), color-stop(90%,#e6f7b4), color-stop(90%,#e1f4a8), color-stop(90%,#e1f4a8));
background: -webkit-linear-gradient(left, #e5f2b5 2%,#e6f7b4 90%,#e1f4a8 90%,#e1f4a8 90%);
background: -o-linear-gradient(left, #e5f2b5 2%,#e6f7b4 90%,#e1f4a8 90%,#e1f4a8 90%);
background: -ms-linear-gradient(left, #e5f2b5 2%,#e6f7b4 90%,#e1f4a8 90%,#e1f4a8 90%);
background: linear-gradient(to right, #e5f2b5 2%,#e6f7b4 90%,#e1f4a8 90%,#e1f4a8 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f2b5', endColorstr='#e1f4a8',GradientType=1 );
box-shadow: inset 0 1px 0 #f2fdd1;
border: #c4dc83 solid 1px;
}
.dd1 a{
color: #fff;
text-shadow: 1px 1px 0 #bbd76b;
letter-spacing: .2em;
text-transform: lowercase;
text-decoration: none;
}
.dd2{
width:30%;
padding: 6px 0 5px 0;
margin: 0 0 4px 4px;
float: left;
height: 19px;
text-align: center;
background: #dae1e5;
background: -moz-linear-gradient(left, #dae1e5 1%, #e7ecef 90%, #e3eaed 90%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#dae1e5), color-stop(90%,#e7ecef), color-stop(90%,#e3eaed));
background: -webkit-linear-gradient(left, #dae1e5 1%,#e7ecef 90%,#e3eaed 90%);
background: -o-linear-gradient(left, #dae1e5 1%,#e7ecef 90%,#e3eaed 90%);
background: -ms-linear-gradient(left, #dae1e5 1%,#e7ecef 90%,#e3eaed 90%);
background: linear-gradient(to right, #dae1e5 1%,#e7ecef 90%,#e3eaed 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae1e5', endColorstr='#e3eaed',GradientType=1 );
box-shadow: inset 0 1px 0 #f2f6f8;
border: #c1ccd6 solid 1px;
}
.dd2 a{
color: #fff;
text-shadow: 1px 1px 0 #beccd4;
letter-spacing: .2em;
text-transform: lowercase;
text-decoration: none;
}
Modelo 02 - Copie o código abaixo e cole acima de
]]></b:skin>
.dd1{
width:30%;
padding: 5px 0 4px 0;
margin: 0 0 4px 4px;
float: left;
height: 13px;
text-align: center;
font-family: "farma";
font-size: 8px;
background: #e3e4e8;
box-shadow: inset 0 0 3px #d0d3dd;
-webkit-transition: all 1.5s ease-out;
}
.dd1:hover{
background: #ebecef;
box-shadow: inset 0 0 3px #d6d9e2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 1.5s ease-out;
}
.dd1 a{
color: #fff;
text-shadow: 1px 1px 0 #c9ccda;
text-transform: lowercase;
text-decoration: none;
}
.dd1 a:hover{ text-shadow: 1px 1px 0 #d0d3de;}
@font-face { font-family: "farma"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.dd2{
width:30%;
padding: 5px 0 4px 0;
margin: 0 0 4px 4px;
float: left;
height: 13px;
text-align: center;
font-family: "farma";
font-size: 8px;
background: #ffe6ea;
box-shadow: inset 0 0 3px #ffd1d9;
-webkit-transition: all 1.5s ease-out;
}
.dd2:hover{
background: #ffd8de;
box-shadow: inset 0 0 3px #ffc5ce;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 1.5s ease-out;
}
.dd2 a{
color: #fff;
text-shadow: 1px 1px 0 #ffcbd4;
text-transform: lowercase;
text-decoration: none;
}
.dd2 a:hover{ text-shadow: 1px 1px 0 #ffc0cb;}
Modelo 03 - Copie o código abaixo e cole acima de
]]></b:skin>
.dd1{
width:30%;
padding: 5px 0 4px 0;
margin: 0 0 4px 4px;
float: left;
height: 17px;
text-align: center;
font-family: "Verdana";
font-size: 11px;
background: #4c4353;
box-shadow: inset 0 0 1px #342c3a;
-webkit-transition: all 1.5s ease-out;
}
.dd1:hover{
background: #665d6c;
box-shadow: inset 0 0 3px #514758;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: 1px 1px 0 #514758;
-webkit-transition: all 1.5s ease-out;
}
.dd1 a{
color: #9d9a9f;
text-shadow: 1px 1px 0 #3d3344;
text-decoration: none;
}
.dd1 a:hover{ text-shadow: 1px 1px 0 #514758;}
@font-face { font-family: "farma"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.dd2{
width:30%;
padding: 5px 0 4px 0;
margin: 0 0 4px 4px;
float: left;
height: 17px;
text-align: center;
font-family: "Verdana";
font-size: 11px;
background: #925f82;
box-shadow: inset 0 0 3px #7a4369;
-webkit-transition: all 1.5s ease-out;
}
.dd2:hover{
background: #b085a3;
box-shadow: inset 0 0 3px #7a4369;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 1.5s ease-out;
}
.dd2 a{
color: #fff;
text-shadow: 1px 1px 0 #7f4a6e;
text-decoration: none;
}
.dd2 a:hover{ text-shadow: 1px 1px 0 #8e5b7e;}
Modelo 04 - Copie o código abaixo e cole acima de
]]></b:skin>
.dd1{
width:30%;
padding: 5px 0 4px 0;
margin: 0 0 4px 4px;
float: left;
height: 17px;
text-align: center;
font-family: "Verdana";
font-size: 11px;
background: #f2fbd9;
border: 1px solid #d4e4a6;
outline: solid 1px #fff;
outline-offset: -4px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.dd1:hover{
outline: solid 0px none;
opacity: 0.5;
outline-offset: -20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: 1px 1px 0 #514758;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.dd1 a{
color: #acbe7a;
text-shadow: 1px 1px 0 #fff;
text-decoration: none;
}
@font-face { font-family: "farma"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.dd2{
width:30%;
padding: 5px 0 4px 0;
margin: 0 0 4px 4px;
float: left;
height: 17px;
text-align: center;
font-family: "Verdana";
font-size: 11px;
background: #f3efed;
border: 1px solid #dbcac6;
outline: solid 1px #fff;
outline-offset: -4px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.dd2:hover{
outline: solid 0px none;
opacity: 0.5;
outline-offset: -20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: 1px 1px 0 #514758;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.dd2 a{
color: #ba9e96;
text-shadow: 1px 1px 0 #fff;
text-decoration: none;
}
Agora para ter o código do gadget dos modelos acima, basta colar esse código abaixo em um gadget de HTML/Java Script, dando as devidas modificações (serve para todos os modelos).
<div class="dd1"><a href="/">Título</a></div></div>
<div class="dd2"><a href="/">Título</a></div></div>
Está mesmo, não é? O bom dos dias passarem rápido é quando se tem algo para o futuro. Ele não parece demorar tanto a chegar desse jeito xD
ResponderExcluirQue lindos os modelos, adorei todos (principalmente o último)! <3
Está c': Concordo, ahaha.
ExcluirObrigada, Bru! ♥
OOOOOI Mack, tudo bom? Espero que sim. Adorei todos os menus, mas o terceiro sem dúvidas foi uns dos meus favoritos, pretendo usar-lo no meu próximo layout *u*
ResponderExcluirAbraços,
Querida Ilusão.
OLÁ, Nina! Tudo de boas, ahahaha. Awn ♡ Obrigada! Bom uso, viu?
ExcluirAgosto está bem agitado para mim. Larga de preguiça, Mack. Quem precisa de feriado quando se tem escolam, não é? UIASHIUAH'
ResponderExcluirEstava precisando desses menus <3 Todos estão lindos, o segundo é tão fofo ~
[look at me, look at fleur faneés]
SHAIUSHAISUAHS' Ai, mulher, mas vida de preguiçoso é um cu mesmo :B Obrigada, Ed ♡
ExcluirChato mesmo isso, agora acabaram os feriados, e nós, meros estudantes e menores de idade, temos que sofrer indo pra escola e aturando aquela gente chata #bolada.
ResponderExcluirOs menus ficaram lindjos, meu favorito foi o segundo (。´∀`)ノ
xoxo ✧ The Misty Dawn, visite - nos!
Aish x3x Nem me fale! Obrigada, Ella! ♡
ExcluirAdorei os menus, principalmente o primeiro *3* ~
ResponderExcluirwww.sendohipster.blogspot.com.br
Obrigada, Luiz! ^3^
ExcluirAh, eu tô gostando de Agosto. Os meus dias andam corridos, diferente dos meses passados, que eram puramente tédio e tédio.
ResponderExcluirMenu de Tags, é algo bem útil e fica bem bonito no blog. Adorei o segundo e o quarto, são tão fofos que me deu vontade de mudar o layout só para colocar esse menu.
The Lord of Thrones
Concordo ^u^ Eu amo usá-los! Obrigada, Karla! ♥
ExcluirOs menus são divos ♥ Adorei o primeiro e o ultimo ah o terceiro também acho que também gostei do segundo hahahaha ♥ Amei todos ♥
ResponderExcluirBeijos http://valentinices.blogspot.com.br
Awn ♡ Obrigada, Valentina!
ExcluirAi, que fofis *u*
ResponderExcluirIrei usar em um, dos meus, layouts.
We Reserve: http://www.we-reserve.tk/
Obrigada, Lets ♥ Bom uso!
ExcluirEu estou bem, para mim a semana também está sendo bastante corrida e agosto está meio desanimador.
ResponderExcluirOs modelos estão perfeitos ♥
hearttutoriais.blogspot.com || Heart Tutoriais
Pois é :c Obrigada, Jack! ^3^
ExcluirQue lindos,talvez eu use no meu próximo layout!
ResponderExcluirEstou seguindo,segue de volta?
http://thisismylifeoficial.blogspot.com.br/
Obrigada, Juliane ^O^ Bom uso!
Excluirkdshgjk aí é inverno, não é? Deve ser chato voltar já para as aulas, eu só volto em setembro pois em portugal o novo ano letivo começa em setembro ~ o3o
ResponderExcluirAmei os menus, simplesmente perfeitos, aproveitei que agora estou a utilizar um layout seu e acrescentei um dos menus que ficaram perfeitos *o*
✿ kuroihana.co.vu
Sim, é inverno ( ´ ▽ ` )ノ Então vocês, tipo, param no meio do ano esó voltam em setembro :O Gente, que massa ♥
ExcluirObrigada, Fume! ^u^
Vou casar com o segundo q
ResponderExcluirNão acho que você esteja sem criatividade.
Emiko, p-eachcobbler.blogspot.com ♥
SHAISUHASIAS' Obrigada, Emiko! Na verdade, acho que eu poderia ter feito mais, e tal, foi por isso.
ExcluirAchei todos bem legais!
ResponderExcluirmaraudersmapbr.blogspot.com.br
Obrigada, Luan! ^3^
ExcluirEu adorei todos, difícil escolher o mais bonito.
ResponderExcluirOrigada, Erika! ^u^
Excluirperfeitooos <3
ResponderExcluirObrigada!
ExcluirModelos lindos, escolhi um, agora é só deixar do meu jeitinho! :3
ResponderExcluirKissus, We AniLovers
Obrigada ^3^ Bom uso!
ExcluirHaaa que lindos, amei as cores do modelo dois
ResponderExcluirhttp://revyanimes.blogspot.com.br/
Aaaah!! Amei, que arraso! Meu Deus, você é muito diva, me ajuda sempre em tudo! Beijos, estou usando o modelo 3!
ResponderExcluirhttps://we-are-rainbow-forever.blogspot.com.br/
Muito obrigada, Luiza! Desculpe a demora nas respostas... Eu entro no blog algumas vezes na semana, apenas.
Excluir