modelos de menus para tags

Olá cheirosos lindjos :3 Tudo bem? Gente que calor é esse? Aqui na minha cidade está pegando fogo literalmente o.o e isso que não é verão ainda, mas a vida continua com calor ou sem ele u.u paremos de reclamar e aguentemos essa diliça afinal nunca estamos satisfeitos :3 Agora falando sobre o post de hoje, estou trazendo três modelos de menus para usarem nos marcadores ou como muitos chamam as famosas tags, já haviam me pedido para fazer o tuto das mesmas tags que uso mas como sou ciumenta igual as minhas ainda não irei postar!!

Eu sei que soa idiota isso mas eu tenho tanto ciumes com as coisas que faço pra mim que é bem difícil eu ficar postando quando pedem >.< Tá tá eu sei que isso é criancice mas é que eu penso assim, as vezes o efeito usado é tão simples que não tem o porque de eu postar e outra eu não sei vocês mas quando invento algo só meu eu sinto que o que foi inventado se só eu usar o layout fica mais original e não cheio de mesmice, véi tipo tem uns menus legais e super fofos que outros blogs postam mas o problema é que quando pegam para usar não fica só um blog usando mas sim uns trocentos e o que era para ser fofo acaba se tornando enjoativo de olhar, não me matem haha *o*

É bobeira mas eu penso assim, tipo quando eu mudo de lay dai posto de boa o que haviam me pedido uns trocentos anos antes UHSUHSusahaushas mentira não faço isso, mas quando posto sempre tento criar algo diferente e parecido ao mesmo tempo, escrota eu neh? Mas enfim parando de enrolar vocês vamos aos menus que devem estar querendo ver o efeito faz tempo UHASUHSUS u.u Byebye guys!

Live preview  ✮

Para usarem os menus, vá até modelo editar html e dentro procure por: ]]skin; acima dele cole os seguintes códigos:

Menu tags 1

tags {
color:#fff;
text-shadow: 1px 1px 1px #BBC2D1;
background: #E1E3E7;
border: 1px solid #C8D0DF;
box-shadow: inset 0 0 6px #CFD5E1, 0px 1px 1px #C8D0DF;
outline: 2px solid #E6D6EB;outline-offset: -13px;
line-height:16px;
margin-bottom:1px;
display: inline-block;
padding: 5px 5px 5px 5px;
text-align: center;
text-transform:uppercase;
font-family: Muli;
font-size: 10px;
float: center;
margin:1px;
padding:1px;
height: 16px;
width: 238px;
-webkit-transition-duration: .80s;
}
tags:hover {
cursor:hand;
background: #E1E3E7;
border: 1px solid #C8D0DF;
box-shadow: inset 0 0 6px #CFD5E1, 0px 1px 1px #C8D0DF;
outline: 1px solid #B3BCCD;outline-offset: -3px;
-webkit-transition-duration: .80s;text-align: center;
}

Menu tag 2

tags2 {
color:#fff;
text-shadow: 1px 1px 1px #BBC2D1;
background: #E1E3E7;
border: 1px solid #C8D0DF;
box-shadow: inset 0 0 6px #CFD5E1, 0px 1px 1px #C8D0DF;
outline: 1px solid #B3BCCD; outline-offset: -3px;
line-height:16px; margin:1px;
margin-bottom:1px;
display: inline-block;
padding: 5px 5px 5px 5px;
text-align: center;
text-transform:uppercase;
font-family: Muli;
font-size: 10px;
float: center;
margin:1px;
padding:1px;
height: 16px;
width: 238px;
-webkit-transition-duration: .80s;
}
tags2:hover {
cursor:hand;
border: 1px solid #C8D0DF;
box-shadow: inset 0 0 6px #CFD5E1, 0px 1px 1px #C8D0DF;
outline: 1px solid #B3BCCD;outline-offset: -13px;
-webkit-transition-duration: .80s;text-align: center;}

Menu Tag 3

tags3 {
color:#fff;
text-shadow: 1px 1px 1px #BBC2D1;
background: #E1E3E7;
border: 1px solid #C8D0DF;
box-shadow: inset 0 0 6px #CFD5E1, 0px 1px 1px #C8D0DF;
outline: 2px solid #E6D6EB;outline-offset: -13px;
line-height:16px;
margin-bottom:1px;
display: inline-block;
padding: 5px 5px 5px 5px;
text-align: center;
text-transform:uppercase;
font-family: Muli;
font-size: 10px;
float: center;
margin:1px;
padding:1px;
height: 16px;
width: 238px;
-webkit-transition-duration: .80s;
}
tags3:hover {
cursor:hand;
border: 1px solid #C8D0DF;
box-shadow: inset 0 0 6px #CFD5E1, 0px 1px 1px #C8D0DF;
outline: 1px solid #B3BCCD;outline-offset: -5px;
-webkit-transition-duration: .80s;text-align: center;}

Links:

<a href="https://www.blogger.com/Link"><tags>Credite</tags></a>

<a href="https://www.blogger.com/Link"><tags2>Credite</tags2></a>

<a href="https://www.blogger.com/Link"><tags3>Credite</tags3></a>