Menu Click ~

Konnichiwa ~☆

Olá bichinhos da Tia como vão? Estou tendo um final de semana mediano , isso por causa das cólicas mas nada muito anormal , já já passa . Estou bem ansiosa ultimamente , pois meu aniversário está pra chegar e pra completar o feira anime também será em maio ( ﾉ^ω^)ﾉﾟ . Haviam me pedido na ask como personalizar o tooltip mas como já postaram muito isso essa semana acho que não há necessidade sla , perdão por isso ok?

Vim trazer um menu , confesso fiquei com ciúmes de disponibilizar ;u; podem ver ele aqui  ~ preview ~  para ver o efeito dele voces tem que clicar sobre , por isso o nome , menu click. Ah se usarem creditem ok?

Modelo Rosa ~

Antes de ]]></b:skin cole :

#click{
text-transform: uppercase;
padding:2px;
text-decoration: none;
border-radius: 2px;
color:#FFF;
text-shadow: 1px 1px 0px #ffc8d3;
font-size: 10px;
border: 1px solid #ffc8d3;
background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.39, #FFE3E8),
 color-stop(0.74, #FFD4DB)
);
background-image: -o-linear-gradient(bottom, #FFE3E8 39%, #FFD4DB 74%);
background-image: -moz-linear-gradient(bottom, #FFE3E8 39%, #FFD4DB 74%);
background-image: -webkit-linear-gradient(bottom, #FFE3E8 39%, #FFD4DB 74%);
background-image: -ms-linear-gradient(bottom, #FFE3E8 39%, #FFD4DB 74%);
background-image: linear-gradient(to bottom, #FFE3E8 39%, #FFD4DB 74%);
background-image: linear-gradient(to bottom, #FFE6EA 43%, #FFCFD7 100%);
}

#click:active{
text-decoration: none;
text-transform: uppercase;
color:#FFF;
text-shadow: 1px 1px 0px #ffc8d3;
font-size: 10px;
border: 1px solid #ffc8d3;
background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.39, #FCDBE1),
 color-stop(0.74, #FFE3E8)
);
background-image: -o-linear-gradient(bottom, #FCDBE1 39%, #FFE3E8 74%);
background-image: -moz-linear-gradient(bottom, #FCDBE1 39%, #FFE3E8 74%);
background-image: -webkit-linear-gradient(bottom, #FCDBE1 39%, #FFE3E8 74%);
background-image: -ms-linear-gradient(bottom, #FCDBE1 39%, #FFE3E8 74%);
background-image: linear-gradient(to bottom, #FCDBE1 39%, #FFE3E8 74%);
}

e em um gadget html/java :

<a href="https://www.blogger.com/LINK" id="click" title="Texto">Nome</a>

Modelo Azul ~

Antes de ]]></b:skin :

#click1{
padding:2px;
text-decoration: none;
border-radius: 2px;
text-transform: uppercase;
color:#FFF;
text-shadow: 1px 1px 0px #c5c1ff;
font-size: 10px;
border: 1px solid #c5c1ff;
background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.43, #E5EEFF),
 color-stop(0.62, #DEE3FF)
);
background-image: -o-linear-gradient(bottom, #E5EEFF 43%, #DEE3FF 62%);
background-image: -moz-linear-gradient(bottom, #E5EEFF 43%, #DEE3FF 62%);
background-image: -webkit-linear-gradient(bottom, #E5EEFF 43%, #DEE3FF 62%);
background-image: -ms-linear-gradient(bottom, #E5EEFF 43%, #DEE3FF 62%);
background-image: linear-gradient(to bottom, #E5EEFF 43%, #DEE3FF 62%);
}

#click1:active{
text-decoration: none;
text-transform: uppercase;
color:#FFF;
text-shadow: 1px 1px 0px #c5c1ff;
font-size: 10px;
border: 1px solid #c5c1ff;
background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.43, #DEE3FF),
 color-stop(0.62, #E5EEFF)
);
background-image: -o-linear-gradient(bottom, #DEE3FF 43%, #E5EEFF 62%);
background-image: -moz-linear-gradient(bottom, #DEE3FF 43%, #E5EEFF 62%);
background-image: -webkit-linear-gradient(bottom, #DEE3FF 43%, #E5EEFF 62%);
background-image: -ms-linear-gradient(bottom, #DEE3FF 43%, #E5EEFF 62%);
background-image: linear-gradient(to bottom, #DEE3FF 43%, #E5EEFF 62%);
}

Em um html/java :

<a href="https://www.blogger.com/LINK" id="click1" title="Texto">Nome</a>

Modelo Lilás ~

Antes de ]]></b:skin :

#click2{
padding:2px;
text-decoration: none;
text-transform: uppercase;
border-radius: 2px;
color:#FFF;
text-shadow: 1px 1px 0px #e5bcfd;
font-size: 10px;
border: 1px solid #e5bcfd;
background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.43, #F4E0FF),
 color-stop(0.62, #F0D3FC)
);
background-image: -o-linear-gradient(bottom, #F4E0FF 43%, #F0D3FC 62%);
background-image: -moz-linear-gradient(bottom, #F4E0FF 43%, #F0D3FC 62%);
background-image: -webkit-linear-gradient(bottom, #F4E0FF 43%, #F0D3FC 62%);
background-image: -ms-linear-gradient(bottom, #F4E0FF 43%, #F0D3FC 62%);
background-image: linear-gradient(to bottom, #F4E0FF 43%, #F0D3FC 62%);
}

#click2:active{
text-decoration: none;
color:#FFF;
text-transform: uppercase;
text-shadow: 1px 1px 0px #e5bcfd;
font-size: 10px;
border: 1px solid #e5bcfd;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #F0D3FC),
color-stop(1, #F4E0FF)
);
background-image: -o-linear-gradient(bottom, #F0D3FC 0%, #F4E0FF 100%);
background-image: -moz-linear-gradient(bottom, #F0D3FC 0%, #F4E0FF 100%);
background-image: -webkit-linear-gradient(bottom, #F0D3FC 0%, #F4E0FF 100%);
background-image: -ms-linear-gradient(bottom, #F0D3FC 0%, #F4E0FF 100%);
background-image: linear-gradient(to bottom, #F0D3FC 0%, #F4E0FF 100%);
}

em um html/java :

<a href="https://www.blogger.com/LINK" id="click2" title="Texto">Nome</a>